:root{--bg:#030811;--bg2:#071329;--panel:#0a172b;--panel2:#0d203a;--panel3:#101f35;--text:#f5f7fb;--muted:#9dafc7;--line:rgba(133,172,213,.18);--accent:#67d9ff;--accent2:#ffbd67;--danger:#ff7385;--ok:#72e0ab;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.34);--max:1260px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
html[data-theme="minimal"]{--bg:#f4f4f1;--bg2:#fff;--panel:#fff;--panel2:#f3f3ef;--panel3:#ecece7;--text:#17191d;--muted:#616872;--line:rgba(17,25,39,.14);--accent:#08647a;--accent2:#a76416;--shadow:0 18px 55px rgba(31,37,42,.08);color-scheme:light}
html[data-theme="graphite"]{--bg:#07090d;--bg2:#11161d;--panel:#151a21;--panel2:#1b222c;--panel3:#202934;--text:#f7f7f4;--muted:#a7b0bc;--line:rgba(255,255,255,.11);--accent:#e9b85f;--accent2:#8f9cff}
html[data-theme="cosmic"]{--bg:#020714;--bg2:#0b1b37;--panel:#091a34;--panel2:#0d2444;--panel3:#112d50;--text:#f4f8ff;--muted:#9db4d1;--line:rgba(98,184,255,.2);--accent:#64ddff;--accent2:#ffb75d}
html[data-theme="couture"]{--bg:#08070a;--bg2:#161018;--panel:#17131a;--panel2:#221a24;--panel3:#2c202e;--text:#fff9f4;--muted:#c5b7bf;--line:rgba(238,204,217,.16);--accent:#e7b682;--accent2:#cf7aa0}
html[data-theme="atelier"]{--bg:#eeeae1;--bg2:#fbf8f1;--panel:#fffdf8;--panel2:#f2ede3;--panel3:#e9e1d4;--text:#241f1b;--muted:#6b6259;--line:rgba(66,48,32,.16);--accent:#8d4f2d;--accent2:#315c69;--shadow:0 20px 55px rgba(65,50,36,.12);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 14% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 31rem),radial-gradient(circle at 87% 15%,color-mix(in srgb,var(--accent2) 11%,transparent),transparent 34rem),linear-gradient(180deg,var(--bg2),var(--bg) 48%);color:var(--text);font:15px/1.55 var(--font);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.38;background-image:radial-gradient(circle,rgba(130,188,235,.5) 0 1px,transparent 1.4px);background-size:76px 76px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}a{color:inherit}img,video,iframe{max-width:100%}button,input,select,textarea{font:inherit}.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip{position:fixed;left:16px;top:12px;z-index:9999;transform:translateY(-150%);background:var(--accent);color:#07111b;padding:11px 16px;border-radius:12px;font-weight:800;text-decoration:none}.skip:focus{transform:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.topbar{min-height:68px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}.mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent2),color-mix(in srgb,var(--accent2) 70%,#fff));color:#10131b;font-weight:950;box-shadow:0 10px 28px color-mix(in srgb,var(--accent2) 28%,transparent)}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-size:.95rem}.brand-copy small{margin-top:4px;color:var(--muted);font-size:.64rem;text-transform:uppercase;letter-spacing:.12em}.primary-nav{display:flex;justify-content:center;align-items:center;gap:24px}.primary-nav a{position:relative;color:var(--muted);text-decoration:none;font-size:.8rem;font-weight:700;white-space:nowrap}.primary-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transition:.2s}.primary-nav a:hover,.primary-nav a[aria-current="page"]{color:var(--text)}.primary-nav a[aria-current="page"]:after{transform:scaleX(1)}.header-tools{display:flex;gap:8px;align-items:center}.compact-select,.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;min-height:38px;padding:8px 11px}.icon-btn{width:40px;padding:0;cursor:pointer}
.hero-stage{display:grid;grid-template-columns:minmax(0,.8fr) minmax(520px,1.2fr);gap:54px;align-items:center;padding-block:100px 120px}.hero-copy{max-width:540px}.live-kicker{display:flex;align-items:center;gap:9px;color:var(--accent);font-weight:900;font-size:.72rem;letter-spacing:.15em}.live-kicker span{width:8px;height:8px;border-radius:50%;background:#ff6b84;box-shadow:0 0 0 5px rgba(255,107,132,.09)}.hero-copy h1{font-size:clamp(3.25rem,6vw,6.5rem);line-height:.91;letter-spacing:-.058em;margin:18px 0 24px;max-width:8.2ch}.hero-lead{font-size:1.05rem;max-width:48ch;color:var(--muted)}.hero-note{border-left:3px solid var(--accent2);padding-left:14px;color:var(--muted);font-size:.86rem}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);font-weight:800;font-size:.83rem;text-decoration:none;cursor:pointer;transition:.2s}.btn:hover{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--accent2),color-mix(in srgb,var(--accent2) 78%,#fff));border-color:transparent;color:#10131b}.btn.danger{background:color-mix(in srgb,var(--danger) 15%,var(--panel));color:#ffdce2}.btn:disabled{opacity:.55;cursor:wait;transform:none}.broadcast-console{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel2) 85%,transparent));box-shadow:var(--shadow);padding:14px}.console-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:4px 5px 12px}.console-head div{display:grid}.console-head small{color:var(--accent);font-size:.69rem;text-transform:uppercase;letter-spacing:.09em}.console-head strong{font-size:.84rem}.status-chip{color:var(--accent);font-size:.67rem;letter-spacing:.1em}.player-shell{position:relative;aspect-ratio:16/9;background:#030507;border-radius:17px;overflow:hidden}.player-shell>video,.player-shell>iframe{width:100%;height:100%;border:0;display:block;background:#000;object-fit:cover}.sign-placeholder,.sign-video{position:absolute;right:14px;bottom:14px;width:min(28%,230px);aspect-ratio:3/4;border-radius:15px;background:linear-gradient(180deg,#252b35,#0a0d12);border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 40px rgba(0,0,0,.45)}.sign-placeholder{display:flex;flex-direction:column;justify-content:flex-end;padding:12px;color:#fff}.sign-placeholder strong{font-size:.78rem}.sign-placeholder span{font-size:.64rem;opacity:.72}.ad-banner-layer{position:absolute;left:4%;right:4%;top:5%;display:flex;justify-content:center;opacity:0;transform:translateY(-15px);transition:.35s;pointer-events:none}.ad-banner-layer.is-visible{opacity:1;transform:none}.ad-banner-layer a,.ad-banner-layer>div{display:flex;align-items:center;gap:10px;max-width:90%;border:1px solid rgba(255,255,255,.25);background:rgba(5,10,18,.88);padding:7px 12px 7px 7px;border-radius:14px;text-decoration:none;box-shadow:0 12px 32px rgba(0,0,0,.36);pointer-events:auto}.ad-banner-layer img{max-height:54px;max-width:220px;border-radius:9px}.ad-banner-layer span{font-size:.76rem;color:#fff;font-weight:800}.format-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.format-pill{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);text-decoration:none;font-size:.7rem;font-weight:800}.format-pill:hover{color:var(--text);border-color:var(--accent)}
.section-block{padding-block:70px}.section-heading{max-width:770px;margin-bottom:28px}.section-heading>span,.section-label{color:var(--accent);font-size:.7rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.section-heading h1,.section-heading h2{font-size:clamp(2.35rem,4vw,4.5rem);line-height:1;letter-spacing:-.045em;margin:10px 0 12px}.section-heading p{color:var(--muted);max-width:65ch;margin:0}.output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.output-card{min-width:0;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel2) 85%,var(--panel)));padding:18px;box-shadow:0 12px 35px rgba(0,0,0,.12)}.output-card.live-text-card,.output-card.braille-card,.output-card.source-card{grid-column:1/-1}.card-head{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:13px}.card-head h3{margin:0;font-size:.92rem}.card-head>a{font-size:.72rem;color:var(--accent)}.card-head label{display:grid;grid-template-columns:auto auto;gap:3px 8px;align-items:center;color:var(--muted);font-size:.68rem}.card-head input{grid-column:1/3;width:140px;accent-color:var(--accent)}.output-card p{color:var(--muted)}.output-card pre{white-space:pre-wrap;word-break:break-word;margin:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg) 70%,transparent);font:1.05rem/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}.braille-card pre{font-size:1.55rem;line-height:1.8;letter-spacing:.08em;max-height:220px;overflow:auto}.morse-text{font-size:.83rem!important;line-height:1.65!important;min-height:100px}.output-card audio,.output-card video{width:100%}.empty-media{min-height:210px;border-radius:14px;background:linear-gradient(180deg,#373737,#171717);display:grid;place-items:end start;padding:14px;color:#ddd;font-size:.77rem}.source-link{display:inline-flex;margin-top:8px;color:var(--accent)}
.connector-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.connector-panel{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:22px}.connector-panel h3{margin-top:0}.connector-panel p{color:var(--muted)}.pairing-result{display:grid;gap:6px;margin-top:15px;min-height:50px}.pairing-result strong{font:900 2.2rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--accent2)}.pairing-result span{color:var(--muted);font-size:.76rem}.format-cloud{display:flex;flex-wrap:wrap;gap:8px}.format-cloud span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:var(--panel2);font-size:.72rem}.connector-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.newsroom-section{min-height:420px}.stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.story-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:18px}.story-card h3{margin:10px 0 18px;font-size:1.05rem}.story-card time{color:var(--muted);font-size:.72rem}.story-type{color:var(--accent);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.portal-cta{display:grid;grid-template-columns:1fr 260px;gap:34px;align-items:center;border:1px solid var(--line);border-radius:28px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent2) 6%,var(--panel)),var(--panel));padding:42px;margin-block:80px}.portal-cta h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1;letter-spacing:-.045em;margin:10px 0 12px}.portal-cta p{color:var(--muted);max-width:64ch}.feature-tags{display:flex;flex-wrap:wrap;gap:8px}.feature-tags span{font-size:.72rem;border:1px solid var(--line);border-radius:999px;padding:6px 10px}.price-card{display:grid;gap:5px;border:1px solid var(--line);border-radius:20px;background:var(--panel2);padding:22px}.price-card>span{color:var(--accent2);font-weight:900;font-size:.72rem}.price-card strong{font-size:2.5rem;line-height:1}.price-card small{color:var(--muted)}.price-card p{font-size:.74rem;margin:6px 0}.price-card .btn{margin-top:10px}.about-page{min-height:70vh}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.principles article{min-height:220px;border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:24px}.principles strong{color:var(--accent);font-size:.75rem}.principles h2{margin-top:70px;font-size:1.35rem}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.74rem}.site-footer .shell{display:flex;justify-content:space-between;gap:20px;padding-block:24px}.site-footer a{color:var(--text)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.owner-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;padding-block:26px}.sidebar{padding:14px;position:sticky;top:86px;height:max-content}.sidebar a{display:block;text-decoration:none;padding:11px 12px;border-radius:11px;color:var(--muted)}.sidebar a:hover,.sidebar a:focus-visible{background:var(--panel2);color:var(--text)}.main-stack{min-width:0}.section{margin:0 0 18px}.section>.card{padding:22px}.section h1,.section h2{margin-top:0}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:7px;min-width:0}.field label,.field>span{color:var(--muted);font-size:.78rem;font-weight:700}.field input,.field select,.field textarea,select.btn{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:11px 12px}.field textarea{min-height:190px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.program{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.program:last-child{border:0}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 15%,var(--panel2));font-size:.68rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.stat{border:1px solid var(--line);background:var(--panel2);border-radius:15px;padding:15px}.stat span{display:block;color:var(--muted);font-size:.7rem}.stat strong{display:block;margin-top:5px;font-size:1.1rem}.status-ok{color:var(--ok)}.status-bad{color:var(--danger)}.muted{color:var(--muted)}.notice,.alert{border:1px solid var(--line);border-radius:14px;padding:12px 14px}.notice{background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.alert{background:color-mix(in srgb,var(--danger) 12%,var(--panel));border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:.69rem;text-transform:uppercase;letter-spacing:.07em}tr:last-child td{border-bottom:0}.install-log{white-space:pre-wrap;background:#05080d;color:#dce8f5;padding:14px;border-radius:14px;min-height:120px;max-height:340px;overflow:auto;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.login-shell{width:min(calc(100% - 28px),560px);margin:7vh auto}.login-shell>.card{padding:30px}.inline-form{display:inline-flex}.footer{padding:25px 0 40px;color:var(--muted);font-size:.78rem}
.checkout-shell{min-height:100vh;display:grid;place-items:center;padding:32px}.checkout-card{width:min(100%,620px);padding:30px}.checkout-card h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:.95;letter-spacing:-.05em}.order-summary{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel2));border-radius:18px;padding:19px;margin-top:22px}.order-summary h2{font-size:1.5rem}.credential-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.credential-card{width:min(100%,600px);padding:30px}.credential-card h1{font-size:clamp(2.1rem,7vw,4.8rem);line-height:.95;letter-spacing:-.05em;overflow-wrap:anywhere}
:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:3px}@media(max-width:1040px){.primary-nav{display:none}.topbar{grid-template-columns:1fr auto}.hero-stage{grid-template-columns:1fr;padding-block:70px}.hero-copy{max-width:740px}.hero-copy h1{max-width:11ch}.stories-grid{grid-template-columns:repeat(2,1fr)}.owner-layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;overflow:auto}.sidebar a{white-space:nowrap}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.shell{width:min(calc(100% - 22px),var(--max))}.brand-copy small{display:none}.hero-stage{padding-block:46px 70px;gap:28px}.hero-copy h1{font-size:clamp(2.8rem,14vw,4.5rem)}.broadcast-console{padding:8px}.sign-placeholder,.sign-video{width:30%;right:8px;bottom:8px}.sign-placeholder span{display:none}.section-block{padding-block:45px}.output-grid,.connector-layout,.stories-grid,.portal-cta,.principles{grid-template-columns:1fr}.output-card.live-text-card,.output-card.braille-card,.output-card.source-card{grid-column:auto}.portal-cta{padding:25px;margin-block:50px}.site-footer .shell{display:grid}.grid.cols-2,.grid.cols-3,.stats{grid-template-columns:1fr}.topbar{gap:10px}.compact-select{max-width:125px}.checkout-card,.credential-card{padding:22px}.card-head{display:grid}.card-head label{justify-self:start}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.btn:hover{transform:none}}
.checkout-page,.credential-page{background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent2) 18%,transparent),transparent 35rem),radial-gradient(circle at 90% 12%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 38rem),linear-gradient(160deg,var(--bg2),var(--bg) 58%)}
.checkout-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.checkout-brand>span:last-child{display:grid;line-height:1.05}.checkout-brand small{color:var(--muted);font-size:.68rem;letter-spacing:.14em}.checkout-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.checkout-toolbar a{color:var(--muted);text-decoration:none;font-size:.78rem}.checkout-lead{color:var(--muted);font-size:1rem;max-width:58ch}.plan-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.plan-facts article{display:grid;align-content:start;gap:7px;min-height:145px;padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--panel2)}.plan-facts span{font-size:.7rem;color:var(--muted);font-weight:800}.plan-facts strong{font-size:1.15rem}.plan-facts small{color:var(--muted);font-size:.7rem}.checkout-form{display:grid;gap:17px}.billing-options{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.billing-options legend{grid-column:1/-1;color:var(--muted);font-size:.78rem;font-weight:800;margin-bottom:7px}.billing-options label{display:flex;gap:10px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel2);cursor:pointer}.billing-options label:has(input:checked){border-color:color-mix(in srgb,var(--accent) 70%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.billing-options input{margin-top:4px;accent-color:var(--accent)}.billing-options span{display:grid;gap:3px}.billing-options small{color:var(--muted)}.order-summary{display:grid;gap:10px}.order-summary>div{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.order-summary>div span{color:var(--muted)}.order-summary .order-total{padding-top:12px;border-top:1px solid var(--line)}.order-summary .order-total strong{font-size:1.35rem}.wide{width:100%}.status-kicker{color:var(--accent);font:800 .78rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.credential-status{display:grid;gap:7px;border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--panel2);margin:22px 0}.credential-status span{color:var(--muted);font-size:.76rem}.credential-status strong{font-size:1.7rem}.credential-status[data-order-status="ready"]{border-color:color-mix(in srgb,var(--ok) 55%,var(--line))}.credential-status[data-order-status="failed"],.credential-status[data-order-status="cancelled"]{border-color:color-mix(in srgb,var(--danger) 55%,var(--line))}.compact-summary{margin-bottom:20px}
@media(max-width:720px){.plan-facts,.billing-options{grid-template-columns:1fr}.checkout-toolbar{align-items:flex-start}.checkout-card h1,.credential-card h1{font-size:clamp(2.5rem,15vw,4.1rem)}}
.ad-video-layer{position:absolute;inset:0;z-index:8;background:#000;display:grid;place-items:center}.ad-video-layer[hidden]{display:none}.ad-video-layer video{width:100%;height:100%;object-fit:contain;background:#000}.ad-video-layer>span{position:absolute;z-index:2;left:12px;top:12px;padding:5px 9px;border-radius:999px;background:rgba(5,8,14,.78);color:#fff;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}

.presenter-configurator{margin:26px 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel2) 94%,transparent),color-mix(in srgb,var(--panel) 88%,transparent))}.presenter-configurator h2{margin:0 0 8px;font-size:1.15rem}.presenter-configurator>p,.presenter-configurator>.muted{color:var(--muted)}.config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.field select[multiple]{min-height:142px}.choice-cloud{margin:18px 0 0;padding:14px;border:1px solid var(--line);border-radius:14px}.choice-cloud legend{padding:0 8px;font-weight:800;font-size:.8rem}.choice-cloud label{display:inline-flex;align-items:center;gap:7px;margin:5px 13px 5px 0;color:var(--muted);font-size:.79rem}.toggle-line{display:flex;align-items:center;gap:9px;margin:16px 0;font-weight:800}.usage-estimate{display:grid;grid-template-columns:1.2fr repeat(3,1fr);align-items:center;gap:8px;padding:13px;border-radius:13px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));font-size:.76rem}.usage-estimate span{color:var(--muted)}.usage-estimate b{color:var(--text);font-size:.95rem}.hidden{display:none!important}@media(max-width:900px){.config-grid{grid-template-columns:1fr 1fr}.usage-estimate{grid-template-columns:1fr 1fr}}@media(max-width:620px){.config-grid,.usage-estimate{grid-template-columns:1fr}.presenter-configurator{padding:15px}.choice-cloud label{display:flex}}

/* Presenter visual chooser */
.presenter-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 20px}.presenter-preview-grid.compact{grid-template-columns:repeat(4,minmax(105px,1fr))}.presenter-preview-card{position:relative;min-height:190px;padding:8px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--panel2) 96%,transparent),color-mix(in srgb,var(--accent) 5%,var(--panel)));color:var(--text);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;cursor:pointer;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.presenter-preview-card:hover,.presenter-preview-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 14px 28px rgba(0,0,0,.22)}.presenter-preview-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 24%,transparent),0 16px 30px rgba(0,0,0,.22)}.presenter-preview-card strong{font-size:.78rem;text-align:center;line-height:1.2;padding:0 5px}.presenter-preview-card small{font-size:.63rem;color:var(--muted);text-align:center;padding-bottom:4px}.presenter-portrait-image,.presenter-portrait-pending{display:block;width:100%;height:126px;border-radius:13px;object-fit:cover;object-position:center 22%;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 55%),linear-gradient(145deg,#111b2c,#050a13);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))}.presenter-portrait-pending{display:grid;place-items:center;position:relative}.presenter-portrait-pending:before{content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:50% 50% 38% 38%;background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 78%,transparent),color-mix(in srgb,var(--accent) 8%,transparent))}.presenter-portrait-pending span{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#f7c36c,#d9942d);color:#08111f;font-weight:900;box-shadow:0 8px 30px rgba(0,0,0,.28)}@media(max-width:820px){.presenter-preview-grid,.presenter-preview-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.presenter-preview-grid,.presenter-preview-grid.compact{grid-template-columns:1fr 1fr}.presenter-preview-card{min-height:132px;padding:9px 6px}}

.runtime-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr) minmax(260px,.8fr);gap:22px;align-items:center;margin-bottom:20px;background:radial-gradient(circle at 8% 20%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 42%),var(--panel)}.runtime-panel h2{font-size:1.7rem;margin:.25rem 0}.runtime-panel .eyebrow{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:900}.runtime-stats{display:grid;gap:9px}.runtime-stats>div{padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel2) 90%,transparent);display:flex;justify-content:space-between;gap:12px;align-items:center}.runtime-stats span{font-size:.7rem;color:var(--muted)}.runtime-action{display:grid;grid-template-columns:1fr 1fr;gap:9px}.runtime-action .btn,.runtime-action .codebox{grid-column:1/-1}.runtime-action .codebox:empty{display:none}.wide-row{grid-column:1/-1;margin:0}@media(max-width:980px){.runtime-panel{grid-template-columns:1fr 1fr}.runtime-panel>div:first-child{grid-column:1/-1}}@media(max-width:640px){.runtime-panel{grid-template-columns:1fr}.runtime-panel>div:first-child{grid-column:auto}.runtime-action{grid-template-columns:1fr}}

/* Automatic installation control plane */
.installer-page{min-height:100vh;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent2) 13%,transparent),transparent 32rem),radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 36rem),linear-gradient(155deg,var(--bg2),var(--bg) 58%)}
.installer-page:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--accent) 38%,transparent) 1px,transparent 0);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 84%)}
.installer-shell{position:relative;z-index:1;width:min(calc(100% - 28px),1040px);margin:clamp(28px,5vh,74px) auto;padding-bottom:60px}
.installer-card{padding:clamp(22px,4vw,44px);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel2) 91%,transparent));backdrop-filter:blur(22px)}
.installer-header,.section-heading,.installer-command-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.installer-version,.status-pill{display:inline-flex;align-items:center;min-height:31px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:800 .66rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.status-pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,var(--line));background:color-mix(in srgb,var(--ok) 8%,transparent)}
.installer-title{max-width:780px;margin:42px 0 32px}.installer-title .eyebrow,.section-heading .eyebrow{display:block;color:var(--accent);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em}.installer-title h1{margin:.45rem 0 .7rem;font-size:clamp(2.35rem,6vw,5.2rem);line-height:.92;letter-spacing:-.055em;max-width:11ch}.installer-title p,.installer-command-head p,.installer-security-note,.installer-complete p{color:var(--muted);max-width:70ch;line-height:1.65}
.installer-authorization,.installer-system,.installer-progress-block,.installer-complete,.installer-checks{margin-top:18px;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--panel2) 88%,transparent)}
.installer-command-head h2,.section-heading h2,.installer-complete h2{margin:.3rem 0 .35rem;font-size:clamp(1.25rem,2.6vw,2rem)}.installer-command-head p{margin:0}.command-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin:20px 0 14px}.command-copy code{min-width:0;overflow:auto;white-space:nowrap;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#05080d;color:#e9f2ff;font:700 .8rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.installer-security-note{margin:0;padding-left:16px;border-left:2px solid var(--accent2)}
.installer-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.installer-metrics article{padding:15px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel) 82%,transparent);min-width:0}.installer-metrics span{display:block;color:var(--muted);font-size:.68rem;font-weight:800;margin-bottom:7px}.installer-metrics strong{display:block;font-size:.92rem;overflow:hidden;text-overflow:ellipsis}.installer-runtime-line{display:grid;grid-template-columns:1fr auto auto;gap:13px;align-items:center;margin-top:12px;padding:13px 15px;border:1px solid var(--line);border-radius:15px}.installer-runtime-line span,.installer-runtime-line small{color:var(--muted);font-size:.72rem}.installer-runtime-line strong{font-size:.84rem}
.installer-start-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;margin:18px 0;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.installer-start-form .btn{min-height:44px}.progress-number{font-size:1.8rem}.progress-track{height:12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);overflow:hidden;margin:18px 0}.progress-track span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .45s ease}.installer-progress-block .install-log{min-height:160px;margin:0}.installer-complete{display:grid;grid-template-columns:auto 1fr;gap:20px;border-color:color-mix(in srgb,var(--ok) 42%,var(--line));background:color-mix(in srgb,var(--ok) 7%,var(--panel2))}.completion-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:var(--ok);color:#07120d;font-size:1.8rem;font-weight:950}.credential-inline{display:flex;flex-wrap:wrap;gap:10px 22px;margin:16px 0}.credential-inline span{font-size:.78rem}.credential-inline code{word-break:break-all}.installer-checks .program{padding:10px 0}
@media(max-width:800px){.installer-metrics{grid-template-columns:repeat(2,1fr)}.installer-runtime-line{grid-template-columns:1fr}.installer-start-form{grid-template-columns:1fr}.installer-header,.section-heading,.installer-command-head{align-items:flex-start}.command-copy{grid-template-columns:1fr}.command-copy .btn{justify-self:start}}
@media(max-width:480px){.installer-shell{width:min(calc(100% - 18px),1040px);margin:10px auto}.installer-card{padding:17px}.installer-metrics{grid-template-columns:1fr}.installer-complete{grid-template-columns:1fr}.installer-version{display:none}.installer-title{margin-top:30px}.installer-title h1{font-size:2.7rem}.section-heading{display:grid}.progress-number{font-size:1.25rem}}

/* Responsive universal promo and dynamic broadcast typography */
.dynamic-brand-layer{position:absolute;z-index:3;left:50%;top:12%;transform:translateX(-50%);width:min(38%,440px);padding:10px 18px 12px;border:1px solid rgba(99,216,255,.34);border-radius:14px;background:rgba(2,10,24,.88);box-shadow:0 14px 40px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.04);text-align:center;pointer-events:none;backdrop-filter:blur(8px)}.dynamic-brand-layer strong{display:block;color:#f7f9ff;font-size:clamp(.78rem,1.5vw,1.14rem);letter-spacing:.015em}.dynamic-brand-layer span{display:block;margin-top:3px;color:#63d8ff;font-size:clamp(.58rem,1vw,.78rem);font-weight:800}.player-shell.is-portrait{aspect-ratio:9/16;max-width:480px;margin-inline:auto}.player-shell.is-portrait .dynamic-brand-layer{width:76%;top:7%}.player-tools{align-items:center}.video-layout-control{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.7rem;font-weight:800}.video-layout-control select{min-height:30px;padding:4px 28px 4px 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text)}@media(max-width:720px){.dynamic-brand-layer{width:55%;top:8%}.video-layout-control{width:100%;justify-content:space-between;margin-left:0}.player-shell.is-portrait{max-width:min(100%,430px)}}

/* Stage 3.4 rootless installer and integrations */
.installer-policy-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.installer-policy-chips span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel2) 85%,transparent);font-size:.66rem;font-weight:850;color:var(--muted)}
.installer-launch-card{grid-template-columns:minmax(260px,1fr) minmax(260px,.55fr);padding:24px}.btn.xl{min-height:58px;font-size:1rem}.progress-track.smooth{height:16px;box-shadow:inset 0 2px 9px rgba(0,0,0,.26)}.progress-track.smooth span{position:relative;transition:width .6s cubic-bezier(.22,.8,.22,1);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 50%,transparent)}.progress-track.smooth span:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.42) 50%,transparent 80%);animation:installer-shimmer 1.7s linear infinite}@keyframes installer-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.installer-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.installer-stage{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel) 84%,transparent);opacity:.66;transition:.25s ease}.installer-stage.active{opacity:1;border-color:color-mix(in srgb,var(--accent) 62%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.installer-stage.done{opacity:1;border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:color-mix(in srgb,var(--ok) 7%,var(--panel))}.stage-number{font:900 .67rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}.installer-stage strong{display:block;font-size:.78rem}.installer-stage small{display:block;color:var(--muted);font-size:.66rem;line-height:1.35;margin-top:3px}.stage-state{font-weight:950;color:var(--muted)}.installer-stage.done .stage-state{color:var(--ok)}.installer-stage.active .stage-state{color:var(--accent);animation:stage-pulse 1s ease-in-out infinite}@keyframes stage-pulse{50%{opacity:.35;transform:scale(.8)}}
.braille-progress{display:grid;gap:7px;padding:14px 16px;margin:14px 0;border:1px solid color-mix(in srgb,var(--accent2) 30%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent2) 6%,var(--panel));overflow-wrap:anywhere}.braille-progress span{font-size:.68rem;color:var(--muted);font-weight:800}.braille-progress output{font-size:1.12rem;letter-spacing:.04em;line-height:1.55}.installer-details summary{cursor:pointer;font-size:.75rem;font-weight:850;color:var(--muted);padding:8px 0}.installer-complete .actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.installer-complete .actions form{margin:0}
.integration-shell,.source-shell,.article-shell,.capabilities-shell{padding-block:28px 70px}.catalog-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:16px}.platform-grid,.source-catalog-grid,.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.platform-card,.source-card,.mode-card{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.platform-card h3,.source-card h3,.mode-card h3{margin:0;font-size:1rem}.platform-card .meta,.source-card .meta{display:flex;flex-wrap:wrap;gap:6px}.micro-badge{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.61rem;font-weight:850}.micro-badge.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,var(--line))}.micro-badge.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 35%,var(--line))}.micro-badge.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.secret-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.article-timeline{display:grid;gap:18px;margin-top:24px}.timeline-entry{position:relative;padding:22px;border-left:3px solid var(--accent);border-radius:0 16px 16px 0;background:color-mix(in srgb,var(--panel2) 86%,transparent)}.timeline-entry time{display:block;color:var(--muted);font-size:.68rem;margin-bottom:7px}.timeline-entry h2{margin:.2rem 0 .8rem}.timeline-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.timeline-media figure{margin:0}.timeline-media img,.timeline-media video,.archive-video{width:100%;display:block;border-radius:14px;background:#000}.timeline-media figcaption{font-size:.65rem;color:var(--muted);margin-top:5px}.article-attribution{margin-top:26px;padding:18px;border:1px solid var(--line);border-radius:16px}.article-attribution li{margin:.45rem 0;color:var(--muted)}.archive-list{display:grid;gap:12px}.archive-list article{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.mode-card.unavailable{opacity:.58;filter:saturate(.5)}.mode-quality{font-size:1.3rem;font-weight:950}.cost-range{font-size:1.25rem;font-weight:950}.archive-static{min-height:100vh;background:var(--bg)}
@media(max-width:960px){.platform-grid,.source-catalog-grid,.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.installer-launch-card{grid-template-columns:1fr}}
@media(max-width:650px){.installer-stage-grid,.platform-grid,.source-catalog-grid,.mode-grid,.secret-fields,.timeline-media{grid-template-columns:1fr}.installer-stage{padding:11px}.archive-list article{grid-template-columns:1fr}.catalog-toolbar{align-items:stretch}.catalog-toolbar>*{width:100%}}

/* Stage 3.4.0: live articles, archives, capability modes and integration catalogs */
.live-article-section{padding-top:0}.live-article-card{max-width:1100px;margin-inline:auto}.article-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.article-timeline{display:grid;gap:1rem;margin-top:1.25rem}.timeline-story{position:relative;padding:1.15rem 1.15rem 1.15rem 1.45rem;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 92%,transparent)}.timeline-story:before{content:"";position:absolute;left:.55rem;top:1.35rem;width:.42rem;height:.42rem;border-radius:99px;background:var(--accent)}.timeline-story time{display:block;font-size:.78rem;color:var(--muted);margin-bottom:.35rem}.timeline-story h2,.timeline-story h3{margin:.1rem 0 .65rem}.article-body{line-height:1.75}.article-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:1rem}.article-media img,.article-media video,.archive-video{display:block;width:100%;max-height:68vh;object-fit:contain;border-radius:16px;background:#02050b}.article-attribution{margin-top:1.5rem;padding:1rem;border:1px dashed var(--line);border-radius:16px}.article-attribution ul{margin:.75rem 0 0;padding-left:1.25rem}.archive-grid,.mode-public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.archive-card{display:flex;flex-direction:column;gap:.75rem}.archive-card .actions{margin-top:auto}.mode-card{display:flex;flex-direction:column;gap:.8rem}.mode-card.professional{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent),0 18px 60px rgba(0,0,0,.22)}.mode-card.locked{opacity:.72}.mode-card dl{display:grid;gap:.55rem;margin:0}.mode-card dl div{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.mode-card dt{color:var(--muted)}.mode-card dd{margin:0;text-align:right;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem}.feature-grid article{padding:1rem;border:1px solid var(--line);border-radius:16px}.integration-shell,.source-shell,.article-shell{padding-block:clamp(1rem,3vw,3rem);display:grid;gap:1rem}.platform-grid,.source-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem}.platform-card,.source-card{padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.platform-card .meta,.source-card .meta{display:flex;flex-wrap:wrap;gap:.4rem}.micro-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--line);font-size:.72rem}.micro-badge.ok{border-color:rgba(72,210,144,.55)}.micro-badge.warn{border-color:rgba(245,184,74,.55)}.micro-badge.danger{border-color:rgba(245,95,115,.55)}.catalog-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:end}.catalog-toolbar input[type=search]{min-width:min(360px,100%)}.secret-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem}.wide-row{grid-column:1/-1}.credential-inline{display:flex;flex-wrap:wrap;gap:.8rem;margin:1rem 0}.installer-stage.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.progress-track.smooth span{transition:width .55s cubic-bezier(.22,.61,.36,1)}
@media(max-width:900px){.article-head,.catalog-toolbar{align-items:stretch;flex-direction:column}.topbar .actions,.owner-actions{width:100%;overflow-x:auto;padding-bottom:.25rem}.mode-card dl div{display:grid;gap:.2rem}.mode-card dd{text-align:left}}
@media(max-width:620px){.archive-grid,.mode-public-grid,.platform-grid,.source-catalog-grid{grid-template-columns:1fr}.article-media{grid-template-columns:1fr}.timeline-story{padding:1rem 1rem 1rem 1.3rem}.credential-inline{display:grid}.installer-stage-grid{grid-template-columns:1fr}.header-tools,.actions{gap:.4rem}.compact-select{max-width:44vw}}

.installer-stage.deferred {
  border-color: color-mix(in srgb, currentColor 28%, transparent);
  background: color-mix(in srgb, var(--panel, #171a22) 88%, #a7803b 12%);
}
.installer-stage.deferred .stage-state { font-weight: 800; }
.integration-live-progress[hidden] { display: none !important; }
.setup-pending-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.setup-pending-card { min-height:100%; }
@media (max-width: 760px) { .setup-pending-grid { grid-template-columns:1fr; } }

/* Stage 3.5.0: complete navigation, free accessibility, dual-language streams, appearance presets */
.free-badge{display:inline-flex;align-items:center;padding:.28rem .58rem;border-radius:999px;background:color-mix(in srgb,var(--ok,#38c989) 14%,var(--panel));border:1px solid color-mix(in srgb,var(--ok,#38c989) 45%,var(--line));color:var(--ok,#38c989);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.checkout-shell{width:min(980px,calc(100% - 24px));margin-inline:auto}.checkout-card{padding:clamp(22px,4vw,48px)}.checkout-card h1{max-width:15ch}.card-subsection{padding:20px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel2) 82%,transparent);margin-block:16px}.section-mini-head,.dual-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.included-format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:12px}.included-format-grid span,.free-callout{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:.75rem}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.free-callout{display:grid;align-content:center}.free-callout strong{color:var(--ok);font-size:1rem}.free-callout span{color:var(--muted);font-size:.72rem}
.public-nav{display:flex;align-items:center;gap:clamp(8px,1.5vw,22px);overflow-x:auto;scrollbar-width:thin;white-space:nowrap;padding-block:6px}.public-nav a{flex:0 0 auto}.topbar{grid-template-columns:auto minmax(0,1fr) auto}.site-header{position:sticky;top:0;z-index:80;backdrop-filter:blur(18px)}
.dual-language-controller{margin-bottom:18px;padding:18px}.dual-controls{display:flex;flex-wrap:wrap;gap:10px}.dual-controls label{display:grid;gap:4px;font-size:.7rem}.dual-controls select{min-width:145px}.dual-streams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.language-stream{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel2);min-width:0}.language-stream>span{font-size:.66rem;font-weight:900;color:var(--accent2);letter-spacing:.12em}.language-stream p{line-height:1.65}.language-stream.braille{grid-column:1/-1}.language-stream pre{max-height:13rem;overflow:auto;font-size:1.05rem;letter-spacing:.05em;white-space:pre-wrap}.dual-language-controller[data-layout="stacked"] .dual-streams{grid-template-columns:1fr}.dual-language-controller[data-layout="parallel"] .language-stream.braille{grid-column:1/-1}.dual-language-controller[data-layout="primary_braille"] .language-stream.secondary{display:none}.braille-window-controls{display:flex;gap:8px;align-items:center;margin-top:10px}.btn.small{min-height:34px;padding:.35rem .65rem}.presenter-appearance-panel{margin-top:16px}.presenter-appearance-panel .notice{margin-top:14px}.owner-layout{grid-template-columns:minmax(200px,260px) minmax(0,1fr)}.sidebar{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto}.main-stack>.section{scroll-margin-top:92px}
@media(max-width:980px){.topbar{grid-template-columns:auto 1fr}.topbar>.actions{grid-column:1/-1}.public-nav{order:3;grid-column:1/-1;width:100%}.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;overflow-x:auto;max-height:none}.sidebar a{white-space:nowrap}}
@media(max-width:650px){.checkout-shell{width:min(100% - 12px,980px)}.checkout-card{padding:18px}.form-grid.three,.form-grid.four,.dual-streams{grid-template-columns:1fr}.dual-toolbar,.section-mini-head{align-items:flex-start;flex-direction:column}.dual-controls{width:100%}.dual-controls label,.dual-controls select{width:100%}.public-nav{padding-bottom:10px}.language-stream.braille{grid-column:auto}}

/* Stage 3.5.0 acceptance polish: operational navigation and assistive controls */
.operational-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0;margin:0 0 14px;border-bottom:1px solid var(--line)}
.operational-nav .nav-chip{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel) 90%,transparent);color:var(--muted);font-size:.74rem;font-weight:800;text-decoration:none;white-space:nowrap}
.operational-nav .nav-chip:hover,.operational-nav .nav-chip[aria-current="page"]{color:var(--text);border-color:color-mix(in srgb,var(--accent) 65%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--panel))}
.dual-control-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.dual-toolbar{flex-wrap:wrap}.dual-controls{margin-left:auto}
.settings-dialog{width:min(680px,calc(100% - 24px));max-height:calc(100vh - 32px);padding:0;border:1px solid var(--line);border-radius:22px;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}
.settings-dialog::backdrop{background:rgba(0,0,0,.66);backdrop-filter:blur(6px)}
.settings-dialog-card{padding:22px}.settings-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}.settings-dialog-head h2{margin:0;font-size:1.35rem}.command-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:9px;margin:16px 0}.shortcut-list{display:grid;gap:6px}.shortcut-list>div{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.shortcut-list dt{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:900}.shortcut-list dd{margin:0;color:var(--muted)}
[data-braille-window]:focus{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:3px}.braille-window-controls output{min-width:64px;text-align:center;font-weight:900;color:var(--muted)}
.token-balance-card{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel2)}.token-quick-picks{display:flex;gap:8px;flex-wrap:wrap}.token-quick-picks button{min-width:74px}.token-large-warning{padding:11px 13px;border:1px solid color-mix(in srgb,var(--danger) 55%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--danger) 10%,var(--panel));color:var(--text)}
@media(max-width:760px){.operational-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px}.dual-control-actions,.dual-controls{width:100%;margin-left:0}.settings-dialog-card{padding:16px}.shortcut-list>div{grid-template-columns:110px 1fr}}
.rights-confirmation-form{display:grid;grid-template-columns:minmax(170px,1fr) minmax(170px,.8fr) minmax(240px,1.4fr) auto auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.rights-confirmation-form>div{display:grid}.rights-confirmation-form small{color:var(--muted)}.rights-confirmation-form .checkbox{align-self:center}.rights-confirmation-form .grow{min-width:0}
@media(max-width:1050px){.rights-confirmation-form{grid-template-columns:repeat(2,minmax(0,1fr))}.rights-confirmation-form>div,.rights-confirmation-form .grow{grid-column:1/-1}}
@media(max-width:650px){.rights-confirmation-form{grid-template-columns:1fr}}

/* Stage 3.5.1: broadcast-first accessibility UI, national Braille profiles and device controls */
.accessible-broadcast-stage{padding-block:clamp(24px,3vw,44px) 30px}.broadcast-intro{text-align:center;max-width:920px;margin:0 auto 14px}.broadcast-intro .live-kicker{justify-content:center}.broadcast-intro h1{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35em;margin:7px 0 6px;font-size:clamp(11px,.82vw,14px);line-height:1.3;letter-spacing:.015em;font-weight:800}.broadcast-intro h1 span{display:inline}.broadcast-intro p{max-width:70ch;margin:0 auto;color:var(--muted);font-size:clamp(.78rem,1vw,.95rem);line-height:1.45}
.broadcast-hub{width:min(100%,1060px);margin-inline:auto;border:1px solid var(--line);border-radius:30px;padding:clamp(12px,2vw,20px);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 97%,transparent),color-mix(in srgb,var(--panel2) 91%,transparent));box-shadow:var(--shadow)}.accessible-main-player{border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.accessibility-tickers{--ticker-duration:32s;display:grid;gap:9px;margin-top:12px}.output-ticker{display:grid;grid-template-columns:minmax(92px,130px) minmax(0,1fr);align-items:stretch;min-height:54px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:color-mix(in srgb,var(--panel3) 90%,var(--bg))}.output-ticker>strong{display:grid;place-items:center;padding:10px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 32%,var(--panel2)),color-mix(in srgb,var(--accent2) 20%,var(--panel2)));font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}.ticker-viewport{position:relative;display:flex;align-items:center;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.ticker-track{display:inline-block;width:max-content;min-width:200%;padding-inline:30px;white-space:nowrap;will-change:transform;animation:aiginTicker var(--ticker-duration) linear infinite;font:1.35rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.morse-ticker .ticker-track{font-size:.92rem;letter-spacing:.15em}.accessibility-tickers.is-paused .ticker-track{animation-play-state:paused}@keyframes aiginTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.broadcast-control-dock{display:grid;grid-template-columns:minmax(210px,1.4fr) repeat(3,minmax(135px,1fr));gap:10px;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel2) 93%,transparent)}.broadcast-control-dock label{display:grid;align-content:start;gap:5px;color:var(--muted);font-size:.69rem;font-weight:800}.broadcast-control-dock select,.broadcast-control-dock input[type=range]{width:100%}.broadcast-control-dock select{min-height:40px;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text)}.device-control-status{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.device-control-status div{display:grid;line-height:1.2}.device-control-status small{color:var(--muted)}.device-dot{width:11px;height:11px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 5px color-mix(in srgb,var(--danger) 13%,transparent)}[data-device-status][data-status="paired"]~* .device-dot,.device-control-status:has([data-device-status][data-status="paired"]) .device-dot{background:var(--ok);box-shadow:0 0 0 5px color-mix(in srgb,var(--ok) 13%,transparent)}.dock-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.broadcast-control-dock>.pairing-result{grid-column:1/-1}.braille-verification{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--panel3) 78%,transparent);font-size:.72rem}.braille-verification strong{color:var(--accent)}.braille-verification [data-status="preview_only"]{color:var(--accent2)}
.dual-language-controller[data-layout="dual_braille"] .dual-streams{grid-template-columns:repeat(2,minmax(0,1fr))}.dual-language-controller[data-layout="dual_braille"] .language-stream.braille{grid-column:1/-1}.player-tools{align-items:center}
@media(max-width:960px){.broadcast-control-dock{grid-template-columns:repeat(2,minmax(0,1fr))}.device-control-status{grid-column:1/-1}.broadcast-intro h1{font-size:clamp(11px,1.7vw,14px)}}
@media(max-width:620px){.accessible-broadcast-stage{padding-block:24px 20px}.broadcast-intro{margin-bottom:12px}.broadcast-intro h1{display:grid;gap:1px;font-size:clamp(11px,3.4vw,14px);line-height:1.3;letter-spacing:.01em;margin:6px auto 5px;max-width:32ch}.broadcast-intro h1 span{display:block}.broadcast-intro p{font-size:clamp(.76rem,3.1vw,.9rem);max-width:46ch}.broadcast-hub{border-radius:20px;padding:9px}.output-ticker{grid-template-columns:1fr;min-height:74px}.output-ticker>strong{place-items:start;padding:7px 12px}.ticker-track{font-size:1.05rem}.broadcast-control-dock{grid-template-columns:1fr;padding:10px}.device-control-status,.dock-actions,.broadcast-control-dock>.pairing-result{grid-column:auto}.dock-actions{display:grid;grid-template-columns:1fr}.console-head{align-items:flex-start}.status-chip{padding-top:4px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;transform:none}.btn{transition:none}.accessibility-tickers{overflow:auto}}


/* Stage 3.5.2: installer recovery, integrated checkout and assistive-stream overlay */
.installer-stage.failed{border-color:#c43d52;background:color-mix(in srgb,#c43d52 10%,var(--surface,#fff))}.installer-stage.failed .stage-state{color:#c43d52;font-weight:900}.installer-failure-panel{display:grid;gap:.7rem;margin-top:1rem;padding:1rem;border:1px solid #c43d52;border-radius:16px;background:color-mix(in srgb,#c43d52 9%,var(--surface,#fff))}.installer-failure-panel code{overflow-wrap:anywhere}.checkout-site-header{position:sticky;top:0;z-index:30}.site-integrated-checkout .checkout-shell{width:min(1180px,calc(100% - 32px));max-width:none}.site-integrated-checkout .checkout-card{width:100%;max-width:none}.site-integrated-checkout .checkout-card>h1{max-width:16ch}.presenter-standard-note{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem;border-radius:14px;background:var(--panel-soft,#eef5f6);margin-bottom:1rem}.centered-wide-player,.hero-player.centered-wide-player{width:min(1180px,100%);margin-inline:auto;justify-self:center}.movable-sign-window{position:absolute;right:1rem;bottom:1rem;width:clamp(180px,26vw,420px);aspect-ratio:1/1;z-index:12;resize:both;overflow:hidden;touch-action:none;cursor:move;box-shadow:0 20px 60px rgba(0,0,0,.35)}.assistive-stream-page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:2rem 0 5rem}.assistive-config-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:1rem}.assistive-source-form,.assistive-session-card{padding:1.25rem}.assistive-overlay-frame{position:relative;width:100%;height:100%;min-height:220px;background:transparent;overflow:hidden;border-radius:18px}.assistive-overlay-frame video{width:100%;height:100%;object-fit:contain;background:transparent}.assistive-overlay-text{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;padding:.55rem .7rem;border-radius:10px;background:rgba(0,0,0,.72);color:#fff}.assistive-embed-page{margin:0;background:transparent;overflow:hidden}.key-values{display:grid;gap:.65rem}.key-values>div{display:grid;gap:.2rem;padding-bottom:.6rem;border-bottom:1px solid var(--line,#ddd)}.break-all{overflow-wrap:anywhere}.policy-chips{display:flex;flex-wrap:wrap;gap:.5rem}.policy-chips span{padding:.45rem .7rem;border:1px solid var(--line,#ddd);border-radius:999px}.choice-cloud{display:flex;flex-wrap:wrap;gap:.6rem}.choice-cloud label{display:flex;align-items:center;gap:.35rem;padding:.55rem .7rem;border:1px solid var(--line,#ddd);border-radius:12px}.presenter-preview-card .master-status{display:block;margin-top:.25rem;font-size:.7rem}.form-output:empty{display:none}@media(max-width:820px){.assistive-config-grid{grid-template-columns:1fr}.site-integrated-checkout .checkout-shell,.assistive-stream-page{width:min(100% - 20px,1180px)}.movable-sign-window{width:min(42vw,300px)}}


/* Stage 3.5.3 — unified navigation, combined installation and conflict-safe microservice */
:root{--content-wide:1260px;--content-reading:920px;--control-height:44px}
.operational-nav{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding:5px 2px}.nav-chip{flex:0 0 auto;display:inline-flex;align-items:center;min-height:36px;padding:7px 10px;border:1px solid transparent;border-radius:11px;color:var(--muted);font-size:.74rem;font-weight:800;text-decoration:none}.nav-chip:hover,.nav-chip[aria-current="page"]{color:var(--text);border-color:var(--line);background:var(--panel2)}.nav-chip[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--accent)}
.unified-page,.checkout-page,.archive-page{background:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 34rem),radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--accent2) 9%,transparent),transparent 36rem),linear-gradient(180deg,var(--bg2),var(--bg) 54%)}
.unified-content,.integration-shell,.article-shell,.section-block,.owner-layout,.assistive-stream-page{width:min(calc(100% - 32px),var(--content-wide));margin-inline:auto}.integration-shell,.article-shell,.assistive-stream-page{display:grid;gap:16px;padding-block:34px 70px}.integration-shell>.card:first-child,.article-shell>.card:first-child{padding:clamp(22px,3vw,38px)}
.broadcast-hub{width:100%;max-width:var(--content-wide)}.accessible-broadcast-stage{width:min(calc(100% - 32px),var(--content-wide))}.accessible-main-player{width:100%;margin-inline:auto}.player-shell{min-height:clamp(240px,48vw,710px)}
.combined-install-form{display:grid;gap:18px}.combined-install-summary{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}.combined-install-summary p{margin:.35rem 0 .8rem;color:var(--muted)}.combined-install-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deployment-preview{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.deployment-preview code{overflow-wrap:anywhere}.deployment-mapping-card{margin-top:16px}
.checkout-shell{padding:34px 0 70px}.site-integrated-checkout .checkout-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),var(--panel2));box-shadow:var(--shadow)}.site-integrated-checkout .checkout-card>h1{font-size:clamp(2.4rem,5vw,5rem);line-height:.94;letter-spacing:-.055em}.site-integrated-checkout .checkout-card,.site-integrated-checkout .checkout-shell{color:var(--text)}
.owner-layout{grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:18px;padding-block:24px 70px}.owner-layout .sidebar{position:sticky;top:88px;max-height:calc(100vh - 110px);overflow:auto}.owner-layout .owner-content,.owner-layout>div{min-width:0}.owner-layout .card{border-radius:18px}.owner-layout .codebox,.install-log{max-height:280px;overflow:auto}
.section-heading{align-items:end}.section-heading h1,.section-heading h2{max-width:18ch}.form-grid,.grid.cols-2{gap:12px}.field input,.field select,.field textarea,select,input,textarea{min-height:var(--control-height);border-radius:11px}
.assistive-config-grid{align-items:start}.assistive-source-form,.assistive-session-card{border-radius:20px}.assistive-session-card{position:sticky;top:90px}.movable-sign-window{outline:2px solid transparent}.movable-sign-window:focus-within,.movable-sign-window:focus{outline-color:var(--accent)}
.microservice-route-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.route-badge{display:inline-flex;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--accent);font-size:.72rem;font-weight:900}
@media(max-width:1120px){.topbar{grid-template-columns:auto minmax(0,1fr)}.topbar>.header-tools,.topbar>.actions,.topbar>.owner-actions{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}.operational-nav{grid-column:1/-1;order:3}.owner-layout{grid-template-columns:1fr}.owner-layout .sidebar{position:static;display:flex;overflow-x:auto;max-height:none}.owner-layout .sidebar a{flex:0 0 auto}}
@media(max-width:720px){.shell,.unified-content,.integration-shell,.article-shell,.section-block,.owner-layout,.assistive-stream-page,.accessible-broadcast-stage{width:min(calc(100% - 20px),var(--content-wide))}.combined-install-form .form-grid{grid-template-columns:1fr}.site-integrated-checkout .checkout-card>h1{font-size:clamp(2.25rem,12vw,4rem)}.player-shell{min-height:0}.assistive-session-card{position:static}.topbar{gap:12px}.operational-nav{margin-inline:-4px}.nav-chip{font-size:.7rem}.broadcast-intro h1{max-width:32ch;margin-inline:auto}}


/* Stage 3.5.4: stable routes, sticky sign overlay, compact promo and unified activation */
.player-shell,.hero-player,.broadcast-hub{position:relative}.movable-sign-window.is-anchored{position:absolute!important;left:auto!important;top:auto!important;right:clamp(8px,1.2vw,18px)!important;bottom:clamp(8px,1.2vw,18px)!important;width:clamp(180px,25%,360px);height:auto;aspect-ratio:4/5;resize:both}.movable-sign-window.is-hidden{display:none!important}.movable-sign-window.is-detached{position:fixed!important;right:18px!important;bottom:18px!important;left:auto!important;top:auto!important;z-index:90;width:min(340px,38vw);box-shadow:0 26px 90px rgba(0,0,0,.48)}.sign-overlay-toolbar,.sign-embed-toolbar{position:absolute;z-index:5;inset:6px 6px auto 6px;display:flex;justify-content:flex-end;gap:5px;padding:5px;border-radius:10px;background:rgba(3,8,18,.72);backdrop-filter:blur(8px)}.sign-overlay-toolbar button,.sign-embed-toolbar button,.sign-embed-toolbar select{min-width:32px;min-height:30px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.1);color:#fff}.assistive-overlay-frame[data-sign-appearance^="high_contrast"]{outline:4px solid #ffd84c;background:#000}.assistive-overlay-frame[data-sign-appearance$="male"] .sign-placeholder:before{content:'AG · M';}.assistive-overlay-frame[data-sign-appearance$="female"] .sign-placeholder:before{content:'AG · F';}.ticker-with-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.ticker-output-action{display:grid;place-items:center;min-width:94px;border:0;border-left:1px solid var(--line);background:var(--panel2);color:var(--text);font-weight:800}.activation-code-panel{border:1px dashed color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--panel))}.post-payment-presets{background:var(--panel-soft);border-style:dashed}.credential-page .credential-shell{padding-top:42px}.credential-page .credential-card{width:min(760px,calc(100% - 24px));max-width:none}.promo-compact-shell{width:min(980px,100%);margin-inline:auto}.promo-compact-shell video{aspect-ratio:16/9;max-height:min(56vh,560px);object-fit:cover}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){.movable-sign-window.is-detached{width:min(46vw,240px);right:8px;bottom:8px}.ticker-with-action{grid-template-columns:1fr}.ticker-output-action{border-left:0;border-top:1px solid var(--line);min-height:40px}}

/* Stage 3.5.4 navigation hierarchy: six primary destinations plus a complete accessible menu */
.operational-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;overflow:visible;margin:0;padding:7px 0;border-bottom:1px solid var(--line)}
.nav-primary{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:thin;padding:2px}
.nav-more{position:relative;flex:0 0 auto}.nav-more>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font-size:.74rem;font-weight:900;white-space:nowrap}.nav-more>summary::-webkit-details-marker{display:none}.nav-more>summary:after{content:'⌄';font-size:.9em}.nav-more[open]>summary,.nav-more[data-has-current="1"]>summary{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.nav-more-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:120;width:min(360px,calc(100vw - 24px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 97%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.nav-more-menu .nav-chip{white-space:normal;line-height:1.2}.nav-more:not([open]) .nav-more-menu{display:none}
@media(max-width:1120px){.operational-nav{grid-column:1/-1;order:3;width:100%}}
@media(max-width:720px){.operational-nav{grid-template-columns:1fr}.nav-more{width:100%}.nav-more>summary{width:100%;justify-content:space-between}.nav-more-menu{position:static;width:100%;margin-top:8px;grid-template-columns:1fr 1fr;box-shadow:none}.nav-primary{margin-inline:-2px}}
@media(max-width:440px){.nav-more-menu{grid-template-columns:1fr}}


/* Stage 3.5.5 — full compact broadcast console */
.promo-compact-shell{width:min(var(--content-wide),100%)}
.promo-compact-shell video{max-height:min(68vh,720px)}
.movable-sign-window{display:flex;flex-direction:column;background:#07101d;border:1px solid rgba(255,255,255,.22);border-radius:16px}
.movable-sign-window>.sign-video,.movable-sign-window>.sign-placeholder{width:100%;height:100%;min-height:0;flex:1;object-fit:contain;border-radius:0 0 14px 14px}
.sign-overlay-toolbar{position:relative;inset:auto;flex:0 0 auto;align-items:center;justify-content:flex-end;cursor:move}
.sign-overlay-toolbar>span{margin-right:auto;padding-inline:.35rem;font-size:.68rem;font-weight:900;color:#fff;letter-spacing:.05em}
.output-ticker-stack{gap:6px;margin-top:10px}
.output-ticker-stack .output-ticker{min-height:46px;grid-template-columns:minmax(76px,108px) minmax(0,1fr) auto;border-radius:12px}
.output-ticker-stack .output-ticker>strong{padding:7px 10px;font-size:.66rem}
.output-ticker-stack .ticker-track{font-size:1.04rem;padding-inline:22px}
.output-ticker-stack .language-track{font:700 .82rem/1.35 var(--font-sans,system-ui,sans-serif);letter-spacing:0}
.output-ticker-stack .morse-ticker .ticker-track{font-size:.82rem}
.output-ticker-stack .ticker-output-action{min-width:72px;padding:.35rem .55rem;font-size:.7rem}
.compact-output-console{margin-top:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel2);overflow:hidden}
.compact-output-console>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:12px 14px;list-style:none}
.compact-output-console>summary::-webkit-details-marker{display:none}
.compact-output-console>summary>span:first-child{display:grid;gap:2px}
.compact-output-console>summary small{color:var(--muted);font-size:.72rem}
.console-summary-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}
.console-summary-badges b{padding:.28rem .48rem;border:1px solid var(--line);border-radius:999px;font-size:.6rem;color:var(--muted)}
.output-console-body{padding:0 12px 12px}
.output-console-tabs{display:flex;gap:6px;overflow:auto;padding:8px 0;border-top:1px solid var(--line)}
.output-console-tabs button{flex:0 0 auto;min-height:34px;padding:.35rem .65rem;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-weight:800;font-size:.7rem}
.output-console-tabs button.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
.output-console-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:end;padding-top:6px}
.output-console-panel[hidden]{display:none!important}
.output-console-panel label{display:grid;gap:4px;font-size:.68rem;font-weight:800}
.output-console-panel select,.output-console-panel input{min-height:38px}
.output-console-panel .inline-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.output-console-panel .device-control-status{grid-column:1/3}
.output-console-panel .pairing-result{grid-column:1/-1}
@media(max-width:760px){.promo-compact-shell{width:100%}.output-ticker-stack .output-ticker{grid-template-columns:66px minmax(0,1fr) 58px}.output-ticker-stack .ticker-output-action{min-width:58px}.output-console-panel{grid-template-columns:1fr}.output-console-panel .device-control-status{grid-column:auto}.console-summary-badges b:nth-child(n+4){display:none}.movable-sign-window.is-anchored{width:clamp(140px,34%,240px)}}


/* Stage 3.5.7 adaptive navigation, unified live console and sign window */
.site-header,.owner-header{position:sticky;top:0;z-index:90;backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 88%,transparent)}
.operational-nav{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.nav-primary{display:flex;gap:7px;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:thin;padding:3px 0}.nav-primary .nav-chip{flex:0 0 auto;white-space:nowrap}.nav-more{position:relative;flex:0 0 auto}.nav-more>summary{list-style:none;cursor:pointer}.nav-more>summary::-webkit-details-marker{display:none}.nav-more-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:120;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:7px;width:min(520px,92vw);padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}
.player-shell{width:100%;max-width:1180px;margin-inline:auto}.broadcast-console{max-width:1220px;margin-inline:auto}.sign-placeholder,.sign-video,[data-movable-sign-window]{right:clamp(8px,1.4vw,18px);bottom:clamp(8px,1.4vw,18px);width:clamp(150px,24%,280px);max-height:82%;z-index:24;box-shadow:0 16px 42px rgba(0,0,0,.38)}
[data-movable-sign-window].is-anchored{position:absolute!important;left:auto!important;top:auto!important}[data-movable-sign-window].is-detached{position:fixed!important;right:18px!important;bottom:18px!important;left:auto!important;top:auto!important;width:min(360px,calc(100vw - 24px))!important;z-index:180}[data-movable-sign-window].is-hidden{display:none!important}
.sign-embed-toolbar{display:flex;align-items:center;gap:6px;position:absolute;right:6px;top:6px;z-index:4;padding:5px;border-radius:10px;background:rgba(8,12,18,.78);backdrop-filter:blur(10px)}.sign-embed-toolbar button,.sign-embed-toolbar select{min-height:32px;border-radius:8px}
.output-ticker-stack{display:grid;gap:7px;margin-top:9px}.output-ticker{min-height:38px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 7px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);overflow:hidden}.ticker-viewport{min-width:0;overflow:hidden;white-space:nowrap}.ticker-track{display:inline-block;min-width:max-content;animation:aiginTicker var(--ticker-duration,32s) linear infinite}.accessibility-tickers.is-paused .ticker-track{animation-play-state:paused}@keyframes aiginTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.stream-control-hub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.stream-control-card{border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:12px;display:grid;gap:8px}.stream-control-card h3{font-size:.9rem;margin:0}.stream-control-card p{font-size:.78rem;color:var(--muted);margin:0}.stream-control-card .actions{display:flex;flex-wrap:wrap;gap:6px}.stream-control-card a{font-size:.75rem}
.live-output-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin:10px 0}.live-output-toolbar label{display:grid;gap:4px;font-size:.72rem}.live-output-toolbar select,.live-output-toolbar input{min-height:38px}
.assistive-device-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.device-status-list{display:grid;gap:7px}.device-status{display:flex;justify-content:space-between;gap:10px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
@media(max-width:980px){.stream-control-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-more-menu{grid-template-columns:1fr}.hero-stage{grid-template-columns:1fr}.assistive-device-panel{grid-template-columns:1fr}}
@media(max-width:720px){.site-header .shell,.owner-header .shell{display:grid!important;grid-template-columns:1fr auto;gap:8px}.operational-nav{grid-column:1/-1;order:3}.nav-primary{max-width:100%;padding-bottom:6px}.nav-more{margin-left:auto}.stream-control-hub{grid-template-columns:1fr}.output-ticker{grid-template-columns:auto minmax(0,1fr)}.ticker-output-action{grid-column:1/-1;width:100%}.sign-placeholder,.sign-video,[data-movable-sign-window]{width:clamp(128px,34vw,190px)}.broadcast-console{padding:9px;border-radius:16px}.player-shell{border-radius:12px}.section-heading{grid-template-columns:1fr!important}.dual-toolbar{display:grid!important}.output-grid{grid-template-columns:1fr!important}}
@media(max-width:420px){.sign-placeholder,.sign-video,[data-movable-sign-window]{width:120px;right:6px;bottom:6px}.nav-chip,.nav-more>summary{font-size:.72rem;padding:8px 10px}.hero-copy h1{font-size:clamp(2.5rem,15vw,4rem)}.output-ticker strong{font-size:.65rem}.ticker-track{font-size:.72rem}}


/* Stage 3.5.8 adaptive TV programme, consent and mobile navigation */
.stack-gap{display:grid;gap:18px}.hero-compact h1{max-width:18ch}.responsive-program-grid{align-items:start}.category-preference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.category-preference{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.category-preference small{min-height:2.8em;color:var(--muted)}.category-preference input[type=range]{width:100%}.epg-list,.epg-public-list{display:grid;gap:8px}.epg-list article,.epg-public-list article{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.epg-list article:last-child,.epg-public-list article:last-child{border-bottom:0}.epg-list small,.epg-public-list small{display:block;color:var(--muted);margin-top:4px}.on-air-card{padding:16px;border:1px solid var(--accent);border-radius:16px;background:var(--surface-2)}.live-dot{color:#ff557a;font-weight:800;letter-spacing:.08em}.compact-log:empty{display:none}.cookie-center{position:fixed;z-index:1200;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));max-width:920px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;box-shadow:0 24px 80px rgba(0,0,0,.35)}.cookie-center h2{font-size:clamp(1.05rem,2vw,1.35rem);margin:0 0 6px}.cookie-center p{margin:0;color:var(--muted)}.cookie-center details{grid-column:1/-1}.consent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.consent-grid label{padding:10px;border:1px solid var(--border);border-radius:10px}.operational-nav .nav-primary{scrollbar-width:thin}.operational-nav.is-overflowing .nav-primary{mask-image:linear-gradient(90deg,transparent 0,#000 20px,#000 calc(100% - 30px),transparent)}
@media(max-width:980px){.category-preference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-program-grid{grid-template-columns:1fr}.site-header .topbar{display:grid;grid-template-columns:1fr auto;gap:10px}.operational-nav{grid-column:1/-1;order:3;width:100%}.operational-nav .nav-primary{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:5px}.operational-nav .nav-chip{flex:0 0 auto}.topbar>.actions{max-width:100%;overflow-x:auto}.owner-layout{grid-template-columns:1fr}.owner-layout>.sidebar{position:static;display:flex;overflow-x:auto;gap:8px}.owner-layout>.sidebar a{flex:0 0 auto}}
@media(max-width:640px){.category-preference-grid{grid-template-columns:1fr}.cookie-center{grid-template-columns:1fr;padding:16px}.cookie-center .actions{display:grid;grid-template-columns:1fr}.consent-grid{grid-template-columns:1fr}.epg-list article,.epg-public-list article{grid-template-columns:82px minmax(0,1fr)}.installer-card{border-radius:18px}.installer-stage-grid{grid-template-columns:1fr}.form-grid,.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}.topbar .brand-copy small{display:none}.site-header{position:sticky;top:0}.operational-nav .nav-more{position:static}.nav-more-menu{position:fixed;left:12px;right:12px;top:72px;max-height:70vh;overflow:auto;z-index:1000}}

/* Stage 3.5.9 — role-aware navigation, stable theme state, mobile layout hardening */
.site-header .topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:64px}
.operational-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-width:0!important;overflow:visible!important;border:0!important;padding:0!important}
.operational-nav .nav-primary{display:flex!important;gap:7px!important;min-width:0!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scrollbar-width:thin}
.nav-more{position:relative!important;align-self:center}.nav-more-menu{position:absolute!important;right:0!important;left:auto!important;top:calc(100% + 8px)!important;width:min(440px,calc(100vw - 24px))!important;max-height:min(70vh,560px)!important;overflow:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--shadow)!important;z-index:1000!important}.nav-more:not([open]) .nav-more-menu{display:none!important}
.account-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.service-tile{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel2);color:var(--text);text-decoration:none}.service-tile span{color:var(--muted);font-size:.82rem}
@media(max-width:980px){.site-header .topbar{grid-template-columns:auto minmax(0,1fr)!important}.site-header .topbar>.header-tools,.site-header .topbar>.actions,.site-header .topbar>.owner-actions{grid-column:1/-1!important;display:flex;justify-content:flex-end;flex-wrap:wrap}.operational-nav{grid-column:1/-1!important;order:3!important}.account-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.site-header .topbar{grid-template-columns:1fr auto!important;width:min(100% - 16px,var(--content-wide));gap:8px!important}.operational-nav{grid-template-columns:1fr!important}.operational-nav .nav-primary{display:grid!important;grid-template-columns:1fr 1fr!important;overflow:visible!important}.nav-primary .nav-chip{justify-content:center;text-align:center;white-space:normal!important;min-height:42px}.nav-more{width:100%!important}.nav-more>summary{width:100%!important;justify-content:space-between}.nav-more-menu{position:static!important;width:100%!important;max-height:none!important;margin-top:8px!important;grid-template-columns:1fr!important;box-shadow:none!important}.account-service-grid{grid-template-columns:1fr}.cookie-center{left:8px!important;right:8px!important;bottom:8px!important;max-height:52vh;overflow:auto}.cookie-center details{max-height:26vh;overflow:auto}}


/* Stage 3.6.0 tariff matrix, messaging and mesh placement */
.tariff-matrix-card{padding:0!important;overflow:hidden}.tariff-matrix-wrap{border:0;border-radius:0}.tariff-matrix{min-width:980px}.tariff-matrix thead th{position:sticky;top:0;background:var(--panel);z-index:2}.tariff-matrix thead th:not(:first-child){min-width:190px}.tariff-matrix thead strong,.tariff-matrix thead small{display:block;margin-top:7px}.tariff-matrix tbody th{width:230px;color:var(--text);text-transform:none;letter-spacing:0;font-size:.82rem;background:color-mix(in srgb,var(--panel2) 82%,transparent)}.tariff-matrix td{line-height:1.45}.message-identity{padding:20px}.message-list{display:grid;gap:10px}.message-item{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.message-item strong,.message-item small{display:block}.message-item small{color:var(--muted);margin-top:4px}.message-item p{margin:.7rem 0 0;white-space:normal;overflow-wrap:anywhere}.wide-row{grid-column:1/-1}
@media(max-width:720px){.tariff-matrix-wrap{overflow-x:auto;scroll-snap-type:x proximity}.tariff-matrix th,.tariff-matrix td{scroll-snap-align:start}.tariff-matrix tbody th{position:sticky;left:0;z-index:1}.message-identity .stat{width:100%}}

/* Stage 3.6.2 — final runtime/layout overrides. Kept last intentionally to neutralise legacy !important collisions. */
:where(.card,.section-block,.stream-control-card,.output-console-panel,.owner-layout,.main-stack) h1,
:where(.card,.section-block,.stream-control-card,.output-console-panel,.owner-layout,.main-stack) h2,
:where(.card,.section-block,.stream-control-card,.output-console-panel,.owner-layout,.main-stack) h3,
:where(.card,.section-block,.stream-control-card,.output-console-panel,.owner-layout,.main-stack) p,
:where(.card,.section-block,.stream-control-card,.output-console-panel,.owner-layout,.main-stack) a,
:where(.card,.section-block,.stream-control-card,.output-console-panel,.owner-layout,.main-stack) label{overflow-wrap:anywhere;word-break:normal}
.owner-layout{align-items:start}.owner-sidebar{position:sticky!important;top:82px!important;display:grid!important;gap:5px!important;max-height:calc(100vh - 100px)!important;overflow:auto!important;z-index:8!important;pointer-events:auto!important}.owner-sidebar a{display:flex!important;align-items:center!important;min-height:40px!important;padding:9px 11px!important;border-radius:10px!important;color:var(--text)!important;text-decoration:none!important;white-space:normal!important;line-height:1.25!important}.owner-sidebar a:hover,.owner-sidebar a:focus-visible,.owner-sidebar a.is-active{background:var(--panel2)!important;outline:1px solid var(--line)!important}.main-stack>.section,.main-stack>[id]{scroll-margin-top:92px}
.player-shell{position:relative!important;isolation:isolate;overflow:hidden!important;aspect-ratio:16/9;min-height:0!important;background:#03070d}.player-shell>video,.player-shell>iframe,[data-main-player]{width:100%!important;height:100%!important;object-fit:cover!important;border:0!important;display:block}.promo-compact-shell{max-width:1180px;margin-inline:auto}.accessible-main-player{width:100%;max-width:none}
.movable-sign-window{z-index:35!important;max-width:min(38vw,390px)!important;max-height:min(72vh,520px)!important;touch-action:none!important;box-sizing:border-box!important}.movable-sign-window.is-anchored{position:absolute!important;right:12px!important;bottom:12px!important;left:auto!important;top:auto!important;width:clamp(170px,25%,320px)!important;margin:0!important}.movable-sign-window.is-detached{position:fixed!important;right:auto!important;bottom:auto!important;margin:0!important;width:clamp(180px,26vw,360px)!important;box-shadow:0 18px 60px rgba(0,0,0,.45)!important}.movable-sign-window.is-hidden{display:none!important}.sign-overlay-toolbar{cursor:grab!important;display:grid!important;grid-template-columns:minmax(0,1fr) repeat(4,32px)!important;gap:4px!important;align-items:center!important;min-height:38px!important;padding:4px 5px!important;background:rgba(6,12,21,.92)!important;color:#fff!important}.sign-overlay-toolbar:active{cursor:grabbing!important}.sign-overlay-toolbar button{cursor:pointer!important;width:32px!important;height:30px!important;padding:0!important;touch-action:manipulation!important}.sign-video,.sign-placeholder,.movable-sign-window iframe{display:block!important;width:100%!important;height:auto!important;max-height:calc(min(72vh,520px) - 38px)!important;aspect-ratio:9/16!important;object-fit:cover!important}.sign-placeholder{min-height:150px!important;place-content:center!important;text-align:center!important;padding:12px!important}
.output-ticker-stack{display:grid!important;gap:7px!important}.output-ticker{min-height:40px!important}.output-ticker .ticker-output-action{white-space:nowrap!important}.light-output-preview{display:flex;align-items:center;gap:10px}.light-lamp{width:38px;height:38px;border-radius:50%;background:#252a32;border:1px solid var(--line);box-shadow:inset 0 0 0 8px rgba(255,255,255,.02)}.light-lamp.is-on{background:#fff7b0;box-shadow:0 0 22px rgba(255,246,154,.95),0 0 55px rgba(255,246,154,.45)}.semaphore-token-list{display:flex;gap:6px;flex-wrap:wrap}.semaphore-token-list code{padding:4px 7px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}
.output-console-tabs{display:flex!important;overflow-x:auto!important;gap:6px!important;padding-bottom:4px!important;scrollbar-width:thin}.output-console-tabs button{flex:0 0 auto!important}.technical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.technical-grid label{display:grid;gap:4px}.technical-grid select,.technical-grid input{width:100%;min-width:0}.output-endpoint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.output-endpoint-grid a{min-width:0;text-align:center}
.cookie-center{width:min(920px,calc(100vw - 24px))!important;max-height:min(62vh,560px)!important;overflow:auto!important;overscroll-behavior:contain!important}.cookie-center[hidden]{display:none!important}
.nav-more-menu{overscroll-behavior:contain}.site-header{z-index:90}.operational-nav,.operational-nav *{box-sizing:border-box}.nav-primary .nav-chip{line-height:1.15}.nav-more>summary{cursor:pointer}
@media(max-width:1100px){.technical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.output-endpoint-grid{grid-template-columns:1fr 1fr}.owner-layout{grid-template-columns:1fr!important}.owner-sidebar{position:relative!important;top:auto!important;display:flex!important;overflow-x:auto!important;max-height:none!important;gap:6px!important}.owner-sidebar a{flex:0 0 auto!important;max-width:240px!important}}
@media(max-width:640px){.site-header .topbar{grid-template-columns:1fr!important}.site-header .brand{justify-self:start}.site-header .header-tools{grid-column:1!important;justify-content:flex-start!important}.operational-nav{grid-column:1!important;width:100%!important}.operational-nav .nav-primary{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:6px!important}.nav-more-menu{position:static!important;width:100%!important;max-height:55vh!important;overflow:auto!important}.technical-grid,.output-endpoint-grid{grid-template-columns:1fr}.movable-sign-window.is-anchored{right:6px!important;bottom:6px!important;width:clamp(126px,36vw,180px)!important}.movable-sign-window.is-detached{width:clamp(150px,48vw,220px)!important;max-height:58vh!important}.sign-overlay-toolbar{grid-template-columns:minmax(0,1fr) repeat(4,28px)!important;font-size:.66rem!important}.sign-overlay-toolbar button{width:28px!important;height:28px!important}.cookie-center{left:6px!important;right:6px!important;bottom:6px!important;width:auto!important;max-height:58vh!important;padding:12px!important}.consent-grid{grid-template-columns:1fr!important}.output-ticker{grid-template-columns:auto minmax(0,1fr) auto!important}.ticker-output-action{grid-column:auto!important;width:auto!important;font-size:.7rem!important;padding:6px!important}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important;transform:none!important}.ticker-viewport{overflow:auto!important}.movable-sign-window{transition:none!important}}
/* Stage 3.6.2 — large language/catalog forms and stable section navigation. */
.language-checkbox-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;max-height:320px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}
.language-checkbox-list label{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 8px;border-radius:9px}.language-checkbox-list label:hover{background:var(--panel)}
.owner-sidebar a[href^="#"]{scroll-margin-top:92px}.main-stack section[id],.main-stack div[id]{scroll-margin-top:96px}
@media(max-width:640px){.language-checkbox-list{grid-template-columns:1fr;max-height:260px}.account-layout,.owner-layout{width:min(100% - 12px,1220px)!important;margin-inline:auto!important}.main-stack{min-width:0!important}.card{overflow-wrap:anywhere}.table-wrap{max-width:100%;overflow:auto}}
/* stage3.6.4 guided service wizards */
.wizard-steps{display:grid;gap:16px}.wizard-step{border:1px solid var(--line,#444);border-radius:18px;padding:18px}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.choice-grid label{display:flex;gap:8px;align-items:flex-start}.wizard-result{white-space:pre-wrap;max-height:420px;overflow:auto}.wizard-actions{display:flex;flex-wrap:wrap;gap:10px}.lang-scroll{max-height:240px;overflow:auto;border:1px solid var(--line,#444);border-radius:12px;padding:10px}

/* stage3.6.4 contextual guided automation */
.wizard-context{display:flex;justify-content:flex-end;gap:.5rem;margin:0 0 .75rem}.wizard-context .btn{white-space:normal;text-align:center}@media(max-width:720px){.wizard-context{justify-content:stretch}.wizard-context .btn{width:100%}}

/* Stage 3.6.9 unified installer: every install/legal/FAQ state shares the selected theme. */
.installer-card{overflow:hidden}.installer-header{align-items:center}.installer-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}.installer-toolbar .compact-select{min-width:150px;max-width:220px}.installer-subnav{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 8px;padding:8px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel2) 82%,transparent)}.installer-subnav a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border-radius:11px;color:var(--muted);text-decoration:none;font-size:.78rem;font-weight:800}.installer-subnav a:hover,.installer-subnav a[aria-current="page"]{color:var(--text);background:color-mix(in srgb,var(--accent) 13%,var(--panel3));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 34%,var(--line))}.installer-info-page{display:grid;gap:22px;padding-top:8px}.installer-title.compact{margin:30px 0 4px;max-width:840px}.installer-title.compact h1{max-width:18ch;font-size:clamp(2rem,5vw,4.2rem)}.installer-legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.installer-legal-grid article,.installer-legal-copy,.installer-faq-list details,.installer-stage-guide article,.installer-safety-note,.installer-launch-card,.installer-auto-detected,.installer-permission-step{padding:18px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel2) 86%,transparent)}.installer-legal-grid h2,.installer-legal-copy h2,.installer-stage-guide h2{margin:0 0 7px;font-size:1rem}.installer-legal-grid p,.installer-legal-copy p,.installer-faq-list p,.installer-stage-guide p,.installer-permission-step p{margin:0;color:var(--muted);line-height:1.6}.installer-legal-copy{display:grid;gap:9px}.installer-legal-copy h2:not(:first-child){margin-top:14px}.installer-faq-list{display:grid;gap:10px}.installer-faq-list details{padding:0}.installer-faq-list summary{cursor:pointer;padding:16px 18px;font-weight:850}.installer-faq-list details p{padding:0 18px 18px}.installer-stage-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.installer-stage-guide article{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.installer-safety-note{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel2))}.installer-environment-summary{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.installer-launch-card{display:grid;gap:16px}.combined-install-form{margin-top:18px}.combined-install-summary,.installer-auto-detected,.installer-permission-step{display:grid;gap:8px}.installer-permission-step{grid-template-columns:auto minmax(0,1fr);align-items:start;border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.installer-policy-chips,.policy-chips{display:flex;flex-wrap:wrap;gap:8px}.installer-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}.installer-footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.installer-footer a{color:var(--muted);text-decoration:none}.installer-footer a:hover{color:var(--text)}.installer-cookie-center{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 98%,transparent),color-mix(in srgb,var(--panel2) 96%,transparent));border:1px solid var(--line);transition:opacity .18s ease,transform .18s ease}.installer-cookie-center.is-saved{opacity:.45;transform:translateY(10px)}.cookie-legal-shortcuts{display:flex;flex-wrap:wrap;gap:12px}.cookie-legal-shortcuts a{font-size:.78rem;font-weight:750;color:var(--accent)}
@media(max-width:760px){.installer-shell{width:min(calc(100% - 16px),1040px);margin:10px auto 36px}.installer-card{padding:18px}.installer-header{display:grid;gap:14px}.installer-toolbar{justify-content:flex-start}.installer-toolbar .compact-select{flex:1;min-width:0;max-width:none}.installer-subnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.installer-subnav a{justify-content:center;text-align:center}.installer-legal-grid,.installer-stage-guide{grid-template-columns:1fr}.installer-footer{align-items:flex-start;flex-direction:column}.installer-footer-links{width:100%}.installer-title{margin-top:28px}.installer-title h1{font-size:clamp(2rem,12vw,3.6rem)}.installer-permission-step{grid-template-columns:1fr}.installer-toolbar .installer-version{width:100%;justify-content:center}}

/* Stage 3.6.10 — guaranteed contrast for all five themes and every embedded control. */
:root{
  --control-bg:#0b1320;--control-bg-2:#101b2b;--control-text:#f8fbff;--control-muted:#b9c6d8;--control-border:rgba(255,255,255,.24);
  --code-bg:#05080d;--code-text:#f7fbff;--code-muted:#b7c4d7;--focus-ring:#78ddff;
}
html[data-theme="minimal"]{--control-bg:#ffffff;--control-bg-2:#f1f3f4;--control-text:#101318;--control-muted:#4f5965;--control-border:#8a939d;--code-bg:#161a20;--code-text:#f7f8fa;--code-muted:#cad0d8;--focus-ring:#08647a}
html[data-theme="graphite"]{--control-bg:#0e131a;--control-bg-2:#171e27;--control-text:#ffffff;--control-muted:#c1cad6;--control-border:#596573;--code-bg:#030507;--code-text:#f8fbff;--code-muted:#bdc7d4;--focus-ring:#e9b85f}
html[data-theme="cosmic"]{--control-bg:#06152a;--control-bg-2:#0b2341;--control-text:#ffffff;--control-muted:#bfd7f4;--control-border:#4e8bb7;--code-bg:#020813;--code-text:#f4fbff;--code-muted:#b7d2eb;--focus-ring:#64ddff}
html[data-theme="couture"]{--control-bg:#221821;--control-bg-2:#312230;--control-text:#fffdfb;--control-muted:#decbd6;--control-border:#8a6879;--code-bg:#100b10;--code-text:#fff9fc;--code-muted:#ddcbd5;--focus-ring:#e7b682}
html[data-theme="atelier"]{--control-bg:#fffdf8;--control-bg-2:#f0e9de;--control-text:#1f1a16;--control-muted:#5d544b;--control-border:#8c7a68;--code-bg:#211c18;--code-text:#fffaf4;--code-muted:#d9cec1;--focus-ring:#8d4f2d}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea,
.compact-select,.settings-dialog input,.settings-dialog select,.settings-dialog textarea,
.installer-card input,.installer-card select,.installer-card textarea,.wizard-step input,.wizard-step select,.wizard-step textarea{
  background:var(--control-bg)!important;color:var(--control-text)!important;border-color:var(--control-border)!important;
  caret-color:var(--control-text);-webkit-text-fill-color:var(--control-text);color-scheme:normal;
}
input::placeholder,textarea::placeholder{color:var(--control-muted)!important;opacity:1}
select option,select optgroup{background:var(--control-bg)!important;color:var(--control-text)!important}
input:disabled,select:disabled,textarea:disabled{background:var(--control-bg-2)!important;color:var(--control-muted)!important;-webkit-text-fill-color:var(--control-muted)!important;opacity:.78}
input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--focus-ring) 72%,transparent)!important;outline-offset:2px!important}
.install-log,.form-output,.job-log,.codebox,.wizard-result,.installer-details pre,.output-card pre{
  background:var(--code-bg)!important;color:var(--code-text)!important;border-color:var(--control-border)!important;
}
.install-log code,.form-output code,.job-log code,.codebox code,.wizard-result code{color:var(--code-text)!important}
.field>span,label,.technical-grid label,.wizard-step label{color:var(--text)}
.field small,.technical-grid small,.wizard-step small{color:var(--muted)}
.notice,.alert,.installer-legal-copy,.installer-faq-list details,.installer-stage-guide article,.installer-launch-card,.installer-auto-detected,.installer-permission-step{
  color:var(--text)
}

/* Unified settings/service-wizard progress uses the same visual language as installer progress. */
.wizard-progress-shell{display:grid;gap:10px;margin:0 0 22px;padding:16px 18px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--panel2) 88%,transparent)}
.wizard-progress-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.wizard-progress-head strong{font-size:.82rem}.wizard-progress-head output{font-weight:950;font-variant-numeric:tabular-nums;color:var(--accent)}
.wizard-progress-track{position:relative;height:13px;border-radius:999px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);background:color-mix(in srgb,var(--bg) 72%,var(--panel2))}
.wizard-progress-track>span{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent2),var(--accent));box-shadow:0 0 24px color-mix(in srgb,var(--accent) 35%,transparent);transition:width .5s cubic-bezier(.22,.61,.36,1)}
.wizard-progress-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.wizard-progress-stages span{height:5px;border-radius:99px;background:color-mix(in srgb,var(--line) 75%,transparent)}.wizard-progress-stages span.is-complete{background:var(--accent)}
@media(max-width:640px){.wizard-progress-stages{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Contrast presentation modes for source video and sign interpreter. */
.contrast-output-preview{position:relative;overflow:hidden;border:2px solid var(--control-border);border-radius:16px;background:#000;min-height:180px}
.contrast-output-preview video,.contrast-output-preview iframe,.contrast-output-preview img{display:block;width:100%;height:100%;min-height:180px;object-fit:contain;background:#000}
[data-video-contrast="high"] video,[data-video-contrast="high"] iframe{filter:contrast(1.55) saturate(.82) brightness(1.08)}
[data-video-contrast="mono"] video,[data-video-contrast="mono"] iframe{filter:grayscale(1) contrast(1.75) brightness(1.08)}
[data-video-contrast="inverse"] video,[data-video-contrast="inverse"] iframe{filter:invert(1) hue-rotate(180deg) contrast(1.18)}
[data-sign-contrast="high"],.assistive-overlay-frame[data-sign-appearance^="high_contrast"]{background:#000!important;color:#fff!important;outline:4px solid #ffdf4d!important;box-shadow:0 0 0 2px #000,0 0 0 6px #ffdf4d!important}
[data-sign-contrast="mono"]{filter:grayscale(1) contrast(1.7)}
[data-sign-contrast="inverse"]{filter:invert(1) hue-rotate(180deg) contrast(1.2)}
.contrast-mode-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;border:1px solid var(--control-border);background:var(--control-bg);color:var(--control-text);font-size:.7rem;font-weight:850}

/* Stage 3.6.10: unified progress feedback for every asynchronous settings form. */
.form-progress-shell{grid-column:1/-1;display:grid;gap:.38rem;margin-top:.55rem;min-width:0}.form-progress-head{display:flex;justify-content:flex-end;color:var(--muted);font-size:.72rem;font-weight:850}.form-progress-track{position:relative;height:9px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 80%,var(--text) 20%);border-radius:999px;background:color-mix(in srgb,var(--control-bg,var(--panel2)) 82%,var(--bg));box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.form-progress-track>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .28s cubic-bezier(.2,.8,.2,1)}.form-progress-shell[data-state="complete"] .form-progress-track>span{background:linear-gradient(90deg,var(--ok,#38c989),color-mix(in srgb,var(--ok,#38c989) 65%,var(--accent2)))}.form-progress-shell[data-state="error"] .form-progress-track>span{background:linear-gradient(90deg,var(--danger,#ff627d),color-mix(in srgb,var(--danger,#ff627d) 62%,var(--accent2)))}

/* Stage 3.6.10 final — Volia Ukraine authenticated theme and installer first-screen layout. */
html[data-theme="volia"]{
  --bg:#06162c;--bg2:#082b55;--panel:#0b2444;--panel2:#10365f;--panel3:#164874;
  --text:#fffdf2;--muted:#c9dcf0;--line:rgba(255,216,67,.28);--accent:#ffd843;--accent2:#2f8cff;
  --danger:#ff6f74;--ok:#76e3ad;--shadow:0 24px 70px rgba(0,16,45,.42);color-scheme:dark;
  --control-bg:#071d38;--control-bg-2:#0e315a;--control-text:#fffdf2;--control-muted:#c7daf0;--control-border:#6d93b9;
  --code-bg:#030e1d;--code-text:#fff8d7;--code-muted:#c3d6ea;--focus-ring:#ffd843;
}
html[data-theme="volia"] body{
  background:
    linear-gradient(180deg,rgba(0,91,187,.22),transparent 34%),
    radial-gradient(circle at 16% 3%,rgba(0,91,187,.42),transparent 30rem),
    radial-gradient(circle at 84% 12%,rgba(255,213,0,.17),transparent 34rem),
    linear-gradient(180deg,var(--bg2),var(--bg) 54%);
}
html[data-theme="volia"] body:before{
  opacity:.23;background-image:
    linear-gradient(135deg,transparent 46%,rgba(255,213,0,.22) 47% 49%,transparent 50%),
    radial-gradient(circle,rgba(55,142,230,.48) 0 1px,transparent 1.4px);
  background-size:96px 96px,72px 72px;
}
html[data-theme="volia"] .mark{background:linear-gradient(180deg,#1f7fe6 0 50%,#ffd500 50% 100%);color:#071a32}
html[data-theme="volia"] .btn.primary{background:linear-gradient(135deg,#ffd500,#ffe66a 58%,#58a8ff);color:#06162c}
html[data-theme="volia"] .site-header{border-bottom-color:rgba(255,213,0,.32)}
.volia-discount-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:linear-gradient(90deg,rgba(0,91,187,.24),rgba(255,213,0,.18));border:1px solid rgba(255,213,0,.5);color:var(--text);font-size:.7rem;font-weight:900}

/* The operational part of install.php occupies the first viewport. Long legal/help
   copy starts after it, while stage explanations remain immediately below progress. */
.installer-live-zone{display:grid;gap:14px;align-content:start;min-height:calc(100svh - 150px);padding-bottom:16px}
.installer-live-zone .installer-title{margin:20px 0 4px}.installer-live-zone .installer-title h1{font-size:clamp(2.35rem,6.4vh,5.4rem);margin-bottom:12px}
.installer-live-zone .installer-title p{margin-bottom:8px}.installer-live-zone .installer-environment-summary{margin:4px 0 8px}
.installer-live-zone .installer-launch-card{padding:14px 16px;gap:10px}.installer-live-zone .combined-install-form{margin-top:0}
.installer-live-zone .installer-progress-block{margin-top:0;padding-top:4px}.installer-live-zone .section-heading{margin-bottom:12px}
.installer-live-zone .section-heading h2{font-size:clamp(1.35rem,2.7vw,2.25rem);margin:4px 0 6px}
.installer-live-stage-help{display:grid;gap:10px;margin-top:8px;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel2) 86%,transparent)}
.installer-live-stage-help .section-mini-head{align-items:center}.installer-live-stage-help .section-mini-head h2{font-size:.9rem;margin:0}.installer-live-stage-help .section-mini-head p{margin:0;color:var(--muted);font-size:.72rem}
.installer-stage-guide.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.installer-stage-guide.compact article{padding:8px 9px;border-radius:11px;gap:8px;min-height:58px}.installer-stage-guide.compact .stage-number{width:25px;height:25px;font-size:.62rem}.installer-stage-guide.compact h2{font-size:.7rem;margin:0 0 2px}.installer-stage-guide.compact p{font-size:.6rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.installer-secondary-zone{padding-top:26px;margin-top:10px;border-top:1px solid var(--line)}.installer-secondary-zone>.section-heading{margin-bottom:16px}.installer-secondary-zone>.section-heading h2{font-size:clamp(1.45rem,3vw,2.7rem)}
.installer-policy-chips span,.policy-chips span[data-ready-feature]{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid color-mix(in srgb,var(--ok) 55%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--ok) 12%,var(--panel2));color:var(--ok);font-size:.68rem;font-weight:850}
.micro-badge.ok{background:color-mix(in srgb,var(--ok) 12%,var(--panel2));color:var(--ok)!important;border-color:color-mix(in srgb,var(--ok) 58%,var(--line))!important}
@media(max-height:900px) and (min-width:761px){.installer-live-zone{min-height:auto}.installer-live-zone .installer-title h1{font-size:clamp(2rem,5vh,3.6rem)}.installer-live-stage-help{padding:10px}.installer-stage-guide.compact article{min-height:50px;padding:6px 8px}.installer-stage-guide.compact p{display:none}}
@media(max-width:900px){.installer-stage-guide.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.installer-live-zone{min-height:auto}}
@media(max-width:620px){.installer-stage-guide.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.installer-live-stage-help .section-mini-head{align-items:flex-start;flex-direction:column}}

/* Stage 3.6.10 RC: a single operational installer viewport. The explanatory
   stage cards are the actual live status nodes, so progress and help can never
   drift apart or duplicate vertical space. */
.installer-progress-block{display:grid;gap:8px}
.installer-progress-block>.progress-track{margin:2px 0 0;height:11px}
.installer-progress-caption{margin:0;font-size:.68rem}
.installer-progress-block .installer-live-stage-help{margin:2px 0 0;padding:9px 10px;gap:7px}
.installer-progress-block .installer-stage-grid{margin:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.installer-progress-block .installer-stage{min-width:0;min-height:48px;padding:6px 7px;gap:6px;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;opacity:.82}
.installer-progress-block .installer-stage .stage-number{font-size:.58rem}
.installer-progress-block .installer-stage strong{font-size:.64rem;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.installer-progress-block .installer-stage small{font-size:.58rem;line-height:1.08;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.installer-progress-block .installer-stage p{margin:2px 0 0;font-size:.55rem;line-height:1.08;color:var(--muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.installer-progress-block .installer-stage .stage-state{font-size:.72rem}
.installer-progress-block .braille-progress{margin-top:0;padding:5px 8px;min-height:0}
.installer-progress-block .installer-details{margin-top:0}
.installer-secondary-zone{scroll-margin-top:82px}
@media(max-height:800px) and (min-width:901px){
  .installer-live-zone{gap:7px;padding-bottom:8px}
  .installer-shell{padding-top:8px}
  .installer-live-zone .installer-title{margin:6px 0 0}
  .installer-live-zone .installer-title h1{font-size:clamp(1.65rem,4.2vh,2.35rem);margin:2px 0 5px}
  .installer-live-zone .installer-title>p{font-size:.76rem;line-height:1.25;margin:0 0 4px;max-width:92ch}
  .installer-policy-chips{margin-top:6px;gap:5px}
  .installer-policy-chips span{padding:3px 7px;font-size:.6rem}
  .installer-live-zone .installer-environment-summary{margin:0;gap:5px}
  .installer-live-zone .micro-badge{padding:3px 7px;font-size:.6rem}
  .installer-live-zone .installer-launch-card{padding:8px 10px;gap:6px;margin:0}
  .installer-live-zone .combined-install-summary p,.installer-live-zone .installer-auto-detected p,.installer-live-zone .installer-permission-step p{margin:2px 0;font-size:.68rem;line-height:1.2}
  .installer-live-zone .installer-permission-step{padding:6px 8px}
  .installer-live-zone .btn.xl{min-height:36px;padding:7px 12px}
  .installer-live-zone .installer-progress-block{padding:7px 9px;gap:5px}
  .installer-live-zone .section-heading{margin:0}
  .installer-live-zone .section-heading h2{font-size:1rem;margin:0}
  .installer-live-zone .section-heading p,.installer-live-zone .eyebrow{font-size:.58rem;margin:0}
  .installer-live-zone .progress-number{font-size:1.15rem}
  .installer-progress-block .installer-live-stage-help{padding:6px 7px}
  .installer-live-stage-help .section-mini-head p{display:none}
  .installer-progress-block .installer-stage{min-height:41px;padding:4px 6px}
  .installer-progress-block .installer-stage p{display:none}
  .installer-progress-block .installer-details summary{font-size:.65rem;padding:4px 0}
  .installer-progress-block .install-log{min-height:72px;max-height:120px}
}
@media(max-width:1100px){.installer-progress-block .installer-stage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.installer-progress-block .installer-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.installer-progress-block .installer-stage p{display:none}}

/* Installer policy chips describe modules that are present in the distribution;
   use the same green ready treatment as detected PHP/application capabilities.
   Environment/integration probes keep their own warn state and are not falsified. */
.installer-live-zone .policy-chips span{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid color-mix(in srgb,var(--ok) 58%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--ok) 12%,var(--panel2));color:var(--ok);font-size:.68rem;font-weight:850}

/* Never let themed container colors leak into editable/read-only text surfaces. */
[contenteditable="true"],.text-surface,.embedded-text,.readonly-text,.json-editor,.prompt-editor,
.form-output,.wizard-result,.output-card pre,.installer-details pre,.key-values code,.credential-inline code{
  background:var(--control-bg)!important;color:var(--control-text)!important;border-color:var(--control-border)!important;
  -webkit-text-fill-color:var(--control-text)!important;
}
[contenteditable="true"]:empty:before{color:var(--control-muted)!important}
::selection{background:color-mix(in srgb,var(--accent) 42%,transparent);color:var(--text)}

/* stage3.6.12 installer bootstrap recovery */
.installer-bootstrap-helper{display:grid;gap:9px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--warn) 46%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--warn) 9%,var(--panel2));color:var(--text)}
.installer-bootstrap-helper[hidden]{display:none!important}.installer-bootstrap-helper strong{font-size:.88rem}.installer-bootstrap-helper p{margin:0;line-height:1.5}.installer-command-row{display:flex;gap:8px;align-items:center;min-width:0}.installer-command-row code{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--code-bg,#070b11);color:var(--code-text,#f2f5f7);overflow:auto;white-space:nowrap;font:700 .76rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.installer-footer{padding-top:14px}.installer-footer-links{width:100%}.installer-page .installer-secondary-zone{display:none!important}
@media(max-width:640px){.installer-command-row{align-items:stretch;flex-direction:column}.installer-command-row .btn{width:100%}}

/* stage3.6.15: consent remains fully accessible but never reopens after a
   successful choice until the consent policy version changes. */
.cookie-center-launcher{position:fixed;z-index:1198;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));min-width:72px;min-height:34px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 94%,transparent);color:var(--text);box-shadow:0 10px 34px rgba(0,0,0,.24);font:inherit;font-size:.72rem;font-weight:850;cursor:pointer;backdrop-filter:blur(16px)}
.cookie-center-launcher:hover,.cookie-center-launcher:focus-visible{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));outline:none}.cookie-center-launcher[hidden]{display:none!important}
.installer-cookie-center:not([hidden]){max-height:min(58vh,520px)!important}.installer-cookie-center details:not([open]){grid-column:1/-1}.installer-cookie-center details:not([open])>.consent-grid{display:none}

/* stage3.6.15: the installer action console is the operational journal rather
   than a second copy of the stage cards. It exposes safe state transitions and
   opens the protected error journal automatically only when a stage fails. */
.installer-action-console{margin-top:4px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 90%,transparent);overflow:hidden}
.installer-action-console>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:10px 12px;font-weight:850}.installer-action-console>summary small{color:var(--muted);font-size:.64rem;font-weight:650;text-align:right}
.installer-action-list{display:grid;max-height:190px;overflow:auto;border-top:1px solid var(--line)}
.installer-action-row{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr) 52px;gap:10px;align-items:center;padding:8px 11px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);font-size:.7rem}.installer-action-row:last-child{border-bottom:0}.installer-action-row time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.installer-action-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.installer-action-row strong{text-align:right;font-variant-numeric:tabular-nums}.installer-action-row.failed{color:var(--danger)}.installer-action-row.complete{color:var(--ok)}
.installer-raw-status{border-top:1px solid var(--line);padding:0 11px}.installer-raw-status>summary,.installer-error-journal>summary{cursor:pointer;padding:9px 0;font-size:.7rem;font-weight:800}.installer-raw-status .install-log{margin:0 0 10px;max-height:180px;min-height:80px;overflow:auto;font-size:.65rem}
.installer-failure-panel[hidden]{display:none!important}.installer-error-journal{margin-top:10px;border-top:1px solid color-mix(in srgb,var(--danger) 35%,var(--line))}.installer-error-journal pre{margin:0;padding:10px;border-radius:10px;max-height:220px;overflow:auto;background:var(--control-bg);color:var(--control-text);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.68rem}
@media(max-width:640px){.cookie-center-launcher{right:8px;bottom:8px;min-width:64px}.installer-action-console>summary{align-items:flex-start;flex-direction:column}.installer-action-console>summary small{text-align:left}.installer-action-row{grid-template-columns:1fr auto}.installer-action-row time{grid-column:1/-1;font-size:.62rem}.installer-action-row span{white-space:normal}.installer-action-list{max-height:240px}}

/* Stage 3.6.16 — stable sign-window geometry and real visual special outputs. */
.movable-sign-window.is-detached{right:auto!important;bottom:auto!important;transform:none!important;max-width:min(420px,calc(100vw - 12px))!important;max-height:min(78vh,620px)!important}
.movable-sign-window.is-detached .sign-video,.movable-sign-window.is-detached .economy-presenter-shell{min-height:0}
.light-signal-console{display:grid;grid-template-columns:minmax(120px,.38fr) minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel2) 86%,transparent)}
.light-beacon{position:relative;display:grid;place-items:center;aspect-ratio:1;min-height:160px;border-radius:20px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.035),transparent 55%),#05070b;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
.light-beacon .light-lamp{width:88px;height:88px;transition:background .055s linear,box-shadow .055s linear,transform .055s linear;z-index:2}
.light-beacon .light-lamp.is-on{transform:scale(1.04);background:#fff8b8;box-shadow:0 0 24px rgba(255,248,184,1),0 0 72px rgba(255,229,94,.78),0 0 140px rgba(255,229,94,.42)}
.light-beacon-ring{position:absolute;width:132px;height:132px;border:1px solid rgba(255,232,104,.25);border-radius:50%;box-shadow:0 0 50px rgba(255,223,78,.08)}
.light-signal-copy{display:grid;gap:8px;min-width:0}.light-signal-copy small{display:block;max-height:96px;overflow:auto;overflow-wrap:anywhere;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.semaphore-visual{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel2) 86%,transparent)}
.semaphore-person{position:relative;min-height:260px;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel3) 74%,#111),color-mix(in srgb,var(--bg) 90%,#000));overflow:hidden}
.semaphore-head{position:absolute;left:50%;top:42px;width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--text) 80%,var(--panel3));transform:translateX(-50%)}
.semaphore-body{position:absolute;left:50%;top:90px;width:26px;height:112px;border-radius:12px;background:color-mix(in srgb,var(--text) 72%,var(--panel3));transform:translateX(-50%)}
.semaphore-arm{position:absolute;left:50%;top:106px;width:104px;height:12px;transform-origin:6px 6px;border-radius:8px;background:color-mix(in srgb,var(--text) 70%,var(--panel3));transition:transform .18s ease}
.semaphore-arm.left{margin-left:-4px}.semaphore-arm.right{margin-left:4px}
.signal-flag{position:absolute;right:-2px;top:-22px;width:42px;height:42px;background:linear-gradient(135deg,#ffe066 0 50%,#e24561 50% 100%);border:2px solid rgba(255,255,255,.72);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.semaphore-controls{display:grid;gap:12px}.semaphore-controls>strong{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;border:1px solid var(--line);background:var(--control-bg);font-size:1.7rem}
.cookie-center{transition:opacity .16s ease,transform .16s ease}.cookie-center[hidden]{display:none!important}.cookie-center details:not([open]) .consent-grid{display:none!important}.cookie-center-launcher{transition:opacity .16s ease,transform .16s ease}.cookie-center-launcher:not([hidden]){display:inline-flex;align-items:center;justify-content:center}
@media(max-width:720px){.light-signal-console,.semaphore-visual{grid-template-columns:1fr}.light-beacon{min-height:132px}.light-beacon .light-lamp{width:70px;height:70px}.semaphore-person{min-height:220px}.movable-sign-window.is-detached{width:min(250px,calc(100vw - 12px))!important;max-height:64vh!important}}

/* Stage 3.6.17 — one stable operational header, routed dashboards and complete
   per-user media output profiles. These rules intentionally come last because
   older staged releases accumulated several header/mobile overrides. */
.site-header .topbar,
.owner-header .topbar{
  display:grid!important;
  grid-template-columns:minmax(150px,auto) minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:64px!important;
  padding-block:7px!important;
}
.site-header .brand,.owner-header .brand{min-width:0;justify-self:start}
.site-header .operational-nav,.owner-header .operational-nav{
  grid-column:auto!important;order:initial!important;width:100%!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;gap:8px!important;min-width:0!important;
  margin:0!important;padding:0!important;border:0!important;overflow:visible!important;
}
.site-header .operational-nav .nav-primary,.owner-header .operational-nav .nav-primary{
  display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;
  overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0!important;scrollbar-width:thin;
}
.site-header .header-tools,.site-header .owner-actions,.site-header .topbar>.actions,
.owner-header .header-tools,.owner-header .owner-actions,.owner-header .topbar>.actions{
  grid-column:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex-wrap:nowrap!important;gap:7px!important;min-width:0;max-width:min(42vw,560px);overflow-x:auto;scrollbar-width:thin;
}
.site-header .compact-select,.owner-header .compact-select{flex:0 0 auto;max-width:180px}
.nav-more-menu{max-width:min(560px,calc(100vw - 24px))}
.main-stack>section[id][hidden]{display:none!important}
.main-stack>section[id].is-dashboard-active{display:block}
.owner-sidebar a[aria-current="page"],.account-sidebar a[aria-current="page"]{
  background:var(--panel2)!important;box-shadow:inset 3px 0 0 var(--accent);color:var(--text)!important;
}
.technical-profile-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.technical-profile-columns fieldset,.account-page #output-profiles>form>fieldset{
  min-width:0;margin:0;padding:14px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel2) 76%,transparent)
}
.technical-profile-columns legend,.account-page #output-profiles>form>fieldset>legend{padding:0 7px;font-weight:850;font-size:.78rem}
.account-page #output-profiles{padding:clamp(16px,2.2vw,24px)}
.account-page #output-profiles .notice.compact{margin:10px 0 14px;padding:9px 11px;font-size:.75rem}
.account-page .output-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-page .main-stack>section[id]{scroll-margin-top:82px}

@media(max-width:1000px){
  .site-header .topbar,.owner-header .topbar{
    grid-template-columns:minmax(140px,auto) minmax(0,1fr)!important;
  }
  .site-header .operational-nav,.owner-header .operational-nav{grid-column:1/-1!important;grid-row:2!important}
  .site-header .header-tools,.site-header .owner-actions,.site-header .topbar>.actions,
  .owner-header .header-tools,.owner-header .owner-actions,.owner-header .topbar>.actions{
    grid-column:2!important;grid-row:1!important;max-width:100%!important;
  }
  .owner-layout,.account-layout{grid-template-columns:1fr!important}
  .owner-sidebar,.account-sidebar{position:static!important;display:flex!important;gap:6px!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important}
  .owner-sidebar a,.account-sidebar a{flex:0 0 auto!important;white-space:nowrap!important;max-width:none!important}
}
@media(max-width:720px){
  .site-header .topbar,.owner-header .topbar{grid-template-columns:1fr!important;width:min(calc(100% - 14px),var(--content-wide))!important}
  .site-header .brand,.owner-header .brand{grid-column:1!important;grid-row:1!important}
  .site-header .header-tools,.site-header .owner-actions,.site-header .topbar>.actions,
  .owner-header .header-tools,.owner-header .owner-actions,.owner-header .topbar>.actions{
    grid-column:1!important;grid-row:2!important;justify-content:flex-start!important;width:100%!important;overflow-x:auto!important;
  }
  .site-header .operational-nav,.owner-header .operational-nav{grid-column:1!important;grid-row:3!important;grid-template-columns:minmax(0,1fr) auto!important}
  .site-header .operational-nav .nav-primary,.owner-header .operational-nav .nav-primary{display:flex!important;overflow-x:auto!important;width:100%!important}
  .nav-primary .nav-chip{white-space:nowrap!important;min-height:38px!important;padding:7px 10px!important}
  .nav-more{width:auto!important}.nav-more>summary{width:auto!important;white-space:nowrap}
  .nav-more-menu{position:fixed!important;left:7px!important;right:7px!important;top:auto!important;bottom:7px!important;width:auto!important;max-height:70vh!important;overflow:auto!important;grid-template-columns:1fr!important;box-shadow:var(--shadow)!important}
  .technical-profile-columns{grid-template-columns:1fr}
  .account-page .output-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
  .site-header .compact-select,.owner-header .compact-select{max-width:145px}
  .account-page .output-choice-grid{grid-template-columns:1fr}
}

/* Stage 3.6.18 — definitive owner navigation and broadcast layout */
.owner-sidebar-toggle{display:none!important;align-items:center;justify-content:space-between;width:100%;margin:0 0 8px;position:relative;z-index:12}
.owner-layout{grid-template-columns:minmax(220px,270px) minmax(0,1fr)!important;gap:18px!important}
.owner-sidebar{position:sticky!important;top:84px!important;display:grid!important;align-content:start!important;gap:5px!important;max-height:calc(100vh - 100px)!important;overflow:auto!important;overscroll-behavior:contain!important;padding:10px!important}
.owner-sidebar a{width:100%!important;min-height:40px!important;display:flex!important;align-items:center!important;padding:9px 11px!important;border-radius:10px!important;text-decoration:none!important;color:var(--text)!important;line-height:1.25!important;white-space:normal!important}
.owner-sidebar a.is-active,.owner-sidebar a[aria-current="page"]{background:color-mix(in srgb,var(--accent) 16%,var(--panel2))!important;border-color:color-mix(in srgb,var(--accent) 32%,var(--line))!important;color:var(--text)!important}
.owner-layout>.main-stack{min-width:0!important;width:100%!important}.owner-layout>.main-stack>.section[hidden]{display:none!important}.owner-layout>.main-stack>.section.is-dashboard-active{display:block!important;min-width:0!important}
.broadcast-hub{width:min(100%,1180px)!important}.accessible-main-player{width:100%!important;aspect-ratio:16/9!important;min-height:0!important}.player-shell>video,.player-shell>iframe{object-fit:contain!important}
.broadcast-profile-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel2) 92%,transparent);font-size:.72rem}.broadcast-profile-strip strong{margin-right:3px}.broadcast-profile-strip span{padding:4px 7px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-weight:800}.broadcast-profile-strip small{margin-left:auto;color:var(--muted)}
.movable-sign-window{contain:layout paint!important}.movable-sign-window.is-anchored{position:absolute!important;right:10px!important;bottom:10px!important;left:auto!important;top:auto!important;width:clamp(150px,24%,300px)!important;height:auto!important;max-height:78%!important}.movable-sign-window.is-detached{position:fixed!important;right:auto!important;bottom:auto!important;transform:none!important;width:clamp(180px,26vw,360px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;z-index:220!important}.movable-sign-window.is-hidden{display:none!important}.movable-sign-window .economy-presenter-shell,.movable-sign-window .sign-video{width:100%!important;aspect-ratio:9/16!important;min-height:0!important;max-height:none!important;object-fit:contain!important}.sign-overlay-toolbar{user-select:none!important}
.compact-output-console{width:100%!important}.output-console-tabs{display:flex!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scrollbar-width:thin!important}.output-console-tabs>button{flex:0 0 auto!important;white-space:nowrap!important}.output-console-panel{min-width:0!important}.output-console-panel .technical-grid{min-width:0!important}
.output-ticker{min-width:0!important}.ticker-viewport{min-width:0!important}.ticker-track{max-width:none!important}.ticker-output-action{min-width:max-content!important}
@media(max-width:1100px){.owner-layout{grid-template-columns:1fr!important}.owner-sidebar-toggle{display:flex!important}.owner-sidebar{display:none!important;position:relative!important;top:auto!important;max-height:min(58vh,520px)!important;margin:0!important;overflow:auto!important}.owner-layout.sidebar-open>.owner-sidebar{display:grid!important}.owner-layout>.main-stack{grid-column:1!important}.broadcast-profile-strip small{width:100%;margin-left:0}}
@media(max-width:720px){.owner-sidebar-toggle{position:sticky;top:66px;background:var(--panel)!important}.owner-sidebar{border-radius:14px!important}.broadcast-hub{padding:8px!important;border-radius:16px!important}.broadcast-profile-strip{gap:5px;padding:7px}.broadcast-profile-strip span{font-size:.66rem;padding:3px 5px}.movable-sign-window.is-anchored{width:clamp(118px,35vw,178px)!important;right:5px!important;bottom:5px!important}.movable-sign-window.is-detached{width:min(240px,calc(100vw - 12px))!important}.sign-overlay-toolbar{grid-template-columns:minmax(0,1fr) repeat(4,28px)!important}.output-ticker{grid-template-columns:minmax(54px,76px) minmax(0,1fr) auto!important;gap:4px!important}.ticker-output-action{font-size:.64rem!important;padding:5px!important}.output-ticker>strong{font-size:.62rem!important;padding:6px!important}.ticker-track{font-size:.76rem!important}.output-console-body{padding:8px!important}}
@media(max-width:430px){.output-ticker{grid-template-columns:58px minmax(0,1fr)!important}.ticker-output-action{grid-column:1/-1!important;width:100%!important;min-height:32px!important}.movable-sign-window.is-anchored{width:112px!important}.console-summary-badges{display:none!important}}

/* stage3.6.21 compute-routing */
.compute-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.compute-mode-card{display:block;position:relative}.compute-mode-card>input{position:absolute;opacity:0;pointer-events:none}.compute-mode-card>span{display:flex;min-height:150px;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--border,#294b6d);border-radius:16px;background:var(--panel,#0d2b4e);cursor:pointer}.compute-mode-card input:checked+span{outline:2px solid var(--accent,#ffca28);outline-offset:1px}.compute-mode-card small{display:block;line-height:1.45;opacity:.78}.compute-mode-card em{margin-top:auto;font-style:normal;font-size:.82rem;overflow-wrap:anywhere}.compute-mode-card em.ok{color:#69e6ad}.compute-mode-card em.warn{color:#ffc66d}.compute-remote-panel{align-items:start}.compute-remote-panel form{display:grid;gap:10px}@media(max-width:900px){.compute-mode-grid{grid-template-columns:1fr}.compute-mode-card>span{min-height:0}.compute-remote-panel{grid-template-columns:1fr!important}}

/* Stage 3.6.22 — production navigation groups, no trapped sidebar scrolling,
   deterministic responsive header and dual-stack owner UI. */
.owner-sidebar,.account-sidebar{
  position:relative!important;top:auto!important;max-height:none!important;
  overflow:visible!important;overscroll-behavior:auto!important;align-content:start!important;
}
.owner-sidebar-group{display:grid;gap:4px;padding:4px 0 10px;border-bottom:1px solid var(--line)}
.owner-sidebar-group:last-child{border-bottom:0;padding-bottom:2px}
.owner-sidebar-group-title{
  padding:6px 10px 3px;color:var(--muted);font-size:.64rem;font-weight:900;
  letter-spacing:.10em;text-transform:uppercase;line-height:1.2;overflow-wrap:anywhere
}
.owner-sidebar-group a{margin:0!important}
.owner-layout,.account-layout{align-items:start!important}
.owner-layout>.main-stack,.account-layout>.main-stack{min-width:0!important}

/* Four primary public entries remain visible without horizontal scrolling. */
.operational-nav .nav-primary{overflow:visible!important;flex-wrap:wrap!important;scrollbar-width:none!important}
.operational-nav .nav-primary::-webkit-scrollbar{display:none!important}
.site-header .topbar>.actions,.site-header .header-tools,.owner-header .topbar>.actions,.owner-header .header-tools{
  overflow:visible!important;flex-wrap:wrap!important
}

/* Forms and long technical values never break their containing cards. */
:where(.owner-layout,.account-layout,.integration-shell,.assistive-stream-page) :where(input,select,textarea,button,.btn){max-width:100%}
:where(.owner-layout,.account-layout,.integration-shell,.assistive-stream-page) pre{max-width:100%;overflow:auto}
:where(.owner-layout,.account-layout) .stats{align-items:stretch}
:where(.owner-layout,.account-layout) .stat{min-width:0}
:where(.owner-layout,.account-layout) .stat strong{overflow-wrap:anywhere}

@media(max-width:1100px){
  .owner-sidebar,.account-sidebar{display:none!important;position:relative!important;max-height:none!important;overflow:visible!important}
  .owner-layout.sidebar-open>.owner-sidebar,.account-layout.sidebar-open>.account-sidebar{display:grid!important}
  .owner-sidebar-group{min-width:0;width:100%}
  .owner-sidebar-group a{white-space:normal!important;max-width:none!important;width:100%!important}
  .operational-nav .nav-primary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important}
  .operational-nav .nav-primary .nav-chip{min-width:0!important;text-align:center!important;justify-content:center!important;white-space:normal!important}
}
@media(max-width:720px){
  .operational-nav .nav-primary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .operational-nav .nav-primary .nav-chip{font-size:.68rem!important;line-height:1.15!important;min-height:42px!important}
  .owner-sidebar-toggle{position:relative!important;top:auto!important}
  .owner-sidebar-group-title{font-size:.61rem}
}
@media(max-width:380px){
  .operational-nav .nav-primary{grid-template-columns:1fr!important}
}

/* Stage 3.6.23 — dashboard/layout/mobile hardening.
   This is the final geometry layer for public, owner and user workspaces. */
:root{
  --dashboard-max:1440px;
  --dashboard-sidebar:284px;
  --header-safe-top:env(safe-area-inset-top,0px);
  --page-safe-left:env(safe-area-inset-left,0px);
  --page-safe-right:env(safe-area-inset-right,0px);
}
html,body{max-width:100%;overflow-x:hidden!important}
.site-header{width:100%;overflow:visible!important;padding-top:var(--header-safe-top)}
.site-header .topbar,.owner-header .topbar{
  width:min(calc(100% - 24px - var(--page-safe-left) - var(--page-safe-right)),var(--dashboard-max))!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:minmax(138px,auto) minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  min-height:62px!important;
  padding-block:7px!important;
  overflow:visible!important;
}
.site-header .brand,.owner-header .brand{min-width:0!important;max-width:220px}
.site-header .brand-copy,.owner-header .brand-copy{min-width:0}
.site-header .brand-copy strong,.owner-header .brand-copy strong{white-space:nowrap}
.site-header .brand-copy small,.owner-header .brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:18ch}

/* No header component is allowed to become a horizontal scrolling strip. */
.site-header .operational-nav,.owner-header .operational-nav{
  min-width:0!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;
  overflow:visible!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;gap:7px!important;
}
.site-header .operational-nav .nav-primary,.owner-header .operational-nav .nav-primary{
  min-width:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;gap:6px!important;overflow:visible!important;padding:0!important;
}
.operational-nav .nav-primary .nav-chip{
  min-width:0!important;min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding:7px 9px!important;line-height:1.16!important;text-align:center!important;white-space:normal!important;
  overflow-wrap:normal!important;word-break:normal!important;hyphens:auto;
}
.operational-nav.is-compact{grid-template-columns:1fr!important;justify-items:end!important}
.operational-nav.is-compact .nav-primary{display:none!important}
.operational-nav.is-compact .nav-more{width:auto!important;justify-self:end!important}
.operational-nav .nav-more{position:relative!important;min-width:0}
.operational-nav .nav-more>summary{
  min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding:7px 12px!important;white-space:nowrap!important;cursor:pointer;list-style:none;
}
.operational-nav .nav-more>summary::-webkit-details-marker{display:none}
.operational-nav .nav-more>summary:after{content:'⌄';margin-left:7px;font-size:.74em;opacity:.72}
.operational-nav .nav-more[open]>summary:after{transform:rotate(180deg)}
.operational-nav .nav-more-menu{
  position:absolute!important;right:0!important;left:auto!important;top:calc(100% + 8px)!important;
  width:min(560px,calc(100vw - 24px))!important;max-height:min(72vh,680px)!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;
  padding:10px!important;border:1px solid var(--line)!important;border-radius:15px!important;
  background:color-mix(in srgb,var(--panel) 97%,transparent)!important;box-shadow:var(--shadow)!important;
  backdrop-filter:blur(16px)!important;z-index:180!important;scrollbar-gutter:stable;
}
.operational-nav .nav-more-menu .nav-chip{white-space:normal!important;min-width:0!important;width:100%!important;justify-content:flex-start!important;text-align:left!important}

.site-header .header-tools,.site-header .topbar>.actions,.site-header .owner-actions,
.owner-header .header-tools,.owner-header .topbar>.actions,.owner-header .owner-actions{
  min-width:0!important;max-width:none!important;overflow:visible!important;display:flex!important;align-items:center!important;
  justify-content:flex-end!important;gap:6px!important;flex-wrap:nowrap!important;
}
.site-header .compact-select,.owner-header .compact-select{min-width:0!important;max-width:160px!important;height:38px!important;padding-inline:9px!important}
.site-header .btn,.owner-header .btn{min-height:38px!important;padding:7px 10px!important;white-space:normal!important;line-height:1.12!important;text-align:center}

/* Owner/user dashboards use the same predictable content geometry. */
.owner-layout,.account-layout{
  width:min(calc(100% - 28px - var(--page-safe-left) - var(--page-safe-right)),var(--dashboard-max))!important;
  margin:18px auto 64px!important;padding:0!important;
  display:grid!important;grid-template-columns:minmax(230px,var(--dashboard-sidebar)) minmax(0,1fr)!important;
  gap:18px!important;align-items:start!important;
}
.owner-sidebar-toggle{display:none!important}
.owner-sidebar,.account-sidebar{
  position:sticky!important;top:80px!important;display:grid!important;align-content:start!important;
  max-height:calc(100dvh - 96px)!important;overflow-y:auto!important;overflow-x:hidden!important;
  scrollbar-gutter:stable;padding:10px!important;border-radius:16px!important;
}
.owner-sidebar-group,.account-sidebar-group{min-width:0!important}
.owner-sidebar-group-title{padding:8px 10px 4px!important;font-size:.62rem!important;line-height:1.25!important}
.owner-sidebar a,.account-sidebar a{
  min-width:0!important;width:100%!important;min-height:40px!important;padding:9px 11px!important;
  white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
}
.owner-layout>.main-stack,.account-layout>.main-stack{width:100%!important;min-width:0!important;display:grid!important;gap:16px!important}
.owner-layout .main-stack>.section,.account-layout .main-stack>section{min-width:0!important;margin:0!important}
.owner-layout .main-stack>.section>.card,.account-layout .main-stack>section.card{
  min-width:0!important;width:100%!important;padding:clamp(17px,2.1vw,28px)!important;border-radius:18px!important;
}
.owner-layout .main-stack h1,.account-layout .main-stack h1{
  max-width:none!important;margin-top:0!important;font-size:clamp(1.75rem,2.7vw,2.75rem)!important;
  line-height:1.04!important;letter-spacing:-.03em!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:auto;
}
.owner-layout .main-stack h2,.account-layout .main-stack h2{
  max-width:none!important;font-size:clamp(1.25rem,2vw,1.85rem)!important;line-height:1.12!important;letter-spacing:-.018em!important;
}
.owner-layout .section-heading,.account-layout .section-heading{max-width:none!important;margin-bottom:18px!important}
.owner-layout .section-heading h1,.owner-layout .section-heading h2,.account-layout .section-heading h1,.account-layout .section-heading h2{max-width:28ch!important}
.owner-layout .section-heading p,.account-layout .section-heading p{max-width:74ch!important}
.owner-layout .stats,.account-layout .stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important;gap:10px!important}
.owner-layout .stat,.account-layout .stat{min-width:0!important;padding:14px!important}
.owner-layout .stat strong,.account-layout .stat strong{font-size:clamp(.94rem,1.2vw,1.1rem)!important;overflow-wrap:anywhere!important}
.owner-layout .output-endpoint-grid,.account-layout .output-endpoint-grid,
.owner-layout .account-service-grid,.account-layout .account-service-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;gap:10px!important;
}
.owner-layout .service-tile,.account-layout .service-tile{min-height:98px!important;padding:15px!important;align-content:center!important}
.owner-layout .technical-grid,.account-layout .technical-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr))!important;gap:10px!important;align-items:end!important;
}
.owner-layout .grid.cols-2,.account-layout .grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.owner-layout .grid.cols-3,.account-layout .grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.owner-layout fieldset,.account-layout fieldset{min-width:0!important;max-width:100%!important}
.owner-layout :where(input,select,textarea,button,.btn),.account-layout :where(input,select,textarea,button,.btn){min-width:0;max-width:100%}
.owner-layout input[type=file],.account-layout input[type=file]{width:100%}
.owner-layout .table-wrap,.account-layout .table-wrap{width:100%!important;max-width:100%!important;overflow:auto!important;overscroll-behavior-inline:contain}
.owner-layout table,.account-layout table{max-width:none}
.owner-layout pre,.account-layout pre{max-width:100%!important;overflow:auto!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
.owner-layout .wizard-context,.account-layout .wizard-context{margin-bottom:10px!important}

/* Keep output/profile controls compact enough for phones and narrow split-screen windows. */
.output-choice-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))!important;gap:8px!important}
.output-choice-grid label,.choice-cloud label{min-width:0!important}
.broadcast-control-dock{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))!important}
.output-console-tabs{max-width:100%!important;overflow-x:auto!important;scrollbar-width:thin}

/* Tablet: header becomes two rows; dashboard sidebar becomes a controlled panel, not a scroll strip. */
@media(max-width:1220px){
  .site-header .topbar,.owner-header .topbar{grid-template-columns:minmax(138px,auto) minmax(0,1fr)!important}
  .site-header .operational-nav,.owner-header .operational-nav{grid-column:1/-1!important;grid-row:2!important}
  .site-header .header-tools,.site-header .topbar>.actions,.site-header .owner-actions,
  .owner-header .header-tools,.owner-header .topbar>.actions,.owner-header .owner-actions{grid-column:2!important;grid-row:1!important}
  .owner-layout,.account-layout{grid-template-columns:1fr!important}
  .owner-sidebar-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin:0!important}
  .owner-sidebar,.account-sidebar{display:none!important;position:relative!important;top:auto!important;max-height:min(62dvh,560px)!important;overflow-y:auto!important;margin:0!important}
  .owner-layout.sidebar-open>.owner-sidebar,.account-layout.sidebar-open>.account-sidebar{display:grid!important}
  .owner-sidebar-group,.account-sidebar-group{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .owner-sidebar-group-title{grid-column:1/-1!important}
}

/* Mobile: one compact menu, no horizontal header scrollers, safe touch targets. */
@media(max-width:820px){
  .site-header .topbar,.owner-header .topbar{
    width:calc(100% - 14px - var(--page-safe-left) - var(--page-safe-right))!important;
    grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;min-height:56px!important;padding-block:6px!important;
  }
  .site-header .brand,.owner-header .brand{grid-column:1!important;grid-row:1!important;max-width:180px!important}
  .site-header .mark,.owner-header .mark{width:36px!important;height:36px!important;border-radius:11px!important}
  .site-header .brand-copy small,.owner-header .brand-copy small{display:none!important}
  .site-header .header-tools,.site-header .topbar>.actions,.site-header .owner-actions,
  .owner-header .header-tools,.owner-header .topbar>.actions,.owner-header .owner-actions{
    grid-column:2!important;grid-row:1!important;justify-content:flex-end!important;width:auto!important;gap:5px!important;
  }
  .site-header [data-work-mode-select],.owner-header [data-work-mode-select],
  .site-header [data-theme-select],.owner-header [data-theme-select]{display:none!important}
  .site-header .compact-select[data-language-select],.owner-header .compact-select[data-language-select]{max-width:112px!important;width:auto!important}
  .site-header .actions>a.btn,.owner-header .actions>a.btn,.site-header .header-tools>a.btn,.owner-header .header-tools>a.btn{display:none!important}
  .site-header .operational-nav,.owner-header .operational-nav{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr!important}
  .operational-nav .nav-primary{display:none!important}
  .operational-nav .nav-more{width:100%!important;justify-self:stretch!important}
  .operational-nav .nav-more>summary{width:100%!important;min-height:40px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--panel2)!important}
  .operational-nav .nav-more-menu{
    position:fixed!important;left:8px!important;right:8px!important;top:auto!important;
    bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-height:min(78dvh,680px)!important;
    grid-template-columns:1fr!important;border-radius:18px!important;padding:10px!important;z-index:400!important;
  }
  .operational-nav .nav-more-menu .nav-chip{min-height:44px!important;font-size:.78rem!important}
  .owner-layout,.account-layout{width:calc(100% - 14px - var(--page-safe-left) - var(--page-safe-right))!important;margin-top:10px!important;gap:10px!important}
  .owner-sidebar-toggle{min-height:44px!important;position:relative!important;top:auto!important;z-index:121!important}
  .owner-sidebar,.account-sidebar{
    position:fixed!important;left:8px!important;top:calc(8px + var(--header-safe-top))!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    width:min(88vw,370px)!important;max-height:none!important;overflow-y:auto!important;display:none!important;z-index:420!important;
    background:var(--panel)!important;box-shadow:0 24px 80px rgba(0,0,0,.44)!important;padding:10px!important;
  }
  .owner-layout.sidebar-open>.owner-sidebar,.account-layout.sidebar-open>.account-sidebar{display:grid!important}
  .owner-layout.sidebar-open:before,.account-layout.sidebar-open:before{content:"";position:fixed;inset:0;z-index:410;background:rgba(0,0,0,.52);backdrop-filter:blur(2px)}
  .owner-sidebar-group,.account-sidebar-group{grid-template-columns:1fr!important}
  .owner-layout .main-stack>.section>.card,.account-layout .main-stack>section.card{padding:16px!important;border-radius:15px!important}
  .owner-layout .grid.cols-2,.owner-layout .grid.cols-3,.account-layout .grid.cols-2,.account-layout .grid.cols-3{grid-template-columns:1fr!important}
  .owner-layout .main-stack h1,.account-layout .main-stack h1{font-size:clamp(1.65rem,7vw,2.25rem)!important}
  .owner-layout .main-stack h2,.account-layout .main-stack h2{font-size:clamp(1.18rem,5vw,1.55rem)!important}
  .owner-layout .stats,.account-layout .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .owner-layout .output-endpoint-grid,.account-layout .output-endpoint-grid,.owner-layout .account-service-grid,.account-layout .account-service-grid{grid-template-columns:1fr!important}
  .wizard-context{justify-content:stretch!important}.wizard-context .btn{width:100%!important}
  .section-mini-head,.dual-toolbar,.card-head{align-items:stretch!important;flex-direction:column!important}
  .actions{max-width:100%;gap:7px!important}.actions>.btn,.actions>button{max-width:100%}
}

@media(max-width:520px){
  .site-header .compact-select[data-language-select],.owner-header .compact-select[data-language-select]{max-width:92px!important;font-size:.75rem!important}
  .site-header .topbar>.actions form.inline-form button,.owner-header .topbar>.actions form.inline-form button,
  .site-header .header-tools form.inline-form button,.owner-header .header-tools form.inline-form button{padding-inline:8px!important;font-size:.73rem!important}
  .owner-layout .stats,.account-layout .stats{grid-template-columns:1fr!important}
  .output-console-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}
  .output-console-tabs>button{min-width:0!important;white-space:normal!important}
  .output-ticker{grid-template-columns:1fr!important}.ticker-output-action{grid-column:1!important;width:100%!important}
  .broadcast-profile-strip span{max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:360px){
  .site-header .topbar,.owner-header .topbar{width:calc(100% - 10px)!important}
  .site-header .compact-select[data-language-select],.owner-header .compact-select[data-language-select]{max-width:78px!important;padding-inline:5px!important}
  .site-header .brand,.owner-header .brand{gap:7px!important}.site-header .mark,.owner-header .mark{width:34px!important;height:34px!important}
  .owner-layout,.account-layout{width:calc(100% - 10px)!important}
  .owner-layout .main-stack>.section>.card,.account-layout .main-stack>section.card{padding:13px!important}
}
@media(max-height:560px) and (orientation:landscape) and (max-width:980px){
  .operational-nav .nav-more-menu{max-height:88dvh!important}
  .owner-sidebar,.account-sidebar{top:6px!important;bottom:6px!important;max-height:none!important}
}