/* Editorial workspace. Presentation layer over the existing operational UI. */
:root{
  color-scheme:light;--bg:#faf9f6;--panel:#ffffff;--border:#e2e4dc;
  --text:#252724;--muted:#676c63;--soft:#f1f3ed;--brand:#b7451d;
  --brand-tint:#fff0e8;--green:#187645;--green-bg:#edf7f0;
  --red:#b6373f;--red-bg:#fff0f1;--amber:#886011;--amber-bg:#fff6df;
  --sidebar-width:196px;--canvas-dot:#d7dcd3;--preview-bg:#1b2120;
}
:root[data-appearance=dark]{
  color-scheme:dark;--bg:#191d1c;--panel:#222725;--border:#39413c;
  --text:#eef0e9;--muted:#a7afa6;--soft:#2b322d;--brand:#f5a77c;
  --brand-tint:#382e27;--green:#72d79f;--green-bg:#243b2e;
  --red:#f19097;--red-bg:#3b292b;--amber:#e6bf6f;--amber-bg:#3a3322;
  --canvas-dot:#3c473f;
}
body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}
button,input,select,textarea{font:inherit;color:inherit}
button:disabled{cursor:not-allowed}
button,a,summary{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
input:focus{outline:2px solid var(--accent);border-color:var(--accent)}
h1{font-size:29px;letter-spacing:-.9px;font-weight:700;line-height:1.2}
h2{font-size:16px;letter-spacing:-.2px;font-weight:650}
h3{font-size:14px;font-weight:650}
.muted,.quiet,.field-note,.breadcrumb,.eyebrow{color:var(--muted)}
.eyebrow{font-size:10px;letter-spacing:1.4px}
.brand{font-size:21px;font-weight:750;gap:9px;letter-spacing:-.7px;color:var(--text)}
.brand-accent{color:var(--brand)}
.brand-logo{width:33px;height:33px;padding:4px;background:#202724;border-radius:5px}
.sidebar{width:var(--sidebar-width);padding:26px 13px 16px;background:var(--panel);border-color:var(--border)}
.sidebar .brand{font-size:19px;padding-left:8px}
.workspace-label{margin:27px 12px 13px;color:var(--muted);letter-spacing:1px}
.nav-heading{margin:23px 12px 8px;color:var(--muted);font-size:10px}
.nav-item{padding:10px 12px;font-size:13px;font-weight:550;color:var(--muted);border-radius:4px;gap:11px}
.nav-item svg{color:inherit;width:17px;height:17px}
.nav-item:hover{background:var(--soft);color:var(--text)}
.nav-item.selected{background:var(--user-surface);color:var(--user-soft);box-shadow:inset 3px 0 var(--user-accent)}
.nav-item.selected svg{color:inherit}
.nav-dot{display:none}
.sidebar-bottom{padding-top:20px}
.user-chip{padding:14px 8px 7px;border-color:var(--border)}
.user-chip strong{font-size:12px}.user-chip span:not(.avatar){font-size:11px}
.avatar{background:var(--soft);color:var(--text);font-weight:650}
.logout{color:var(--muted);font-size:12px;padding:10px 8px}
.logout:hover{color:var(--text)}
.topbar{height:46px;padding:0 34px;background:var(--bg);border-bottom:0;color:var(--muted);font-size:12px;gap:16px}
.appearance-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--muted);padding:5px 9px;font-size:11px}
.appearance-toggle svg{height:13px;width:13px}
.content{width:100%;max-width:1160px;margin-inline:auto;min-height:calc(100dvh - 83px);padding:19px 34px 26px}
.workspace-main:not(:has(#studio-host)):not(:has(#instance-panel)) .topbar{width:100%;max-width:1160px;margin-inline:auto}
.content:has(#instance-panel){max-width:1440px}
.content:has(#studio-host){max-width:none;margin-inline:0}
.page-heading{gap:18px;margin-bottom:23px}
.page-heading h1{font-size:29px;margin:0 0 7px}
.page-heading .eyebrow{margin-bottom:7px}
.page-heading p{font-size:12px;line-height:1.6}
.section-heading{font-size:15px;margin:24px 0 13px}
.workspace-main>footer{padding:10px 34px;color:var(--muted);border-color:var(--border);font-size:10px}
.button,.primary,.small-button{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:5px;font-size:12px;font-weight:600;gap:8px;padding:8px 12px;min-height:36px}
.small-button{font-size:11px;padding:5px 9px;min-height:30px}
.button:hover,.small-button:hover{background:var(--soft)}
.primary{background:var(--user-button);color:white;border-color:var(--user-button)}
.primary:hover{background:var(--user-button);filter:brightness(1.08)}
.button svg,.primary svg{height:15px;width:15px}
.danger{color:var(--red);background:var(--red-bg);border-color:color-mix(in srgb,var(--red) 35%,var(--border))}
.danger:hover{background:color-mix(in srgb,var(--red) 12%,var(--panel))}
button[data-configuration-start],button[data-broadcast-live]{background:#187645;border-color:#187645;color:#fff}
button[data-configuration-start]:hover:not(:disabled),button[data-broadcast-live]:hover:not(:disabled){background:#126037}
button[data-instance-stop],button[data-stop]{background:var(--panel);color:var(--red);border-color:color-mix(in srgb,var(--red) 50%,var(--border))}
button[data-broadcast-end]{background:#b6373f;border-color:#b6373f;color:#fff}
button[data-instance-stop]:hover:not(:disabled),button[data-stop]:hover:not(:disabled){background:var(--red-bg)}
button[data-broadcast-end]:hover:not(:disabled){background:#942b32}
label{color:var(--text);font-size:12px;margin-bottom:13px;line-height:1.5}
input,select,textarea{background:var(--panel);border:1px solid var(--border);border-radius:4px;color:var(--text);padding:8px 10px;width:100%;margin-top:6px;height:38px;font-size:13px}
select{display:block}textarea{height:auto;min-height:90px}
input::placeholder{color:var(--muted);opacity:.8}
input[readonly]{background:var(--soft);color:var(--muted)}
input[type=checkbox],input[type=radio]{display:inline-block;width:16px;height:16px;padding:0;margin:0;accent-color:var(--user-button);flex-shrink:0}
input[type=color]{padding:3px;height:34px;width:55px}
.password-wrap button{height:38px;color:var(--muted)}
.field-note{font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.form-error,[data-tier-error],[data-member-error],[data-account-load-error]{color:var(--red);font-size:12px}
.badge,.pill{font-size:11px;background:var(--soft);color:var(--muted);border-color:var(--border);border-radius:4px}
.admin-badge{background:var(--user-surface);color:var(--user-soft)}
.status.active,.active{color:var(--green)}.status.suspended,.suspended{color:var(--red)}
.profile-panel,.table-panel,.feature-card,.welcome-panel{background:var(--panel);border:1px solid var(--border);border-radius:5px;box-shadow:none}
.profile-panel{padding:20px;max-width:none;margin-bottom:20px}
.profile-panel h2{font-size:16px;margin-bottom:18px}
.profile-panel>p{font-size:12px}
.profile-panel details{padding:11px 0;border-top:1px solid var(--border)}
summary{cursor:pointer;font-size:13px;color:var(--text)}
.table-panel{overflow:hidden}
.table-toolbar{padding:14px 17px;gap:14px;border-color:var(--border)}
.table-toolbar h2{font-size:15px;margin:0}
.table-toolbar span{font-size:12px}
.table-toolbar label{font-size:12px}
.table-scroll{overflow:auto}
table{font-size:12px}th{background:var(--soft);color:var(--muted);font-size:11px;font-weight:550}
.table-panel th,.table-panel td{padding:12px 17px;border-color:var(--border)}
td{color:var(--text)}td small{font-size:11px;color:var(--muted)}
.person strong{color:var(--text);font-weight:650}.person span:not(.avatar),.person small{color:var(--muted);font-size:11px}
.row-actions{gap:7px;flex-wrap:wrap}
.fleet-card{padding:13px 17px;gap:16px;border-color:var(--border)}
.fleet-card strong{font-size:14px}.fleet-card p{margin:4px 0;font-size:12px}
.fleet-card>div{min-width:0}
.stats-row{gap:0;border:1px solid var(--border);border-radius:5px;overflow:hidden;background:var(--panel);margin-bottom:23px}
.stat{border:0!important;border-right:1px solid var(--border)!important;border-radius:0;padding:17px 20px;background:none}
.stat:last-child{border-right:0!important}.stat span{font-size:12px;color:var(--muted)}.stat strong{font-size:27px;font-weight:650;margin-top:5px}.stat small{color:var(--muted);font-size:11px}
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.feature-card{min-height:155px;padding:20px}.feature-card:hover{background:var(--soft);border-color:var(--border)}
.feature-card h3{font-size:16px;margin:10px 0 7px}.feature-card p{color:var(--muted);font-size:13px;margin-bottom:18px}
.feature-icon{background:var(--soft)!important;color:var(--muted)!important}
.card-top{margin:0}.card-link{color:var(--user-soft);font-size:12px}
.welcome-panel{border-top:1px solid var(--border);padding:24px;margin-bottom:20px}
.welcome-panel p{color:var(--muted)}.welcome-panel .eyebrow{color:var(--muted)}
#overview-host{max-width:1380px;margin:0 auto}
.overview-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr);gap:35px;padding:30px;border:1px solid var(--border);border-radius:7px;background:var(--panel)}
.overview-welcome{align-self:center}.overview-welcome .eyebrow{margin-bottom:17px;color:var(--brand)}
.overview-welcome h1{font-size:34px;letter-spacing:-1.1px;margin-bottom:8px;overflow-wrap:anywhere}
.overview-intro{font-size:20px;color:var(--muted);margin-bottom:15px;letter-spacing:-.4px}
.overview-description{max-width:475px;color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:23px}
.overview-actions{display:flex;gap:9px;flex-wrap:wrap}.overview-actions .button{min-height:39px}
.overview-carousel{min-width:0;align-self:center;overflow:hidden;border-radius:6px;background:var(--bg);color:var(--text)}
.overview-carousel-picture{position:relative;height:250px;overflow:hidden;background:var(--panel)}
.overview-feature{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s ease-out}
.overview-feature.is-current{opacity:1;visibility:visible}
.overview-demo-picture{position:relative;height:100%;overflow:hidden;background:#151b18}
.overview-demo-picture img{width:100%;height:100%;object-fit:cover}
.overview-demo-picture .overview-demo-inset{position:absolute;right:10px;bottom:10px;width:34%;height:30%;border:2px solid #eef2e8;border-radius:3px;transition:bottom .6s cubic-bezier(.16,1,.3,1)}
.demo-adjusted [data-overview-slide="0"] .overview-demo-inset{bottom:calc(70% - 10px)}
[data-overview-slide="1"] .overview-demo-inset{inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .4s ease-out}
.demo-adjusted [data-overview-slide="1"] .overview-demo-inset{opacity:1}
.overview-demo-label{position:absolute;left:9px;top:9px;padding:4px 7px;background:#171e1b;color:#eef2e8;border-radius:3px;font-size:9px}
.overview-demo-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#202b27;color:#edf1e7;opacity:0;transition:opacity .4s ease-out}
.overview-demo-fallback strong{font-size:21px}.overview-demo-fallback span{font-size:11px;color:#bccbc3}
.demo-adjusted .overview-demo-fallback{opacity:1}
.overview-demo-overlay{position:absolute;bottom:12px;right:10px;width:min(48%,195px);padding:9px 10px;background:rgba(17,23,21,.94);color:#edf1e7;border-radius:5px;transition:opacity .4s ease-out}
.demo-adjusted .overview-demo-overlay{opacity:0}
.overview-chat-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid #48534e}
.overview-chat-heading strong{font-size:10px}.overview-chat-heading>span{font-size:8px;color:#bccbc3}
.overview-demo-chat p{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 5px;margin:0 0 7px;font-size:9px;line-height:1.4}
.overview-demo-chat p:last-child{margin-bottom:0}.overview-demo-chat p>b{color:#b9e3ce;font-size:9px;font-weight:600}.overview-demo-chat p>span:last-child{flex-basis:100%;color:#edf1e7}
.overview-chat-platform{font-size:7px;font-weight:600;padding:1px 4px;border-radius:2px}.overview-chat-platform.twitch{background:#56358a;color:#f6eeff}.overview-chat-platform.youtube{background:#842c32;color:#fff1f2}
.overview-demo-setting{position:absolute;left:9px;top:35px;padding:4px 7px;background:#171e1b;color:#eef2e8;border-radius:3px;font-size:9px}
.overview-carousel-description{font-size:11px;line-height:1.5;color:var(--muted);margin:0;padding:10px 13px 0;min-height:43px}
.overview-carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px}
.overview-carousel-footer>span{font-size:11px;font-weight:600}
.overview-carousel-controls{display:flex;align-items:center;gap:3px}
.overview-carousel-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:30px;padding:0;border:0;background:transparent;color:var(--text);border-radius:4px}
.overview-carousel-controls button span{width:6px;height:6px;border-radius:50%;background:var(--muted)}
.overview-carousel-controls button[aria-pressed=true] span{background:var(--text);width:16px;border-radius:3px}
.overview-carousel-controls button:hover{background:var(--panel)}
.overview-carousel-controls .overview-carousel-pause{padding:0 7px;margin-left:6px;font-size:11px}
@media(prefers-reduced-motion:reduce){.overview-carousel *{transition:none!important}}
.overview-loading{padding:20px;color:var(--muted);font-size:12px}
.overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:22px 0}
.overview-metrics>div{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:0 17px;border-left:2px solid var(--border)}
.overview-metrics span{font-size:12px;color:var(--text);align-self:end}.overview-metrics strong{grid-row:1/3;grid-column:2;align-self:center;font-size:26px;letter-spacing:-.8px;font-weight:650}.overview-metrics small{font-size:11px;color:var(--muted)}.overview-metrics .overview-live{color:var(--green)}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:22px;align-items:start}
.overview-configurations .table-toolbar{padding:17px 20px}.overview-configurations .table-toolbar p{font-size:12px;margin:4px 0 0}
.overview-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--user-soft);font-size:12px;font-weight:600}.overview-text-link svg{width:15px;height:15px}.overview-text-link:hover{text-decoration:underline;text-underline-offset:3px}
.overview-configuration{display:flex;align-items:center;gap:15px;padding:18px 20px;border-top:1px solid var(--border)}
.overview-number{color:var(--muted);font-size:11px;align-self:flex-start;padding-top:3px;font-variant-numeric:tabular-nums}.overview-configuration>div{flex:1;min-width:0}.overview-configuration strong{font-size:13px;overflow-wrap:anywhere}.overview-configuration p{margin:5px 0 0;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.overview-configuration p>span{color:var(--user-soft);padding:0 5px}.overview-configuration .button{white-space:nowrap}.overview-configuration .button svg{width:13px;height:13px}
.overview-sidebar{display:grid;gap:19px}.overview-session{display:flex;gap:12px;padding:20px;background:var(--soft);border:1px solid var(--border);border-radius:6px}
.overview-session-icon{display:grid;place-items:center;align-self:flex-start;width:31px;height:31px;border-radius:5px;background:var(--panel);color:var(--muted);flex-shrink:0}.overview-session-icon svg{width:16px;height:16px}
.overview-session .eyebrow{font-size:9px;margin:0 0 7px}.overview-session h2{font-size:17px;margin:0 0 8px;overflow-wrap:anywhere}.overview-session p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:12px}.overview-session.is-live{background:var(--green-bg)}.overview-session.is-live .overview-session-icon{color:var(--green)}
.overview-guide{padding:0 9px}.overview-guide h2{font-size:13px;margin:0 0 15px}.overview-guide ol{list-style:none;margin:0;padding:0;display:grid;gap:15px}.overview-guide li{display:flex;gap:12px}.overview-guide li>span{width:25px;height:25px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:9px;color:var(--muted)}.overview-guide strong{font-size:12px;font-weight:550}.overview-guide p{font-size:11px;color:var(--muted);margin:3px 0 0}
.overview-empty{padding:27px 22px}.overview-empty>span{display:inline-flex;padding:10px;background:var(--soft);color:var(--user-soft);border-radius:5px;margin-bottom:15px}.overview-empty h3{font-size:20px;margin:0 0 9px}.overview-empty p{max-width:400px;font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:18px}
.overview-unavailable{padding:22px;margin-top:22px;border:1px solid var(--border);background:var(--panel);border-radius:5px}.overview-unavailable p{font-size:12px;color:var(--muted)}
#library-host [hidden]{display:none!important}
.media-node-settings{border-top:1px solid var(--border);padding-top:14px;margin-top:14px}.media-node-settings label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;font-size:12px}.media-node-settings input[type=checkbox]{width:14px;height:14px;flex-shrink:0;margin:0}.media-node-settings .relay-actions{margin:9px 0 16px}.node-port[data-port-id=fallback]{border-color:#b78533}
.library-storage{padding:15px 18px;border:1px solid var(--border);background:var(--panel);border-radius:5px;margin-bottom:18px}.library-storage>div{display:flex;justify-content:space-between;gap:15px;font-size:12px}.library-storage strong>span,.library-storage>div>span{color:var(--muted);font-weight:400}.library-storage progress{width:100%;height:5px;accent-color:var(--brand);display:block;margin-top:12px;border:0;border-radius:3px;overflow:hidden}.library-storage progress::-webkit-progress-bar{background:var(--soft)}.library-storage progress::-webkit-progress-value{background:var(--user-soft)}
.library-upload{display:flex;align-items:center;justify-content:center;gap:18px;border:1px dashed var(--border);background:var(--soft);padding:27px 20px;border-radius:5px;cursor:pointer}.library-upload>span{display:grid;place-items:center;width:40px;height:40px;background:var(--panel);border-radius:5px;color:var(--user-soft)}.library-upload strong{font-size:14px}.library-upload p{margin:5px 0 0;font-size:12px;color:var(--muted)}.library-upload.drag-over{border-color:var(--user-soft);background:var(--user-surface)}
.library-upload-progress{font-size:12px;color:var(--user-soft);margin-top:12px;padding:10px 15px;background:var(--soft);border-radius:4px}.library-filter{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:23px 0 17px}.library-filter>div{display:flex;gap:6px}.library-filter label{margin:0;font-size:11px;width:240px}.library-filter input{margin-top:4px}.library-filter [aria-pressed=true]{background:var(--user-surface);color:var(--user-soft);border-color:var(--user-border)}
.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.library-card{background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden}.library-thumbnail{width:100%;aspect-ratio:16/9;position:relative;display:grid;place-items:center;border:0;background:var(--soft);padding:0}.library-thumbnail img{width:100%;height:100%;object-fit:contain}.library-type{position:absolute;right:9px;bottom:8px;font-size:10px;padding:3px 7px;border-radius:4px;background:#202724dd;color:white}.library-card-info{padding:15px}.library-card-info h2{font-size:14px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-card-info p{font-size:11px;margin:0 0 8px;color:var(--muted)}.library-card-actions{display:flex;gap:7px;margin-top:13px}.library-empty{grid-column:1/-1;padding:37px 20px;text-align:center;border:1px solid var(--border);border-radius:5px;background:var(--panel)}.library-empty>span{display:inline-flex;color:var(--user-soft);margin-bottom:14px}.library-empty p{color:var(--muted);font-size:13px;line-height:1.7}
.library-dialog:not([hidden]){position:fixed;inset:0;z-index:70;background:#101814a0;display:grid;place-items:center;padding:25px}.library-modal{width:min(760px,100%);max-height:90dvh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 20px 80px #0004}.library-modal .table-toolbar h2{overflow-wrap:anywhere;min-width:0;font-size:16px}.library-modal .table-toolbar button{margin-left:auto}.library-modal form,.library-modal-meta{padding:20px}.library-modal-meta p{color:var(--muted);font-size:12px}.library-player{background:#171e1b;display:grid;place-items:center}.library-player img,.library-player video{width:100%;max-height:60dvh;object-fit:contain;display:block}
@media(max-width:760px){.library-filter{flex-wrap:wrap;gap:10px}.library-filter label{width:100%}.library-storage>div{flex-direction:column;gap:5px}.library-upload{justify-content:flex-start;padding:20px 16px}.library-upload>span{flex-shrink:0}.library-dialog:not([hidden]){padding:12px}.library-grid{gap:12px}}
@media(max-width:1150px){.overview-hero{grid-template-columns:minmax(0,1fr) minmax(290px,.9fr);gap:22px;padding:23px}.overview-welcome h1{font-size:29px}.overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr)}.overview-configuration{padding:17px 15px;gap:10px}}
@media(max-width:1000px){.overview-hero{grid-template-columns:1fr}.overview-carousel{display:none}.overview-metrics{gap:12px}.overview-metrics>div{padding:0 10px}.overview-metrics small{font-size:10px}.overview-metrics strong{font-size:23px}}
@media(max-width:760px){.overview-hero{padding:23px 20px}.overview-welcome h1{font-size:28px}.overview-intro{font-size:18px}.overview-grid{grid-template-columns:1fr}.overview-metrics{grid-template-columns:1fr;gap:14px}.overview-metrics small{font-size:11px}.overview-metrics strong{font-size:25px}.overview-sidebar{grid-template-columns:1fr}.overview-configurations .table-toolbar{padding:16px}.overview-configurations .table-toolbar h2{font-size:14px}.overview-text-link{font-size:11px}.overview-configuration{padding:16px}.overview-actions .button{flex:1;justify-content:center}}
.empty-state{background:var(--panel);border-color:var(--border);padding:38px 24px;border-radius:5px}
.empty-icon{background:var(--soft);color:var(--muted);border-radius:6px}.empty-state h2{font-size:20px}
.toast{background:var(--text);color:var(--bg);border:0;border-radius:6px;box-shadow:0 8px 24px #0002;font-size:13px;z-index:100}
.configuration-section{margin:22px 0}.configuration-heading{margin-bottom:13px}.configuration-heading h2{font-size:16px}.configuration-heading p{font-size:12px}
.configuration-grid{border-color:var(--border);border-radius:5px;background:var(--panel)}
.configuration-card{grid-template-columns:30px minmax(180px,280px) minmax(170px,1fr) max-content;background:var(--panel);border-color:var(--border);padding:14px 17px;gap:3px 15px}
.configuration-card.is-active{background:var(--green-bg);box-shadow:inset 3px 0 var(--green)}
.configuration-monogram{width:28px;height:28px;background:var(--soft);color:var(--muted);border-color:var(--border);border-radius:4px;font-size:11px}
.configuration-card.is-active .configuration-monogram{color:var(--green);border-color:var(--border)}
.configuration-card h3{font-size:14px;overflow-wrap:anywhere}.configuration-state,.configuration-meta{font-size:11px;color:var(--muted)}
.configuration-state.is-active{color:var(--green)}.configuration-state.is-active i{background:var(--green)}
.configuration-preview{background:none;font-size:12px;justify-content:flex-start}.configuration-preview span{font-size:11px}.configuration-destinations span{background:var(--soft);border-color:var(--border);color:var(--muted);padding:3px 6px}
.configuration-route{color:var(--user-soft)}.configuration-actions{font-size:12px}.configuration-edit{color:var(--muted)}.configuration-delete{color:var(--red);font-size:12px;border-radius:4px}.configuration-delete:hover{color:var(--red);background:var(--red-bg)}
.instance-history{background:transparent}.instance-history summary{font-size:13px}
.content:has(#instance-panel){padding-top:19px}.content:has(#instance-panel) .page-heading{margin-bottom:12px}
.content:has(#instance-panel) .page-heading h1{font-size:29px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.instance-state{font-size:12px;font-weight:600;letter-spacing:0;padding:4px 8px;border-radius:4px;background:var(--soft);color:var(--muted)}
.instance-state--ready,.instance-state--live{background:var(--green-bg);color:var(--green)}
.instance-state--pending{background:var(--amber-bg);color:var(--amber)}.instance-state--failed{background:var(--red-bg);color:var(--red)}
.page-heading>.instance-actions{margin:0;gap:8px;justify-content:flex-end}
#instance-panel{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:22px 25px}
#instance-panel>.instance-overview{grid-column:1/-1;grid-row:1;border:0;background:none;padding:0;margin:0}
#instance-panel .instance-title{display:block}.instance-title p{margin:0}
#instance-panel .instance-title p.muted{font-size:12px;line-height:1.5}
#instance-panel>.input-status-panel{grid-column:1/-1;grid-row:2;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;background:none;padding:12px 0;margin:0}
#instance-panel .input-status-heading{justify-content:flex-start;gap:10px}.input-status-heading h2{margin:0!important}
#instance-panel .input-status-panel>p.muted{display:none}
#instance-panel .input-status-heading .badge{background:var(--soft);color:var(--muted)}
#instance-panel .input-status-panel:has([data-input-connected=true]) .badge{color:var(--green);background:var(--green-bg)}
#instance-panel .input-facts{grid-template-columns:repeat(6,minmax(0,1fr));margin:10px 0 0;padding:0;gap:12px;border:0}
#instance-panel .input-facts>div{border-right:1px solid var(--border);padding-right:8px}
#instance-panel .input-facts span{font-size:11px;color:var(--muted);margin-bottom:3px}
#instance-panel .input-facts strong{font-size:14px;font-weight:550;line-height:1.4}
#instance-panel .input-status-panel>button{border:0;background:none;color:var(--muted);padding:8px 0 0;min-height:28px;font-size:11px}
#instance-panel #instance-input-details{padding-top:14px;border-top:1px solid var(--border);margin-top:10px;max-width:760px}
#instance-panel #instance-input-details label{margin-bottom:10px}
#instance-panel>.broadcast-panel{grid-column:1/-1;grid-row:3;background:transparent;border:0;border-radius:0;overflow:visible}
#instance-panel .broadcast-panel>.table-toolbar{padding:0 0 12px;border:0}.broadcast-panel>.table-toolbar h2{font-size:16px!important}
#instance-panel .output-row{padding:13px 17px;gap:14px;min-height:78px;background:var(--panel);border:1px solid var(--border);border-top:0;border-left:1px solid var(--border)}
.output-columns{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(115px,1fr) 80px minmax(110px,1fr) minmax(180px,1.3fr);gap:18px;align-items:center}
.output-column-head{font-size:11px;color:var(--muted);background:var(--soft);padding:9px 17px;border:1px solid var(--border);border-radius:5px 5px 0 0}
#instance-panel .output-row.output-columns{display:grid}
#instance-panel .output-choice{gap:12px;margin:0;min-width:0}.output-choice input{height:16px;width:16px}
#instance-panel .output-choice strong{font-size:14px;color:var(--text)}
.output-kind{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.output-spec{font-size:13px;min-width:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.output-spec small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.output-unresolved{grid-column:2/5;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
#instance-panel .output-row--live{box-shadow:inset 3px 0 var(--green)}
#instance-panel .output-row--pending{box-shadow:inset 3px 0 var(--amber);background:color-mix(in srgb,var(--amber-bg) 20%,var(--panel))}
#instance-panel .output-row--failed{box-shadow:inset 3px 0 var(--red)}
#instance-panel .output-status-actions{align-items:flex-start;gap:5px;max-width:none;min-width:0}
#instance-panel .output-status-actions .field-note{text-align:left;font-size:11px;line-height:1.5}
.output-status{padding:4px 7px;font-size:11px;font-weight:600;border-radius:4px}
.output-status--live{color:var(--green);background:var(--green-bg);border-color:transparent}
.output-status--pending{color:var(--amber);background:var(--amber-bg);border-color:transparent}
.output-status--failed{color:var(--red);background:var(--red-bg);border-color:transparent}
.output-status--off{color:var(--muted);background:var(--soft);border-color:transparent}
.output-retry{background:transparent;border:0;color:var(--amber);font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:2px 0;min-height:24px}
.output-retry:hover{background:transparent;color:var(--amber)}
#instance-panel .broadcast-actions{padding:10px 0 0;border:0}.broadcast-actions .field-note{font-size:11px}
#instance-panel>[data-stream-health]{grid-column:1;grid-row:4}
#instance-panel>.session-details{grid-column:2;grid-row:4;padding:0;border:0;background:none;margin:0}
/* A switch adds a full-width row before outputs; keep the lower panels below it. */
#instance-panel:has(.instance-switches)>[data-stream-health],
#instance-panel:has(.instance-switches)>.session-details{grid-row:5}
#instance-panel>.instance-switches{margin:0}
#instance-panel>.instance-switches>.field-note{margin:8px 0 0}
@media(max-width:760px){#instance-panel:has(.instance-switches)>.session-details{grid-row:6}}
#instance-panel .session-details h2{font-size:16px;margin-bottom:12px}
#instance-panel .session-details p{font-size:11px;color:var(--muted)}
#instance-panel .session-details .instance-metrics{grid-template-columns:1fr;padding:0;margin:12px 0;gap:0;border-top:0}
#instance-panel .session-details .instance-metrics>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}
#instance-panel .session-details .instance-metrics strong{font-size:13px;font-weight:550}
#instance-panel .session-details .instance-metrics span{font-size:12px;color:var(--muted)}
.session-route{display:none}
.stream-health.profile-panel{padding:0;border:0;background:none;margin:0;max-width:none}
.health-heading{gap:14px}.health-heading h2{font-size:16px;margin-bottom:4px}
.health-summary{font-size:11px;color:var(--muted)}
.health-chart{background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:10px 12px;margin-top:12px}
.health-chart>span{font-size:11px}.health-chart svg{height:110px;margin:8px 0;color:var(--muted)}
.health-chart .health-line{stroke:var(--user-soft)}.health-chart .health-point{fill:var(--user-soft)}
.health-axis{font-size:10px;color:var(--muted)}.health-output{font-size:11px;gap:9px;grid-template-columns:85px minmax(0,1fr) 95px}
.health-output svg{background:var(--soft);height:12px}.health-output strong{font-size:11px}
.health-footnote{font-size:10px;line-height:1.6;margin:12px 0 0;color:var(--muted)}
.health-details .instance-actions{gap:6px;margin-top:10px}.health-details button[aria-pressed=true]{color:var(--user-soft);background:var(--user-surface);border-color:var(--user-border)}
.connection-form,.connection-card{background:var(--panel);border-color:var(--border)}
.connection-form select,#fleet-host select,#instance-launch select{background:var(--panel);border-color:var(--border);color:var(--text);min-height:38px;padding:8px 10px;border-radius:4px}
.connections-list{border-color:var(--border);border-radius:5px}.connection-address,.connection-key{font-size:12px;color:var(--muted)}
.connection-card h2{font-size:15px}.connection-actions{gap:8px}.connection-details{padding-top:12px;border-top:1px solid var(--border)}
.account-profile{max-width:none}.account-profile form{grid-template-columns:minmax(240px,1fr) minmax(280px,1fr);gap:0 30px}
.account-profile form{align-items:start}.account-profile .profile-fields{grid-column:1}
.account-profile .profile-fields>button{margin-top:4px}
.account-profile .appearance{grid-row:1}
.account-profile .appearance{border-color:var(--border);padding-left:26px}.appearance p{color:var(--muted)}
.colour-preset{background:var(--panel);color:var(--text);border-color:var(--border);font-size:12px;border-radius:4px}
.colour-preset[aria-pressed=true]{background:var(--user-surface);color:var(--user-soft);border-color:var(--user-border)}
.colour-preset[data-colour="#b7451d"]:before{background:#b7451d}
.audit-row{padding:13px 17px;font-size:13px;border-color:var(--border)}.audit-row span,.audit-row small{font-size:12px}
.admin-history>summary{color:var(--muted);padding:13px 17px;font-size:12px}
.server-registration{padding:15px 17px}.server-registration summary{font-size:14px}.server-budget summary{font-size:12px}
.worker-health-graphs{gap:18px}.worker-health-graphs span{font-size:12px}
#membership-admin>label{max-width:480px;padding:15px 17px 5px;margin:0}
#membership-admin>label input{margin-top:6px}
#membership-admin td:last-child{min-width:240px}
[data-member-detail]:empty{display:none}[data-member-detail]{padding:22px 17px;border-top:1px solid var(--border)}
[data-member-detail]>.page-heading{margin-bottom:15px}[data-member-detail] details{border-color:var(--border)}
.membership-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;margin:20px 0}
.limit-group{padding:0;margin:0;min-width:0;border:0}.limit-group legend{font-size:13px;font-weight:650;padding:0;margin:0 0 12px;width:100%}
.limit-group label{font-size:11px}.limit-group input,.limit-group select{height:36px;font-size:13px;margin-top:5px}
.membership-facts{gap:13px 25px;font-size:12px}.membership-facts dt{font-weight:550}.membership-facts dd{font-size:12px;color:var(--muted)}
#tier-management>.profile-panel{padding:20px;margin-bottom:18px}
code,pre{background:var(--soft);color:var(--text);border-radius:4px;overflow-wrap:anywhere}pre{padding:14px;white-space:pre-wrap}
.auth{background:var(--bg)}.auth-story{background:var(--soft);border-color:var(--border);padding:42px 55px;gap:30px}
.auth-story h1{font-size:44px;font-weight:700;letter-spacing:-1.6px;max-width:430px}.auth-story .intro{font-size:15px;line-height:1.7;color:var(--muted)}
.concept-node,.concept-outputs span{background:var(--panel);border-color:var(--border);border-radius:5px;color:var(--text);font-size:13px}
.concept-node svg,.concept-outputs svg{color:var(--user-soft)}.concept-line{background:var(--border)}
.auth-form{padding:40px}.auth-card{max-width:380px}.auth-card h2{font-size:28px;font-weight:700;letter-spacing:-.8px}.auth-card h1{font-size:28px}
.auth-card .muted{font-size:13px}.auth-card form{margin-top:23px}.auth-card label{font-size:13px}
.auth-switch,.admin-link{color:var(--muted);font-size:12px}.auth-switch a{color:var(--user-soft);text-decoration:underline;text-underline-offset:3px}
.recovery-auth{background:var(--bg)}.recovery-auth .auth-card{border:1px solid var(--border);padding:28px;background:var(--panel);border-radius:6px;max-width:440px}
/* Canvas geometry remains 184 × 104, matching the editor's connection math. */
.content:has(.studio){padding:14px 24px;max-width:none}
.workspace-main:has(.studio)>.topbar{height:40px}
.studio-heading h1{font-size:25px;font-weight:700}.studio-note{color:var(--muted);font-size:11px}
.studio-layout{background:var(--panel);border-color:var(--border);border-radius:5px}
.studio select,.node-inspector select{background:var(--panel);border-color:var(--border);color:var(--text);border-radius:4px;padding:8px;font-size:12px}
.studio-toolbar>select{width:auto;min-width:170px;max-width:260px;height:38px;margin:0}
.node-library,.node-inspector{background:var(--panel);border-color:var(--border)}
.node-library{padding:13px 9px}.library-group{font-size:11px;color:var(--muted)}
.library-node{background:var(--soft);border-color:var(--border);color:var(--text);border-radius:4px;font-size:11px;line-height:1.5;flex-shrink:0;min-height:38px}
.library-node:hover{border-color:var(--user-border)}.library-node svg{color:var(--user-soft)}
.library-node .drag-dots{display:none}.library-node span:not(.drag-dots){white-space:normal;min-width:0;overflow-wrap:normal;word-break:normal}.library-node svg{flex-shrink:0}.studio-layout>.node-library{overflow-x:hidden;scrollbar-gutter:stable}
.drag-dots,.library-tip,.library-foot{color:var(--muted)}.library-foot{border-color:var(--border)}
.canvas-area{background:var(--bg)}
.canvas-viewport{background-image:radial-gradient(var(--canvas-dot) .7px,transparent .7px)}
.route-node{background:var(--panel);border-color:var(--border);box-shadow:0 3px 9px #20251e0a;border-radius:5px}
.selected-node,.route-node:focus{border-color:var(--user-soft);box-shadow:0 0 0 1px var(--user-border)}
.node-header strong{color:var(--text);font-weight:650}.node-header svg{color:var(--user-soft)}
.node-type-tag,.node-footer,.node-footer span:last-child{color:var(--muted)}
.node-preview{background:var(--soft);color:var(--muted);border-radius:3px}
.node-preview .signal-label,.node-preview .signal-format,.node-preview .signal-bitrate{color:var(--muted)}
.signal-connected i{background:var(--green)}.signal-stalled i{background:var(--amber)}
.test-pattern-preview{background:linear-gradient(90deg,#c5c5c528 0% 14%,#c2b96228 14% 28%,#72b9b928 28% 42%,#72ac7728 42% 56%,#ac83ac28 56% 70%,#b5828228 70% 84%,#7c8fb028 84%)}
.node-port{background:var(--user-soft);border-color:var(--panel)}.route-edge{stroke:var(--user-soft)}
.canvas-controls{background:var(--panel);border-color:var(--border);border-radius:4px;color:var(--text)}
.canvas-controls button{color:var(--text)}.canvas-controls button:hover{background:var(--soft)}
.canvas-status{background:var(--panel);border-color:var(--border);color:var(--muted);font-size:10px}
.canvas-empty p,.canvas-empty small{color:var(--muted)}.canvas-empty>div{color:var(--user-soft)}
.connection-hint{color:var(--user-soft)}.connection-hint:not(:empty){background:var(--panel);border-color:var(--border)}
.node-inspector{padding:15px;font-size:12px}.node-inspector h2{font-size:17px;margin-bottom:17px}.node-inspector h3{font-size:12px}.node-inspector label{font-size:11px}
.node-inspector input{font-size:12px}.inspector-note,.node-connections p,.relay-panel p{color:var(--muted);font-size:11px;line-height:1.6}
.connection-item{background:var(--soft);border-color:var(--border);color:var(--text);font-size:11px}
.validation-panel,.relay-panel{border-color:var(--border)}.validation-panel p,.inspector-legend{color:var(--muted);font-size:11px}.validation-panel ul{color:var(--amber);font-size:11px}.validation-panel .routes-valid{color:var(--green)}
.editor-rehearsal{background:var(--panel);border-color:var(--border);border-radius:5px;box-shadow:0 6px 22px #0002}
.rehearsal-toolbar{background:var(--panel);border-color:var(--border)}
.rehearsal-toolbar h2{font-size:13px}.rehearsal-toolbar button{font-size:11px}
.editor-rehearsal:has(.rehearsal-body[hidden]){width:320px}
.editor-rehearsal:has(.rehearsal-body[hidden]) h2{white-space:nowrap}
.preview-output-label,.preview-connection{border-color:var(--border);font-size:11px}
.preview-picture{background:var(--preview-bg);color:#d4ded6;border-radius:4px}
.rehearsal-info p,.rehearsal-info label,.rehearsal-info .field-note{font-size:11px;line-height:1.6;color:var(--muted)}
@media(min-width:1500px){.content{padding-top:24px;padding-left:44px;padding-right:44px}.topbar,.workspace-main>footer{padding-left:44px;padding-right:44px}}
@media(min-width:1001px){.studio-layout{grid-template-columns:220px minmax(280px,1fr) 268px;height:clamp(440px,calc(100dvh - 205px),1100px)}.studio-layout.inspector-collapsed{grid-template-columns:220px minmax(280px,1fr)}}
@media(min-width:601px) and (max-width:1000px){.studio-layout,.studio-layout.inspector-collapsed{grid-template-columns:200px minmax(220px,1fr)}}
@media(min-width:761px) and (max-width:1150px){:root{--sidebar-width:172px}.sidebar{width:var(--sidebar-width)}.sidebar .brand{font-size:17px;gap:7px}.sidebar .brand-logo{width:26px;height:26px}.content{padding:18px 22px}.topbar{padding:0 22px}.configuration-card{grid-template-columns:28px minmax(140px,1fr) minmax(245px,1.3fr)}.configuration-preview{grid-column:2;grid-row:4}.configuration-card-bottom{grid-column:3;grid-row:1/5}.output-columns{grid-template-columns:minmax(140px,1.3fr) minmax(110px,1fr) minmax(165px,1.1fr);gap:13px}.output-fps,.output-video{display:none}.output-compact{display:block!important}.output-unresolved{grid-column:2}.membership-fields{gap:16px}}
@media(max-width:1000px){#instance-panel{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:20px}.output-columns{grid-template-columns:minmax(140px,1.3fr) minmax(105px,1fr) minmax(140px,1.1fr)}.output-fps,.output-video{display:none}.output-compact{display:block!important}.output-unresolved{grid-column:2}.content:has(#instance-panel) .page-heading{flex-wrap:wrap;align-items:flex-start}.page-heading>.instance-actions{justify-content:flex-start}#instance-panel .input-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.node-inspector{border-color:var(--border)}}
@media(max-width:760px){.workspace{display:block}.sidebar{position:relative;width:100%;height:auto;padding:12px 16px}.sidebar .brand{font-size:19px}.sidebar .brand-logo{width:29px;height:29px}.sidebar .workspace-label,.nav-heading{display:none}.sidebar nav,.sidebar-bottom{display:none}.sidebar.menu-open nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.sidebar.menu-open .sidebar-bottom{display:flex}.nav-item{min-height:40px;font-size:12px}.mobile-menu{display:block}.topbar{padding:0 16px;height:42px}.content,.content:has(#instance-panel){padding:16px}.page-heading{align-items:flex-start;gap:13px}.page-heading h1,.content:has(#instance-panel) .page-heading h1{font-size:26px}.page-heading>.instance-actions{width:100%}.page-heading>.instance-actions>*{flex:1}.configuration-card{display:flex;padding:14px;gap:8px}.configuration-card h3{font-size:14px}.configuration-meta{width:100%}.configuration-preview{width:100%}.configuration-actions{flex-wrap:wrap}.configuration-card-bottom{width:100%}.configuration-actions button{min-height:40px}.configuration-monogram{width:28px;height:28px}.configuration-state{margin-left:auto}.account-profile form{display:block}.account-profile .appearance{border-left:0;border-top:1px solid var(--border);margin:20px 0 0;padding:20px 0}.account-profile .appearance legend{padding:0 10px 0 0}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:14px}.feature-grid{grid-template-columns:1fr}#instance-panel{grid-template-columns:1fr;gap:20px}#instance-panel>[data-stream-health]{grid-column:1;grid-row:4}#instance-panel>.session-details{grid-column:1;grid-row:5}#instance-panel .output-row{padding:12px}.output-column-head{padding:9px 12px}.output-columns{grid-template-columns:minmax(130px,1.2fr) minmax(95px,1fr) minmax(125px,1.1fr);gap:10px}#instance-panel .output-status-actions{margin:0}#instance-panel .instance-metrics>div{display:flex!important}.membership-fields{grid-template-columns:1fr 1fr;gap:20px}.auth{grid-template-columns:1fr}.auth-story{padding:22px}.auth-form{padding:30px 22px}.content:has(.studio){padding:12px}.node-inspector{padding:16px}.workspace-main>footer{padding:10px 16px}.connection-form form{grid-template-columns:1fr}.connection-card{grid-template-columns:1fr}.audit-row{display:flex;gap:5px;align-items:flex-start}.worker-health-graphs{grid-template-columns:1fr}.toast{left:16px;right:16px;bottom:16px}.recovery-auth .auth-card{padding:23px}}
@media(max-width:500px){.membership-fields,.membership-facts{grid-template-columns:1fr}.page-heading>.instance-actions{flex-wrap:wrap}.page-heading>.instance-actions>*{flex:1 1 120px}.output-columns{grid-template-columns:minmax(125px,1.2fr) minmax(130px,1fr)}.output-column-head>span:nth-child(2){display:none}.output-spec:not(.output-fps):not(.output-video){grid-column:1;grid-row:2;margin-left:28px;font-size:11px}.output-status-actions{grid-column:2;grid-row:1/3}.output-unresolved{grid-column:1;grid-row:2;margin-left:28px;font-size:11px}.output-kind{font-size:10px}.health-heading{align-items:flex-start}.health-output{grid-template-columns:70px minmax(0,1fr) 85px}#instance-panel .input-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.table-toolbar{flex-wrap:wrap}.connection-actions{flex-wrap:wrap}.auth-story .brand{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Help keeps the workspace's typography, accents and compact navigation. */
.public-help-header{display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;border-bottom:1px solid var(--border);background:var(--panel)}.public-help{max-width:1240px;margin:auto;padding:32px 4vw}.help-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}.help-navigation{position:sticky;top:18px;max-height:calc(100vh - 50px);overflow:auto;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:5px}.help-navigation label{font-size:12px}.help-navigation input{width:100%;margin-top:6px}.help-navigation button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:7px 9px;font-size:12px;color:var(--muted);border-radius:3px;cursor:pointer}.help-navigation button[aria-current=page]{background:var(--soft);color:var(--text);font-weight:650;border-left:3px solid var(--brand)}.help-navigation .nav-heading{margin:16px 0 5px}.help-article{max-width:850px;min-width:0;padding:24px 30px;border:1px solid var(--border);border-radius:5px;background:var(--panel)}.help-article h2{font-size:25px;margin:6px 0 10px}.help-intro{font-size:15px;color:var(--muted);margin-bottom:24px}.help-article section+section{border-top:1px solid var(--border);padding-top:18px;margin-top:22px}.help-article h3{margin-bottom:10px}.help-article p,.help-article li{font-size:13px;line-height:1.8}.help-article p{margin:9px 0}.help-article ul{padding-left:20px}.help-article li+li{margin-top:9px}.help-account-limits{margin-top:20px;padding:14px 18px;background:var(--soft);border-radius:4px}.help-related{border-top:1px solid var(--border);padding-top:20px!important;margin-top:25px!important;color:var(--muted)}.help-related button{border:0;padding:0;background:none;color:var(--brand);text-decoration:underline;cursor:pointer;font-size:12px}.preview-admin-settings{padding:14px 18px}.preview-admin-settings summary{cursor:pointer;font-size:14px;font-weight:650}.preview-admin-settings form{display:flex;align-items:end;gap:12px;max-width:500px;margin:14px 0}.preview-admin-settings label{margin:0}.preview-admin-settings input{width:180px}.editor-rehearsal .preview-disclaimer{font-size:10px;line-height:1.5;margin:0;padding:8px 10px;background:var(--soft);color:var(--text);border-top:1px solid var(--border)}.editor-rehearsal .preview-session-status{font-size:10px;line-height:1.5;margin:0;padding:7px 10px;overflow-wrap:anywhere}.editor-rehearsal .rehearsal-toolbar>div:last-child{flex-wrap:wrap}.editor-rehearsal:has(.rehearsal-body[hidden]) .rehearsal-toolbar{align-items:flex-start}.editor-rehearsal:has(.rehearsal-body[hidden]) .preview-session-status:empty{display:none}
@media(max-width:800px){.help-layout{grid-template-columns:1fr;gap:16px}.help-navigation{position:static;max-height:260px}.help-navigation nav{columns:2}.help-navigation button,.help-navigation .nav-heading{break-inside:avoid}.help-article{padding:20px}.public-help-header{padding:16px}.preview-admin-settings form{flex-wrap:wrap}}
/* Operator setup lives within Infrastructure, outside the user guide. */
.deployment-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1rem 0; }
.deployment-summary article { padding:.9rem; border:1px solid var(--border); border-radius:6px; min-width:0; }
.deployment-summary p { overflow-wrap:anywhere; }
.deployment-steps { padding-left:1.3rem; max-width:75ch; }
.deployment-steps li { margin:.5rem 0; }
@media(max-width:700px) { .deployment-summary { grid-template-columns:1fr; } }
.stability-setup{max-width:1100px}.stability-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.stability-runs{overflow:hidden}.stability-run{display:grid;gap:6px;width:100%;text-align:left;padding:16px;border:0;border-bottom:1px solid var(--border);background:transparent;color:inherit;border-radius:0}.stability-run.selected{background:var(--user-surface)}.stability-run span,.stability-run small{color:var(--muted)}.stability-choice{display:flex;align-items:center;gap:10px;padding:8px}.stability-choice input{width:auto}.stability-chart{width:100%;max-height:240px}.stability-chart text{fill:var(--muted);font-size:11px}.stability-grid{fill:none;stroke:var(--border)}.stability-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:12px}.stability-legend span{display:flex;align-items:center;gap:5px}.stability-legend svg{width:12px;height:12px}.stability-result{min-width:0}.stability-trends{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:16px}.stability-events{max-height:260px;overflow:auto;font-size:12px}.stability-events time{color:var(--muted)}@media(max-width:1050px){.stability-layout{grid-template-columns:1fr}.stability-trends{grid-template-columns:1fr}}
.stability-setup .fleet-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.stability-setup .fleet-form label:first-child{grid-column:auto}.stability-setup select{width:100%;font:inherit;padding:9px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:4px}.stability-setup .fleet-form label{margin:0;font-size:12px}.stability-setup .fleet-form select{margin-top:6px}.stability-setup{margin-bottom:18px}.stability-result .stats-row{margin:12px 0}
@media(max-width:1000px){.stability-setup .fleet-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.stability-setup .fleet-form{grid-template-columns:1fr}}
.stability-instance-table{overflow:auto;margin:14px 0}.stability-instance-table table{width:100%;font-size:12px}.stability-instance-table small{display:block;color:var(--muted);margin-top:4px}.stability-instance-table td,.stability-instance-table th{padding:10px;text-align:left;border-bottom:1px solid var(--border)}