.channels-section{margin-bottom:38px}.channel-obs-link{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800}.channel-obs-link span{font-size:24px}.channel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.channel-button{min-width:0;background:var(--soft);color:var(--ink);border:0;text-align:left;padding:18px 19px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background .15s}.channel-button:hover{background:#dad5c8}.channel-button[aria-pressed=true]{background:var(--orange)}.channel-number{font-size:31px;font-weight:900;line-height:1;letter-spacing:-1px}.channel-button-state{font-size:10px;font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap}.channel-button-state:before{content:'';width:6px;height:6px;background:var(--muted)}.channel-button[data-state=live] .channel-button-state:before{background:var(--orange)}.channel-button[aria-pressed=true] .channel-button-state:before{background:var(--ink)}.channel-help{font-size:12px;color:var(--muted);line-height:1.8;margin:15px 0 0}.obs-section{margin:0 0 80px}.obs-channel-label{font-size:12px;font-weight:800;padding:10px 15px;background:var(--orange)}.obs-introduction{font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 25px}.obs-fields{display:grid;grid-template-columns:2fr 1fr;gap:12px}.obs-field{background:var(--soft);padding:22px 24px;min-width:0}.obs-field>label{font-size:11px;font-weight:800;display:block;letter-spacing:.5px;margin-bottom:15px}.obs-field-key{grid-column:1/-1}.credential-row{display:flex;align-items:center;gap:15px;min-width:0}.credential-row code,.credential-row input{font-family:var(--font);font-size:13px;font-weight:600;line-height:1.7;flex:1;min-width:0;overflow-wrap:anywhere}.credential-row input{background:transparent;border:0;color:var(--ink);padding:0;outline-offset:4px;width:100%}.credential-copy{border:0;background:var(--ink);color:var(--paper);padding:11px 16px;flex-shrink:0;font-weight:800;font-size:11px}.credential-copy:hover{background:var(--orange);color:var(--ink)}.credential-copy:disabled{opacity:.5}.key-toggle{border:0;background:none;color:var(--ink);font-size:11px;font-weight:800;padding:11px 4px;flex-shrink:0}.credential-result{font-size:12px;color:var(--muted);line-height:1.8;margin:16px 0 22px;min-height:22px}.obs-notes{font-size:12px;line-height:1.9;color:var(--muted);display:grid;gap:18px}.obs-notes>p{margin:0;display:flex;gap:10px;align-items:baseline}.obs-notes .solid-square{height:6px;width:6px;flex-shrink:0}.obs-notes details{background:var(--soft);padding:18px 22px}.obs-notes summary{cursor:pointer;font-weight:700;color:var(--ink)}.obs-notes details p{margin:14px 0}.obs-notes details .credential-row{max-width:620px}.obs-notes .credential-row code{font-size:12px}
@media(max-width:1000px){.channel-button{padding:18px 14px;gap:7px}.channel-number{font-size:27px}.channel-button-state{font-size:9px;gap:4px}.obs-fields{grid-template-columns:1fr}.obs-field-key{grid-column:auto}}
@media(max-width:600px){.channels-section{margin-bottom:31px}.channel-grid{gap:7px}.channel-button{flex-direction:column;align-items:flex-start;padding:14px 10px;gap:9px}.channel-number{font-size:25px}.channel-button-state{font-size:8px;gap:4px}.channel-button-state:before{width:4px;height:4px}.channel-help{font-size:10px;margin-top:12px}.channel-obs-link{font-size:11px;gap:5px}.channel-obs-link span{font-size:20px}.obs-section{margin-bottom:51px}.obs-channel-label{font-size:10px;padding:9px 11px}.obs-introduction{font-size:12px;margin-bottom:19px}.obs-fields{gap:9px}.obs-field{padding:20px 17px}.obs-field>label{font-size:10px;margin-bottom:14px}.credential-row{gap:10px}.credential-row code,.credential-row input{font-size:11px}.credential-copy{padding:11px 13px;font-size:10px}.key-toggle{font-size:10px}.credential-result,.obs-notes{font-size:10px}.obs-notes details{padding:17px}.obs-notes .credential-row code{font-size:10px}}
@media(prefers-reduced-motion:reduce){.channel-button{transition:none}}
.channel-button{flex-wrap:wrap;row-gap:12px}.channel-rate{flex-basis:100%;font-size:11px;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.channel-button[data-state=live] .channel-button-state:before{width:8px;height:8px;background:#168048;box-shadow:0 0 0 3px rgba(22,128,72,.15)}.status-chip.live{background:#168048;color:#fff}.status-chip.live:before{background:#d8ffe7}.channel-help #traffic-status{margin-left:8px}
@media(max-width:600px){.channel-rate{flex-basis:auto;width:100%;font-size:8px;line-height:1.6;letter-spacing:-.1px}.channel-button[data-state=live] .channel-button-state:before{width:5px;height:5px;box-shadow:0 0 0 2px rgba(22,128,72,.15)}.channel-help #traffic-status{display:block;margin-left:0}}

.host-notice{background:var(--soft);padding:22px 24px;margin:0 0 24px}.host-notice[hidden]{display:none}.host-notice strong{display:block;font-size:18px;font-weight:900;line-height:1.6}.host-notice p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.8}@media(max-width:600px){.host-notice{padding:18px 17px}.host-notice strong{font-size:16px}.host-notice p{font-size:11px}}

.tool-navigation{display:flex;align-items:center;gap:22px}.tool-navigation .dashboard-link{padding:11px 15px;background:var(--ink);color:var(--paper);gap:10px}.tool-navigation .dashboard-link>span{font-size:18px}@media(max-width:600px){.tool-navigation{gap:10px}.tool-navigation .nav-link{font-size:9px;gap:4px}.tool-navigation .nav-link>span{font-size:14px}.tool-navigation .dashboard-link{padding:10px 9px}}

.channel-group-heading{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:8px 0 5px}.channel-group-heading:not(:first-child){margin-top:17px}.channel-group-heading strong{font-size:15px;font-weight:900}.channel-group-heading span{font-size:11px;color:var(--muted)}.channel-profile{padding:20px 23px;background:var(--soft);margin-bottom:17px}.channel-profile[data-profile=fast]{background:#e0eadb}.channel-profile strong{font-size:14px;font-weight:900}.channel-profile p{font-size:12px;color:var(--muted);line-height:1.9;margin:9px 0 0}@media(max-width:600px){.channel-group-heading strong{font-size:12px}.channel-group-heading span{font-size:9px}.channel-profile{padding:18px}.channel-profile strong{font-size:13px}.channel-profile p{font-size:11px}}

.channel-group-settings{grid-column:1/-1;padding:20px 22px;background:#e0eadb;margin-top:1px}.channel-group-settings[data-profile=cinema]{background:#e0e3eb}.channel-group-settings>strong{display:block;font-size:13px;font-weight:900;margin-bottom:17px}.channel-group-settings dl{display:grid;grid-template-columns:1fr .6fr 1.5fr 1fr;gap:15px;margin:0}.channel-group-settings dt{font-size:10px;color:var(--muted);margin-bottom:8px}.channel-group-settings dd{font-size:15px;font-weight:800;margin:0;line-height:1.6;font-variant-numeric:tabular-nums}.channel-group-settings>p{font-size:10px;line-height:1.9;color:var(--muted);margin:16px 0 0}@media(max-width:600px){.channel-group-settings{padding:18px}.channel-group-settings>strong{font-size:12px}.channel-group-settings dl{grid-template-columns:1fr 1fr;gap:18px 14px}.channel-group-settings dd{font-size:12px}.channel-group-settings dt,.channel-group-settings>p{font-size:9px}}

/* Blue is fast; warm orange is cinema. Green only means live. */
.channel-group-heading strong{padding:8px 12px;background:#dfe6f2;color:#334e7a}.channel-group-heading[data-profile=cinema] strong{background:#efddd1;color:#913b23}.channel-button[data-profile=fast]{background:#e1e7f0}.channel-button[data-profile=cinema]{background:#f0e2d8}.channel-button[data-profile=fast]:hover{background:#cbd7e9}.channel-button[data-profile=cinema]:hover{background:#ecd1c1}.channel-button[data-profile=fast][aria-pressed=true]{background:#4c6287;color:#fff}.channel-button[data-profile=cinema][aria-pressed=true]{background:var(--orange);color:var(--ink)}.channel-button[data-profile=fast][aria-pressed=true][data-state=live] .channel-button-state:before{background:#85f0ac;box-shadow:0 0 0 3px rgba(133,240,172,.18)}.channel-group-settings[data-profile=fast],.channel-profile[data-profile=fast]{background:#e0e6f0}.channel-group-settings[data-profile=cinema],.channel-profile[data-profile=cinema]{background:#efdfd3}.channel-group-settings[data-profile=fast]>strong,.channel-profile[data-profile=fast]>strong{color:#334e7a}.channel-group-settings[data-profile=cinema]>strong,.channel-profile[data-profile=cinema]>strong{color:#913b23}

/* The selected channel drives the whole tool palette. Profile labels keep their identity. */
html[data-channel-profile=fast]{--paper:#0d1420;--soft:#192538;--ink:#e6edf7;--muted:#a3b1c6;--orange:#8eb7fa;--theme-stage:#070e18;--theme-hover:#aecbff;--theme-contrast:#0b1b32;--control-bg:#24344d;--theme-footer:#080f19}
html[data-channel-profile=cinema]{--paper:#191411;--soft:#2a201a;--ink:#f3e9df;--muted:#bca99b;--orange:#f2a575;--theme-stage:#100b08;--theme-hover:#ffc29a;--theme-contrast:#2a160a;--control-bg:#443024;--theme-footer:#100c09}
html[data-channel-profile] .stage,html[data-channel-profile] .stage iframe{background:var(--theme-stage)}
html[data-channel-profile] .brand-symbol,html[data-channel-profile] .copy-button,html[data-channel-profile] .obs-channel-label{color:var(--theme-contrast)}
html[data-channel-profile] .copy-button:hover{background:var(--theme-hover)}
html[data-channel-profile=fast] .channel-button[data-profile=fast][aria-pressed=true]{background:var(--orange);color:#fff}
body,.brand-symbol,.intro-copy h1>span,.solid-square,.big-asterisk,.copy-button,.link-panel,.obs-field,.obs-channel-label,.stage,footer,.section-number,.channel-profile{transition:background-color .22s ease,color .22s ease}
@media(prefers-reduced-motion:reduce){body,.brand-symbol,.intro-copy h1>span,.solid-square,.big-asterisk,.copy-button,.link-panel,.obs-field,.obs-channel-label,.stage,footer,.section-number,.channel-profile{transition:none}}

/* Dark surfaces with separate profile colors and readable live indicators. */
html[data-channel-profile]{color-scheme:dark}
html[data-channel-profile] .stage{color:var(--ink)}
html[data-channel-profile] footer{background:var(--theme-footer);color:var(--ink)}
.tool-navigation .dashboard-link,.credential-copy{background:var(--control-bg);color:var(--ink)}
.credential-copy:hover{background:var(--orange);color:var(--theme-contrast)}
.channel-group-heading strong{background:#1a2d49;color:#a9caff}
.channel-group-heading[data-profile=cinema] strong{background:#37251a;color:#f2b48a}
.channel-button[data-profile=fast]{background:#17263b;color:#d9e6fb}
.channel-button[data-profile=cinema]{background:#302219;color:#f3dccd}
.channel-button[data-profile=fast]:hover{background:#243b57}
.channel-button[data-profile=cinema]:hover{background:#483024}
html[data-channel-profile=fast] .channel-button[data-profile=fast][aria-pressed=true]{background:var(--orange);color:#0b1b32}
.channel-button[data-profile=cinema][aria-pressed=true]{background:#f2a575;color:#2a160a}
.channel-group-settings[data-profile=fast],.channel-profile[data-profile=fast]{background:#132238}
.channel-group-settings[data-profile=cinema],.channel-profile[data-profile=cinema]{background:#2d2018}
.channel-group-settings[data-profile=fast]>strong,.channel-profile[data-profile=fast]>strong{color:#a9caff}
.channel-group-settings[data-profile=cinema]>strong,.channel-profile[data-profile=cinema]>strong{color:#f2b48a}
.channel-group-settings[data-profile=fast]>p,.channel-group-settings[data-profile=fast] dt{color:#acbad0}
.channel-group-settings[data-profile=cinema]>p,.channel-group-settings[data-profile=cinema] dt{color:#c7b09e}
.channel-button[data-state=live] .channel-button-state:before{background:#65d990;box-shadow:0 0 0 3px rgba(101,217,144,.16)}
.channel-button[data-profile=fast][aria-pressed=true][data-state=live] .channel-button-state:before,.channel-button[data-profile=cinema][aria-pressed=true][data-state=live] .channel-button-state:before{background:#0e6a38;box-shadow:0 0 0 3px rgba(14,106,56,.17)}