/* Stable navigation: both levels own their grid space; neither covers the other. */
@media(min-width:901px){.layout.has-panel.nav-wide{grid-template-columns:208px 208px minmax(0,1fr) var(--ob-w)}.layout.has-panel.nav-wide .rail{min-width:0;padding-inline:8px}.layout.has-panel.nav-wide .rail-item{font-size:12px;gap:8px}.layout.has-panel.nav-wide .logo-full{max-width:150px}.layout.has-panel.nav-wide .org-switch{min-width:0}.subpanel{isolation:isolate}.rail{isolation:isolate}.rail-item{min-width:0}}
@media(max-width:900px){.layout .subpanel{width:min(260px,calc(100vw - var(--rail-c) - 12px))}.layout .rail{z-index:44}.layout .subpanel{z-index:43}.layout .rail-item{width:48px;padding:0;justify-content:center}.layout .rail-more,.layout .logo-full,.layout .org-switch>.i{display:none!important}.layout .logo-mark{display:block}.layout .rail-brand{justify-content:center;padding:0}.layout .rail-title{font-size:9px;padding-inline:0;text-align:center}}
.service-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px;max-width:280px}.service-tag{font-size:9px;background:var(--surface-hover);border:1px solid var(--border-hair);border-radius:6px;padding:3px 6px;color:var(--text-2)}.service-tag:before{content:'●';color:#9ca7ba;margin-inline-end:5px}.service-tag.active:before{color:#2667ff}
.stream-icon{background:linear-gradient(145deg,#2667ff,#c9184a)!important}.stream-mode{display:inline-flex;align-items:center;gap:8px;border:1px solid #2667ff26;background:#2667ff09;border-radius:24px;padding:7px 12px;font-size:11px;color:var(--brand)}.stream-mode svg{width:16px}.stream-hero{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border-hair);border-radius:24px;padding:34px;background:radial-gradient(ellipse at 15% 60%,#c9184a0c,transparent 50%),linear-gradient(125deg,var(--surface-solid),#2667ff0b);margin:22px 0}.stream-hero h2{font-size:34px;line-height:1.6;margin:15px 0}.stream-hero p{max-width:480px;color:var(--text-2);line-height:2;font-size:13px;margin-bottom:22px}.stream-art{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;align-content:center;direction:ltr;padding:30px}.stream-art>span{font:700 12px monospace;border:1px solid var(--border-hair);border-radius:12px;padding:12px}.stream-art>i{display:grid;place-items:center;font-style:normal;background:linear-gradient(135deg,#2667ff,#c9184a);color:#fff;width:85px;height:85px;border-radius:26px;box-shadow:0 15px 50px #2667ff30;font-size:28px}.stream-waves{width:100%;text-align:center;font-size:42px;letter-spacing:5px;color:#2667ff}.stream-art small{font-size:10px;color:var(--text-3);letter-spacing:2px}.stream-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.stream-tile{text-align:start;color:inherit;cursor:pointer;padding:22px}.stream-tile h2{font-size:23px;margin:18px 0 8px}.stream-tile p{color:var(--text-2);font-size:12px}.stream-tile footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-hair);margin-top:20px;padding-top:15px;font-size:11px;color:var(--brand)}.stream-state{font-size:11px;color:var(--text-2)}.stream-state.live{color:#c9184a}.stream-quality{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.stream-quality>span,.stream-quality>label{padding:7px 11px;border:1px solid var(--border-hair);border-radius:9px;font-size:12px}.stream-empty{padding:40px;grid-column:1/-1}.stream-wizard{display:grid;grid-template-columns:235px minmax(0,1fr);padding:0;overflow:hidden}.stream-wizard aside{background:linear-gradient(150deg,#2667ff0d,#c9184a06);padding:26px;border-inline-end:1px solid var(--border-hair)}.stream-wizard aside h2{font-size:25px;line-height:1.7;margin:25px 0}.stream-wizard ol{list-style:none;padding:0;display:grid;gap:22px;margin:32px 0}.stream-wizard li{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-3)}.stream-wizard li>b{width:30px;height:30px;border-radius:10px;border:1px solid var(--border-hair);display:grid;place-items:center}.stream-wizard li.active{color:var(--brand)}.stream-wizard li.active>b{background:#2667ff;color:white;box-shadow:0 5px 15px #2667ff30}.stream-wizard aside p{font-size:11px;color:var(--text-2);line-height:2}.stream-wizard form{padding:30px;min-width:0}.stream-step{min-height:360px}.stream-step h2{font-size:24px;margin:12px 0 25px}.stream-step h3{font-size:13px;margin:20px 0 12px}.stream-hosts{display:grid;gap:10px}.stream-host{display:flex;gap:14px;padding:16px;border:1px solid var(--border-hair);border-radius:14px;align-items:center}.stream-host:has(input:checked){border-color:#2667ff;background:#2667ff08}.stream-host small{display:block;margin-top:8px;font-size:11px;color:var(--text-2)}.stream-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stream-note{font-size:11px;color:var(--text-2);line-height:2;margin:15px 0}.stream-check{display:flex;align-items:start;gap:10px;line-height:2;font-size:12px;margin:20px 0}.stream-wizard footer{display:flex;justify-content:space-between;border-top:1px solid var(--border-hair);padding-top:20px;margin-top:22px}.stream-review{display:grid;grid-template-columns:120px 1fr;gap:18px;font-size:13px}.stream-review dd{margin:0}.stream-review dt{color:var(--text-3)}#stream-error{color:#c9184a}.stream-detail-head{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.stream-detail-head h2{font-size:27px;margin-top:15px}.stream-studio{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:18px}.stream-preview,.stream-ingest,.stream-metrics,.stream-archive,#stream-operation{padding:22px;min-width:0}.stream-preview video{width:100%;aspect-ratio:16/9;background:#09172d;border-radius:16px;object-fit:contain}.stream-player-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0;font-size:10px}.stream-metrics>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border-hair);font-size:12px}.stream-metrics small{display:block;font-size:10px;color:var(--text-3);margin-top:15px}.stream-archive{margin:20px 0}.stream-archive p,#stream-operation p{font-size:12px;line-height:2;color:var(--text-2)}#stream-recordings,.stream-actions{display:flex;gap:10px;flex-wrap:wrap}.stream-actions{padding-bottom:24px}.stream-wizard textarea{width:100%;border:1px solid var(--border-hair);border-radius:12px;padding:12px;background:var(--surface-solid);color:var(--text-1);font:inherit}#stream-operation progress{width:100%;height:5px;accent-color:#2667ff}
@media(max-width:1100px){.stream-studio{grid-template-columns:1fr}.stream-wizard{grid-template-columns:180px 1fr}.stream-wizard aside{padding:18px}}
@media(max-width:650px){.stream-hero{grid-template-columns:1fr;padding:23px}.stream-hero h2{font-size:27px}.stream-art{padding:15px}.stream-art>i{width:60px;height:60px}.stream-wizard{grid-template-columns:1fr}.stream-wizard aside h2,.stream-wizard aside p,.stream-wizard aside>.stream-mode{display:none}.stream-wizard ol{display:flex;gap:8px;justify-content:space-between;margin:0}.stream-wizard li{flex-direction:column;gap:6px;font-size:10px}.stream-wizard form{padding:20px}.stream-fields{grid-template-columns:1fr}.stream-preview{padding:14px}.stream-review{grid-template-columns:90px 1fr}}
.stream-workspace .page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 28px}.stream-workspace .dh-title{display:flex;align-items:center;gap:14px}.stream-workspace .page-head .stream-mode{width:auto}.stream-workspace .overline{font-size:10px;letter-spacing:1.5px;color:var(--text-3)}.stream-workspace .btn{width:auto}.stream-workspace .field{margin-block:16px}.stream-workspace .stream-player-controls select{width:auto;flex:1;min-width:100px}.stream-workspace .stream-quality.choices label{display:flex;align-items:center;gap:8px;padding:13px 17px}.stream-workspace .stream-quality.choices label:has(input:checked){border-color:#2667ff60;background:#2667ff09;box-shadow:0 3px 12px #2667ff0a}.stream-workspace .stream-check input{margin-top:6px;flex:none;accent-color:#c9184a}.stream-detail-head{border-bottom:1px solid var(--border-hair);padding-bottom:20px}.stream-archive h3:before{content:'';display:inline-block;width:4px;height:16px;background:#c9184a;border-radius:4px;vertical-align:middle;margin-inline-end:8px}
@media(max-width:650px){.stream-workspace .page-head{align-items:flex-start;flex-wrap:wrap}.stream-workspace .dh-title h1{font-size:24px}}
.stream-workspace textarea{width:100%;background:var(--surface-solid);color:var(--text-1);border:1px solid var(--border-hair);border-radius:10px;padding:12px;font:inherit}.stream-workspace [hidden]{display:none!important}