:root{--navy:#15263a;--ink:#203146;--muted:#657487;--line:#dce3eb;--blue:#2468ce}
body{background:#f1f4f8;color:var(--ink);font-family:"Segoe UI",Tahoma,sans-serif}body>header{background:var(--navy);border:0;min-height:64px;box-shadow:none}header span{color:#a7b9cc}main{max-width:1680px;margin:auto;padding:24px}.card,.panel{border:1px solid var(--line);border-radius:8px;box-shadow:none}.grid{display:block}.device-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px}.device-dock{position:static;align-self:start;background:transparent;border:0;padding:0}.device-dock>strong{display:block;color:var(--muted);font-size:12px;margin:6px 12px 14px}.device-tab{border:1px solid transparent;background:transparent;border-radius:7px;padding:14px;text-align:left;width:100%}.device-tab.active{background:#e3ecfa;border-color:#bfd2ee;color:#154c96}.device-tab-row{margin-bottom:6px}.device-console{min-width:0}.console.workspace-console{display:block}.station-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.station-heading small{color:var(--muted)}.station-heading h1{font-size:26px;margin:4px 0}.station-state{font-size:13px}.workspace-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow:auto}.workspace-tabs button{border:0;border-radius:0;background:transparent;color:var(--muted);padding:12px 2px;white-space:nowrap;border-bottom:3px solid transparent}.workspace-tabs button.active{color:#174f9f;border-bottom-color:var(--blue);font-weight:600}.workspace-pane[hidden]{display:none!important}.control-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:18px;align-items:start}.control-grid>.preview-panel{grid-row:span 2;position:static;top:auto}.panel{min-height:0;padding:20px;background:white}.panel h2{font-size:16px;margin:0 0 16px}.program{aspect-ratio:16/9;min-height:0;height:auto;background:#09111d;border-radius:4px;overflow:hidden}.cloud-preview{width:100%;height:100%;object-fit:contain}.nowbox{background:transparent;border:0;padding:16px 0;margin:0;line-height:1.7}.nowbox small{color:var(--muted)}.timeline{margin:12px 0;height:4px}.transport{display:flex;justify-content:center;gap:12px}.transport button{border-radius:50%;width:44px;height:44px}.transport .main{background:var(--navy);color:white}.queue{max-height:430px;overflow:auto;padding:0}.queue li{padding:15px 0;border-bottom:1px solid #edf0f5;gap:10px;align-items:center}.queue li>div{min-width:0;overflow-wrap:anywhere}.qactions{display:flex;gap:3px;flex-shrink:0}.qactions button{padding:4px 7px;background:#f2f5f9;color:#516177;border:0}.autoswitch{font-size:13px}.smart{background:var(--blue);margin:12px 0}.statusrow{padding:10px 0;font-size:13px;border-bottom:1px solid #edf0f5}.statusrow b{overflow-wrap:anywhere;text-align:right}.workspace-pane>.library,.workspace-pane>.machine-settings,.workspace-pane>.diagnostics,.workspace-pane>.playout-history,.workspace-pane>.subtitle-control,.workspace-pane>.device-power{background:white;border:1px solid var(--line);border-radius:8px;padding:22px;margin:0 0 16px}.workspace-pane form{max-width:850px}.workspace-pane form>label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0}.workspace-pane form input:not([type=checkbox]),.workspace-pane form select{max-width:460px;width:58%;padding:10px;border:1px solid #cbd5e1;border-radius:5px}.workspace-pane summary{font-weight:600;margin-bottom:16px}.searchbar{display:flex;gap:10px}.searchbar input{min-width:0;flex:1}.results{max-height:560px}.empty-state{padding:30px;background:white;border:1px solid var(--line);border-radius:8px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.narrow{margin:8vh auto;padding:32px;max-width:400px}.narrow input{box-sizing:border-box;width:100%;margin-bottom:12px;padding:12px}.narrow button{width:100%;background:var(--blue)}
@media(max-width:1050px){.device-layout{grid-template-columns:165px minmax(0,1fr);gap:16px}.control-grid{grid-template-columns:1fr}.control-grid>.preview-panel{grid-row:auto}}
@media(max-width:650px){main{padding:14px}body>header{position:static;flex-wrap:wrap;padding:14px;gap:12px}.header-actions{flex-wrap:wrap;gap:8px}.device-layout{display:block}.device-dock{display:flex;overflow:auto;gap:6px;margin-bottom:20px}.device-dock>strong{display:none}.device-tab-row{flex:0 0 150px}.station-heading h1{font-size:22px}.workspace-tabs{gap:22px}.panel{padding:16px}.workspace-pane form>label{align-items:stretch;flex-direction:column;gap:7px}.workspace-pane form input:not([type=checkbox]),.workspace-pane form select{width:100%;max-width:none;box-sizing:border-box}.workspace-pane form>label.check{flex-direction:row}.program{width:100%}.preview-tools{flex-wrap:wrap}.console{min-width:0}}