:root{color:#eef3f8;font-synthesis:none;background:#070b0f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background:#070b0f;min-width:320px;min-height:100vh;margin:0}button,select,textarea,input{font:inherit}button,select,textarea{color:inherit}.app-shell{background:#090d12;border:1px solid #202a34;border-radius:20px;width:min(1560px,100% - 40px);min-height:calc(100vh - 40px);margin:20px auto;overflow:hidden}.topbar{border-bottom:1px solid #202a34;justify-content:space-between;align-items:center;min-height:80px;padding:20px 28px;display:flex}.brand{align-items:center;gap:14px;font-size:20px;font-weight:750;display:flex}.dot{background:#35e981;border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #35e98199}.topbar time{text-align:right;font-family:ui-monospace,monospace;display:grid}.topbar-actions{align-items:center;gap:18px;display:flex}.change-agent{color:#8ea4b9;background:0 0;border-color:#0000;min-height:36px;padding:0 13px;font-size:13px}.change-agent span{color:#4d91e5;margin-right:6px;font-size:17px}.topbar time strong{font-size:18px}.topbar time small,.muted{color:#758ba0}.app-version{margin-top:2px;font-size:10px;color:#4d718f!important}.version-compact{display:none}main{padding:24px 28px 28px}.card{background:#11171d;border:1px solid #202a34;border-radius:14px}h1,h2,p{margin-top:0}h2{color:#7892aa;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:12px}button{cursor:pointer;background:#141b23;border:1px solid #293543;border-radius:8px;min-height:40px;padding:0 18px;font-weight:700}button:hover:not(:disabled){border-color:#4776af}button:disabled{opacity:.45;cursor:not-allowed}.primary{color:#b9d2ff;background:#18243a;border-color:#254879}.danger{color:#ffc4c8;background:#45161b;border-color:#70242d}.danger.subtle{width:100%}.message,.unsupported{color:#94abc0;background:#0c1218;border:1px solid #25313d;border-radius:8px;margin:0 0 16px;padding:10px 14px}.unsupported{color:#ffadb4;border-color:#7a2b34}.profile-card{max-width:760px;margin:30px auto;padding:24px}.profile-card h1{margin-bottom:8px;font-size:24px}.profile-card p{color:#7d93a8}.profile-card label{color:#849ab0;gap:7px;font-size:13px;display:grid}.profile-card input{color:#9eb2c5}textarea{resize:vertical;background:#080c10;border:1px solid #26323e;border-radius:8px;width:100%;min-height:190px;margin:16px 0;padding:14px;font-family:ui-monospace,monospace}.profile-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.saved-profile-row{grid-template-columns:1fr auto auto;align-items:end;gap:10px;margin:18px 0;display:grid}.saved-profile-row select{width:100%}.saved-profile-row .subtle{width:auto}.operator-layout{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:24px;display:grid}.status-column{gap:16px;display:grid}.status-card{padding:22px 20px}.status-card dl{margin:0 0 16px}.status-card dl>div{border-bottom:1px solid #202831;justify-content:space-between;align-items:center;gap:12px;min-height:40px;display:flex}dt{color:#8fa4bc}dd{text-align:right;margin:0;font:700 13px ui-monospace,monospace}.good{color:#35e981}.warn{color:#f4ae2b}.agent-card{padding:18px 20px}.agent-card>summary{display:none}.agent-card h2,.agent-card p{margin:0}.agent-card p,.agent-card span{color:#778ea5;font-size:12px}.host-card-content{width:100%}.host-card-content>header{justify-content:space-between;gap:12px;display:flex}.host-facts{margin:16px 0}.host-facts>div{grid-template-columns:72px 1fr;gap:8px;padding:5px 0;display:grid}.host-facts dd{color:#e2eaf2;text-align:left;font-family:inherit;font-size:12px}.interfaces{gap:8px;display:grid}.interfaces>div{border:1px solid #293542;border-radius:8px;gap:3px;padding:10px;display:grid}.interfaces span,.interfaces small{color:#8ba1b6}.agent-command-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.agent-command-actions button{min-width:0;padding-inline:10px}.status-card>p{margin:12px 0 0;font-size:12px}.viewer-card{min-width:0;padding:20px}.viewer-head{justify-content:space-between;align-items:start;gap:20px;margin-bottom:14px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips span{color:#91a9c2;background:#090e13;border:1px solid #222d38;border-radius:6px;padding:5px 9px;font:11px ui-monospace,monospace}.chips .good-chip{color:#35e981;background:#0d2215;border-color:#1a532e}.stage{aspect-ratio:16/9;background:#000;border-radius:11px;min-height:360px;position:relative;overflow:hidden}.viewer-selectors{grid-template-columns:1fr 2fr minmax(130px,.65fr);gap:12px;margin:0 0 12px;display:grid}.viewer-selectors>label{min-width:0}.stream-facts{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.stream-facts>div{color:#9cb1c5;background:#0b1016;border:1px solid #222e3a;border-radius:8px;align-items:center;gap:9px;min-width:0;padding:9px 10px;font:11px ui-monospace,monospace;display:flex;overflow:hidden}.stream-facts b{color:#6f8ba5;text-transform:uppercase}.stream-facts span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.receiver-metrics{flex-wrap:wrap;gap:7px;margin:-4px 0 12px;display:flex}.receiver-metrics>span{color:#b7c8d8;background:#0a1118;border:1px solid #26384a;border-radius:6px;padding:5px 8px;font:11px ui-monospace,monospace}.receiver-metrics b{color:#6e8ba7;font-weight:600}.viewer-selectors label{color:#9cb1c5;gap:6px;font-size:12px;display:grid}.stage video{object-fit:contain;width:100%;height:100%;display:block}.stage-center{color:#22313f;place-items:center;font:12px ui-monospace,monospace;display:grid;position:absolute;inset:0}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.diagnostics summary{color:#438dff;cursor:pointer;padding:16px 0 0;font-weight:700}.fullscreen-button{z-index:2;background:#070d13d9;border-color:#45627e;width:44px;height:44px;padding:0;font-size:22px;position:absolute;bottom:10px;right:10px}.stage:fullscreen{aspect-ratio:auto;background:#000;border-radius:0;width:100vw;height:100vh}select{appearance:none;text-overflow:ellipsis;cursor:pointer;background-color:#090e13;background-image:linear-gradient(45deg,#0000 50%,#8299ae 50%),linear-gradient(135deg,#8299ae 50%,#0000 50%);background-position:calc(100% - 15px) 17px,calc(100% - 10px) 17px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #283542;border-radius:7px;width:100%;min-width:0;height:40px;padding:0 34px 0 12px;line-height:38px}select:disabled{cursor:not-allowed;color:#6f8192;opacity:.72;background-color:#111820}select:focus{outline-offset:1px;border-color:#4d83bc;outline:2px solid #23486d}select option{color:#dce7f1;background:#111820}.mobile-stats{display:none}.diagnostics{margin-top:20px;padding:0 20px 20px}.diagnostics pre{color:#89a1b7;background:#070a0d;max-height:320px;padding:14px;font-size:11px;overflow:auto}@media (width<=920px){.operator-layout{grid-template-columns:280px minmax(0,1fr);gap:16px}.stage{min-height:280px}}@media (width<=680px){.app-shell{border-radius:28px;width:min(440px,100% - 20px);min-height:auto;margin:10px auto}.topbar{border-bottom:0;min-height:58px;padding:18px 20px 10px}.brand{gap:9px;font-size:17px}.dot{width:8px;height:8px}.topbar time strong{font-size:12px}.topbar time small:not(.app-version){display:none}.topbar-actions{gap:8px;min-width:0}.topbar time{min-width:0}.version-full{display:none}.version-compact{display:inline}.change-agent{width:40px;padding:0;font-size:0}.change-agent span{margin:0;font-size:19px}main{padding:8px 14px 20px}.operator-layout{flex-direction:column;gap:12px;display:flex}.viewer-card{background:0 0;border:0;flex-direction:column;order:1;width:100%;padding:0;display:flex}.status-column{order:2;width:100%}.viewer-head{order:2;margin:0;display:block}.viewer-head h2,.chips{display:none}.stream-actions{margin-top:14px}.stream-actions button{width:100%;min-height:47px}.stage{aspect-ratio:1.35;border-radius:15px;order:1;min-height:0}.mobile-stats{background:#11171d;border:1px solid #202a34;border-radius:14px;order:3;grid-template-columns:1fr 1fr;gap:14px 20px;margin-top:12px;padding:16px;display:grid}.mobile-stats div{gap:4px;display:grid}.mobile-stats small{color:#7189a0;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.mobile-stats strong{color:#e7edf4;font:700 15px ui-monospace,monospace}.agent-card{padding:0;overflow:hidden}.agent-card>summary{color:#e7edf4;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:0 16px;list-style:none;display:flex}.agent-card>summary::-webkit-details-marker{display:none}.agent-card>summary:after{content:"+";color:#438dff;font-size:18px}.agent-card[open]>summary:after{content:"−"}.agent-card>summary span{color:#e7edf4;font-size:14px;font-weight:700}.agent-card>summary b{color:#7690a8;margin-left:auto;font-size:11px;font-weight:500}.agent-card .host-card-content{padding:0 16px 16px}.viewer-selectors{order:5;grid-template-columns:1fr;margin-top:12px}.stream-facts{display:none}.receiver-metrics{order:4;margin:12px 0 0}.receiver-metrics>span{text-align:center;flex:calc(33.333% - 7px)}.saved-profile-row{grid-template-columns:1fr}.profile-card{margin:8px 0;padding:18px}.profile-actions>*{width:100%}.message{font-size:12px}.diagnostics{padding:0 16px 16px}.status-card{padding:16px}.status-card dl{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status-card dl>div{background:#0c1218;border:1px solid #25313d;border-radius:9px;place-content:center stretch;gap:5px;min-width:0;min-height:64px;padding:10px;display:grid}.status-card dd{text-align:left;overflow-wrap:anywhere;max-width:100%}.agent-command-actions{grid-template-columns:1fr}}