:root{--bg:#06100d;--panel:#0c1a16;--panel2:#11241e;--line:#1d3930;--text:#ecf9f3;--muted:#85a59a;--mint:#55e3aa;--mint2:#1a7e5d;--amber:#f3b85f;--red:#ff7474}*{box-sizing:border-box}body{background:radial-gradient(circle at 82% -15%,#164234 0,transparent 36%),var(--bg);color:var(--text);margin:0;font-family:Inter,Noto Sans Thai,ui-sans-serif,system-ui,sans-serif}button,input,select,textarea{font:inherit}.shell{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#081411e8;height:100vh;padding:27px 16px;position:sticky;top:0}.brand{align-items:center;gap:11px;margin:0 9px 32px;font-size:17px;font-weight:850;display:flex}.brand small{color:#55796c;letter-spacing:.12em;margin-top:2px;font-size:9px;display:block}.mark{background:var(--mint);color:#042016;border-radius:11px;place-items:center;width:37px;height:37px;font-weight:950;display:grid}.nav{gap:6px;display:grid}.nav button{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:11px 12px;font-size:13px;display:flex}.nav button span{text-align:center;color:#5e8c7c;width:18px}.nav button b{background:var(--amber);color:#261809;border-radius:99px;margin-left:auto;padding:2px 6px;font-size:9px}.nav button.active,.nav button:hover{background:var(--panel2);color:var(--text)}.nav button.active span{color:var(--mint)}.mode{color:#78988d;letter-spacing:.08em;background:#0b1d17;border:1px solid #3d564d;border-radius:12px;padding:13px;font-size:9px;position:absolute;bottom:24px;left:16px;right:16px}.mode strong,.mode small{margin:6px 0 0 15px;display:block}.mode strong{color:var(--mint);font-size:11px}.mode small{color:#58776c}.dot,.pulse{background:var(--mint);width:7px;height:7px;box-shadow:0 0 9px var(--mint);border-radius:50%;margin-right:7px;display:inline-block}.main{width:100%;max-width:1500px;margin:auto;padding:32px 38px}.top{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.eyebrow{color:var(--mint);letter-spacing:.15em;text-transform:uppercase;font-size:10px}.top h1{margin:5px 0;font-size:29px}.sub{color:var(--muted);margin:0;font-size:13px}.status{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:8px 12px;font-size:11px}.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(145deg,#0f211b,#0a1714);border-radius:15px;padding:18px}.metric-card{position:relative;overflow:hidden}.metric-card.accent:after{content:"";background:#c3812622;border-radius:50%;width:80px;height:80px;position:absolute;top:-24px;right:-18px}.metric-label{color:var(--muted);font-size:12px}.metric{margin:8px 0 3px;font-size:30px;font-weight:780}.metric-card small{color:#4f8471;font-size:10px}.content-grid{grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px;display:grid}.wide{min-width:0}.section-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-title h2{margin:0;font-size:15px}.pill{color:var(--mint);letter-spacing:.04em;background:#15372b;border-radius:99px;padding:5px 8px;font-size:9px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:620px}th{text-align:left;color:#628276;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;padding:9px 7px;font-size:9px;font-weight:600}td{border-bottom:1px solid #142c24;padding:13px 7px;font-size:12px}td strong,td small{display:block}td small{color:#557a6c;margin-top:3px;font-size:9px}.score{color:var(--mint);font-size:15px;font-weight:850}.decision,.state{color:#77efbd;letter-spacing:.04em;background:#173b2f;border-radius:6px;padding:4px 7px;font-size:8px}.state.blocked,.state.rejected{color:#f99;background:#3b1c1c}.state.pending,.state.draft{color:#f3c87c;background:#392e18}.state.approved,.state.released{color:#77efbd;background:#173b2f}.connector{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:15px 0;display:flex}.connector-icon{background:#020403;border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.warning{border-left:2px solid var(--amber);color:#d9b77f;background:#261c10;margin-top:17px;padding:11px;font-size:10px;line-height:1.6}.pipeline{gap:8px;margin:3px 0 15px;display:grid}.pipe{color:var(--muted);grid-template-columns:25px 1fr 8px;align-items:center;gap:7px;font-size:11px;display:grid}.pipe b{color:#477366;font-size:9px}.pipe i{background:#344b43;border-radius:50%;width:6px;height:6px}.pipe i.done{background:var(--mint);box-shadow:0 0 7px #55e3aa88}.primary,.secondary,.danger{cursor:pointer;border:0;border-radius:9px;padding:10px 13px;font-size:11px;font-weight:700}.primary{background:var(--mint);color:#052017}.primary:hover{background:#70edbd}.primary:disabled,.secondary:disabled,.danger:disabled{opacity:.45;cursor:wait}.secondary{color:var(--mint);background:#17382e;border:1px solid #285443}.danger{color:#ff9595;background:#321818;border:1px solid #572828}.compact{width:100%;padding:9px}.text-button{color:var(--mint);cursor:pointer;background:0 0;border:0;padding:13px 0 0;font-size:10px}.approval-mini{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.approval-mini b{color:var(--amber);font-size:9px}.empty{color:var(--muted);padding:18px 0;font-size:11px}.legend{color:#5e8375;flex-wrap:wrap;gap:10px;margin-top:15px;font-size:9px;display:flex}.studio-grid{grid-template-columns:390px 1fr;gap:14px;display:grid}.form{gap:13px;display:grid}.form .section-title{margin-bottom:2px}.form label{color:var(--muted);gap:6px;font-size:10px;display:grid}.form input,.form select,.form textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#07130f;border-radius:8px;outline:none;padding:9px 10px;font-size:11px}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--mint2)}.form textarea{resize:vertical}.form-note{color:#69a791;background:#0b1915;border-radius:8px;padding:9px;font-size:9px}.content-list{gap:9px;display:grid}.content-item{border:1px solid #183229;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;padding:13px;display:flex}.content-item h3{margin:8px 0 3px;font-size:12px}.content-item p,.content-item small{color:var(--muted);margin:0;font-size:9px}.content-item small{color:#e58686}.approval-grid{gap:14px;display:grid}.approval-card{grid-template-columns:190px 1fr;gap:22px;display:grid}.preview{aspect-ratio:9/16;background:linear-gradient(160deg,#24372f,#08100e 60%,#14382b);border-radius:13px;flex-direction:column;justify-content:space-between;max-height:330px;padding:14px;display:flex;box-shadow:inset 0 0 0 1px #ffffff10}.preview>span{color:#7ba192;font-size:8px}.preview-copy{font-size:17px;font-weight:800;line-height:1.25}.preview small{background:#ffffff12;border-radius:7px;padding:7px;font-size:8px}.approval-info{flex-direction:column;justify-content:space-between;display:flex}.approval-info h2{margin:9px 0 4px;font-size:19px}.approval-info p{color:var(--muted);font-size:10px}.approval-info ul{color:#77b69f;grid-template-columns:1fr 1fr;gap:9px;padding:0;font-size:10px;list-style:none;display:grid}.actions{justify-content:flex-end;gap:8px;display:flex}.decision-note{border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:10px;font-size:10px}.channel-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.channel-head{align-items:center;gap:11px;display:flex}.channel-head h2{margin:0 0 3px;font-size:15px}.channel-head p{color:var(--muted);margin:0;font-size:9px}.avatar{width:42px;height:42px;color:var(--mint);background:#173b2e;border-radius:12px;place-items:center;font-weight:800;display:grid}.health{border-radius:99px;margin-left:auto;padding:5px 7px;font-size:8px}.health.green{color:var(--mint);background:#17382e}.health.red{color:#ff8585;background:#3d1c1c}.channel-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0;display:grid}.channel-stats span{color:#56766b;gap:3px;font-size:8px;display:grid}.channel-stats strong{color:#bad0c8;text-overflow:ellipsis;font-size:9px;overflow:hidden}.channel-card>button{width:100%}.gate-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gate{color:#acc8bd;border:1px solid #19362c;border-radius:9px;align-items:center;gap:8px;padding:11px;font-size:10px;display:flex}.gate i{color:var(--mint);font-style:normal}.audit{border-bottom:1px solid var(--line);gap:10px;padding:10px 0;display:flex}.audit i{background:var(--mint);border-radius:50%;width:6px;height:6px;margin-top:5px}.audit strong{font-size:9px}.audit p{color:var(--muted);margin:3px 0;font-size:9px}.toast{border-radius:9px;margin:-8px 0 15px;padding:10px 13px;font-size:10px}.toast.success{color:#78eab9;background:#123426;border:1px solid #23543f}.toast.error{color:#faa;background:#361c1c;border:1px solid #633030}.footer-note{color:#4f7366;margin-top:19px;font-size:9px}@media (max-width:1000px){.shell{grid-template-columns:76px 1fr}.sidebar{padding:24px 10px}.brand>div,.nav button:not(.active){font-size:0}.brand{margin-left:8px}.nav button{justify-content:center}.nav button span{font-size:15px}.mode{display:none}.content-grid,.studio-grid{grid-template-columns:1fr}.sidebar .mark{flex:none}}@media (max-width:700px){.shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);align-items:center;width:100%;height:auto;padding:10px;display:flex;position:static;overflow:auto}.brand{margin:0 12px 0 0}.nav{display:flex}.nav button{white-space:nowrap;width:auto}.main{padding:22px 14px}.grid{grid-template-columns:1fr 1fr}.channel-grid,.approval-card{grid-template-columns:1fr}.preview{max-height:280px}.top .status{display:none}.approval-info ul{grid-template-columns:1fr}.sidebar .mark{width:34px;height:34px}}@media (max-width:430px){.grid{grid-template-columns:1fr}.top h1{font-size:23px}}
.schedule-row{justify-content:flex-end;align-items:flex-end;gap:9px;display:flex}.schedule-row label{color:var(--muted);gap:5px;font-size:9px;display:grid}.schedule-row input{border:1px solid var(--line);color:var(--text);background:#07130f;border-radius:8px;padding:8px}.publish-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.publish-card{gap:12px;display:grid}.publish-card h2{margin:0;font-size:16px}.publish-card>p{color:var(--muted);margin:0;font-size:10px}.publish-top{justify-content:space-between;display:flex}.mode-tag{color:#75a895;font-size:8px}.binding{grid-template-columns:1fr 1fr;gap:8px;display:grid}.binding span{border:1px solid var(--line);color:#56766b;border-radius:8px;gap:4px;padding:10px;font-size:8px;display:grid}.binding strong{color:#c2d8d0;font-size:10px}.handoff-ready{color:var(--mint);background:#102c22;border-radius:9px;padding:11px;font-size:10px}@media (max-width:700px){.publish-grid{grid-template-columns:1fr}.schedule-row{flex-direction:column;align-items:stretch}}
.finance-layout{grid-template-columns:1.5fr .8fr;gap:14px;margin-top:14px;display:grid}.finance-forms{gap:14px;display:grid}.compact-form{gap:9px}.input-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.profit{color:var(--mint);font-weight:800}.loss{color:var(--red);font-weight:800}.order-strip{margin-top:14px}.order-row{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:1.2fr .7fr 1fr 1fr 1fr;gap:10px;padding:10px 5px;font-size:9px;display:grid}.order-row strong{color:var(--text)}.state.realized{color:#77efbd;background:#173b2f}.state.provisional{color:#f3c87c;background:#392e18}@media (max-width:1000px){.finance-layout{grid-template-columns:1fr}}@media (max-width:700px){.input-grid{grid-template-columns:1fr}.order-row{grid-template-columns:1fr 1fr}.order-row span:nth-child(n+4){display:none}}
.experiment-layout{grid-template-columns:360px 1fr;gap:14px;display:grid}.experiment-form{align-self:start}.variant-picker{gap:7px;display:grid}.variant-picker>span{color:var(--muted);font-size:9px}.variant-picker label{border:1px solid var(--line);cursor:pointer;border-radius:8px;grid-template-columns:18px 1fr;gap:2px 7px;padding:9px;display:grid}.variant-picker label.selected{border-color:var(--mint2);background:#10261e}.variant-picker input{grid-row:1/3;width:auto}.variant-picker strong{font-size:9px}.variant-picker small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.experiment-list{gap:14px;display:grid}.experiment-head{justify-content:space-between;gap:15px;display:flex}.experiment-head h2{margin:9px 0 4px;font-size:16px}.experiment-head p{color:var(--muted);margin:0;font-size:10px}.experiment-meta{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;display:grid}.experiment-meta span{border:1px solid var(--line);color:#58786d;border-radius:8px;gap:4px;padding:9px;font-size:8px;display:grid}.experiment-meta strong{color:var(--text);font-size:9px}.result-grid{gap:7px;display:grid}.result{border-left:3px solid var(--amber);background:#111f1b;border-radius:7px;padding:10px}.result.scale{border-color:var(--mint)}.result.kill{border-color:var(--red)}.result>div{justify-content:space-between;display:flex}.result strong,.result span{font-size:9px}.result.scale span{color:var(--mint)}.result.kill span{color:var(--red)}.result.hold span{color:var(--amber)}.result p,.result small{color:var(--muted);margin:5px 0 0;font-size:8px}.state.collecting_data{color:#f3c87c;background:#392e18}.state.evaluated{color:#77efbd;background:#173b2f}@media (max-width:1000px){.experiment-layout{grid-template-columns:1fr}}
.portfolio-layout{grid-template-columns:320px 1.2fr .8fr;gap:14px;margin-top:14px;display:grid}.portfolio-form{align-self:start}.allocation-list{gap:8px;display:grid}.allocation{border-left:3px solid var(--amber);background:#101f1a;border-radius:8px;justify-content:space-between;align-items:center;padding:11px;display:flex}.allocation.scale{border-color:var(--mint)}.allocation.kill{border-color:var(--red)}.allocation>div{gap:4px;display:grid}.allocation span{color:var(--amber);font-size:8px}.allocation.scale span{color:var(--mint)}.allocation.kill span{color:var(--red)}.allocation strong{font-size:10px}.allocation small{color:var(--muted);font-size:8px}.allocation>b{font-size:17px}.executive-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.executive-grid span{border:1px solid var(--line);color:var(--muted);border-radius:8px;gap:3px;padding:9px;font-size:8px;display:grid}.executive-grid strong{color:var(--text);font-size:13px}.executive h3{color:var(--muted);margin:16px 0 7px;font-size:10px}.risk-line{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;font-size:9px;display:flex}.risk-line span{color:var(--muted)}@media (max-width:1150px){.portfolio-layout{grid-template-columns:1fr 1fr}.executive{grid-column:1/3}}@media (max-width:700px){.portfolio-layout{grid-template-columns:1fr}.executive{grid-column:auto}}
.operations-layout{grid-template-columns:360px 1fr;gap:14px;margin-top:14px;display:grid}.operations-layout>.workflow-history{grid-column:1/2}.operations-form{grid-row:span 2}.operations-form .danger{width:100%}.operation-reason{color:#789b8e;line-height:1.5}.alert-list{gap:9px;display:grid}.operation-alert{background:#091712;border:1px solid #254237;border-left:3px solid #628b7b;border-radius:10px;justify-content:space-between;gap:14px;padding:11px;display:flex}.operation-alert>div{gap:3px;display:grid}.operation-alert span{letter-spacing:.08em;color:#91ae9f;font-size:8px}.operation-alert strong{font-size:11px}.operation-alert p{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.operation-alert>small{text-align:right;color:#58796c;font-size:8px;line-height:1.6}.operation-alert.warning{border-left-color:var(--amber);background:#20180e}.operation-alert.warning span{color:#ffd18a}.operation-alert.critical{border-left-color:var(--red);background:#251111}.operation-alert.critical span{color:#ff9696}.workflow-meta{color:var(--muted);justify-content:space-between;margin-bottom:11px;font-size:9px;display:flex}.workflow-steps{gap:7px;display:grid}.workflow-step{border:1px solid #173229;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px;font-size:9px;display:grid}.workflow-step b{color:var(--mint)}.workflow-step span{text-transform:capitalize;color:#adc6bd}.workflow-step i{color:#72d9ae;font-size:8px;font-style:normal}.incident-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.incident-row>div{gap:5px;display:grid}.incident-row strong{font-size:10px}.incident-row p{color:var(--muted);margin:0;font-size:9px}.state.open{color:#ffc17a;background:#3b2417}.state.acknowledged{color:#9cc8ff;background:#273549}.state.resolved{color:#77efbd;background:#173b2f}@media (max-width:1000px){.operations-layout{grid-template-columns:1fr}.operations-form{grid-row:auto}.operations-layout>.workflow-history{grid-column:auto}}
.integration-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}.integration-card{flex-direction:column;min-height:250px;display:flex}.integration-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.integration-head small{color:#628477;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.integration-head h2{text-transform:capitalize;margin:5px 0;font-size:14px}.integration-state{color:#9bb6ac;white-space:nowrap;background:#1b3029;border-radius:99px;padding:5px 7px;font-size:7px}.integration-state.connected{color:#6ef1b9;background:#153c2e}.integration-state.not_configured,.integration-state.authorization_required{color:#f5c66e;background:#3c2d16}.integration-state.approval_required{color:#ffae7c;background:#40251a}.integration-state.disabled{color:#789087;background:#252d2a}.integration-state.error,.integration-state.degraded,.integration-state.rate_limited{color:#ff9292;background:#421c1c}.integration-meta{grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0;display:grid}.integration-meta span{color:#58786c;gap:3px;font-size:7px;display:grid}.integration-meta strong{color:#b6cdc4;text-overflow:ellipsis;font-size:8px;overflow:hidden}.scope-box{border:1px solid #1b3b31;border-radius:8px;margin-bottom:9px;padding:9px}.scope-box small{color:#64877a;font-size:7px}.scope-box p{color:#9cc5b6;margin:4px 0;font-size:8px;line-height:1.5}.integration-card ol{color:#7f9f94;margin:auto 0 0;padding-left:20px;font-size:8px;line-height:1.7}.safe-error{border-left:2px solid var(--red);color:#ff9c9c;background:#271313;border-radius:7px;padding:10px;font-size:9px}.readiness{margin-top:14px}.readiness-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:11px 0;display:flex}.readiness-row span{gap:3px;font-size:10px;display:grid}.readiness-row span strong{color:var(--muted);font-size:8px;font-weight:500}.readiness-row b{border-radius:99px;padding:5px 8px;font-size:8px}.readiness-row b.ready{color:var(--mint);background:#17382e}.readiness-row b.waiting{color:#f5c66e;background:#3c2d16}.readiness-row b.blocked{color:#ff9292;background:#421c1c}.video-factory-layout{grid-template-columns:390px 1fr;gap:14px;display:grid}.video-results{gap:14px;display:grid}.render-preview{aspect-ratio:9/16;object-fit:contain;background:#020504;border-radius:12px;width:100%;max-height:540px;display:block}.render-meta{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.render-meta span{color:#59796d;gap:3px;font-size:8px;display:grid}.render-meta strong{color:#bcd4cb;font-size:9px}.artifact-list{grid-template-columns:1fr 1fr;gap:7px;display:grid}.artifact-list a{color:var(--mint);border:1px solid #1a3a2f;border-radius:8px;gap:3px;padding:9px;font-size:9px;text-decoration:none;display:grid}.artifact-list small{color:#5d8174;font-size:7px}.render-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 0;display:grid}.render-row strong{font-size:9px}.render-row small{color:var(--muted);font-size:8px}.state.completed{color:#77efbd;background:#173b2f}.state.failed,.state.qc_failed{color:#f99;background:#3b1c1c}@media (max-width:1150px){.integration-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.video-factory-layout{grid-template-columns:1fr}}@media (max-width:700px){.integration-grid,.artifact-list{grid-template-columns:1fr}}
:root{--brand-primary:#7c3aed;--brand-primary-hover:#6d28d9;--brand-secondary:#2563eb;--brand-accent:#06b6d4;--bg-root:#09090b;--bg-sidebar:#0f1115;--bg-surface:#151821;--bg-elevated:#1b1f2a;--bg-hover:#222736;--border:#2a3040;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-faint:#64748b;--status-good:#4ade80;--status-info:#38bdf8;--status-warn:#fbbf24;--status-external:#fb923c;--status-bad:#f87171;--status-local:#c4b5fd}html[data-theme=light]{--bg-root:#f8fafc;--bg-sidebar:#fff;--bg-surface:#fff;--bg-elevated:#eef2f7;--bg-hover:#e2e8f0;--border:#cbd5e1;--text-primary:#0f172a;--text-secondary:#1f2937;--text-muted:#475569;--text-faint:#64748b}html,body{background:var(--bg-root);width:100%;height:100%;color:var(--text-primary);font-family:Noto Sans Thai,Inter,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.os-shell{background:var(--bg-root);grid-template-columns:248px minmax(0,1fr);width:100vw;height:100vh;font-size:13px;display:grid}.os-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:18px 12px;display:flex;overflow-y:auto}.os-brand{letter-spacing:-.03em;align-items:baseline;padding:5px 10px 22px;font-size:18px;display:flex}.os-brand b{color:var(--status-local)}.os-brand span{font-weight:700}.os-brand small{color:var(--text-faint);letter-spacing:.07em;margin-left:auto;font-size:8px;display:block}.os-sidebar nav{flex-direction:column;gap:16px;display:flex}.os-sidebar nav section h2{color:var(--text-faint);margin:0 10px 6px;font-size:10.5px;font-weight:600}.os-sidebar nav button{width:100%;min-height:36px;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:7px 10px;font-size:12px;display:flex;position:relative}.os-sidebar nav button i{width:20px;color:var(--text-faint);text-align:center;font-style:normal}.os-sidebar nav button em{color:var(--status-warn);background:#d9770633;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:9px;font-style:normal}.os-sidebar nav button small{color:#4b5563;margin-left:auto;font-size:8px}.os-sidebar nav button:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.os-sidebar nav button.active{box-shadow:inset 2px 0 0 var(--brand-primary);color:var(--text-primary);background:#7c3aed29}.os-sidebar nav button.active i{color:var(--status-local)}.os-sidebar nav button:disabled{color:#4b5563;cursor:not-allowed}.os-sidebar-foot{border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;align-items:flex-start;gap:9px;margin-top:auto;padding:10px;font-size:9px;font-weight:700;display:flex}.os-sidebar-foot small{color:var(--text-faint);margin-top:3px;font-weight:400;display:block}.os-workspace{flex-direction:column;min-width:0;height:100vh;display:flex}.os-topbar{border-bottom:1px solid var(--border);background:var(--bg-sidebar);flex:0 0 56px;align-items:center;gap:10px;height:56px;padding:0 18px;display:flex}.os-search{border:1px solid var(--border);background:var(--bg-root);border-radius:8px;flex:1;align-items:center;gap:8px;min-width:180px;max-width:520px;height:34px;padding:0 10px;display:flex;position:relative}.os-search>span{color:var(--text-faint)}.os-search input{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;outline:0;flex:1;font-size:12px;overflow:hidden}.os-search kbd{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-faint);border-radius:5px;padding:2px 6px;font-size:9px}.os-search-results{z-index:20;border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;padding:6px;position:absolute;top:40px;left:0;right:0;box-shadow:0 16px 35px #0008}.os-search-results button{width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:0;border-radius:6px;padding:8px;display:block}.os-search-results button:hover{background:var(--bg-hover)}.os-search-results small{color:var(--text-faint);font-size:9px;display:block}.os-env,.os-health{white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:600}.os-env{color:var(--status-local);background:#7c3aed2e}.os-env.staging{color:var(--status-warn);background:#d9770629}.os-env.production{color:var(--status-bad);background:#dc262629}.os-health{border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.os-dot{background:var(--text-faint);border-radius:50%;width:7px;height:7px;display:inline-block}.os-dot.good{background:var(--status-good)}.os-dot.warn{background:var(--status-warn)}.os-dot.bad,.os-dot.external{background:var(--status-bad)}.os-bell{border:1px solid var(--border);background:var(--bg-surface);width:34px;height:34px;color:var(--text-secondary);border-radius:8px;position:relative}.os-bell b{color:#fff;background:#dc2626;border-radius:999px;padding:1px 5px;font-size:8px;position:absolute;top:-5px;right:-4px}.os-primary,.os-secondary,.os-danger,.os-approve,.os-revise{cursor:pointer;border-radius:8px;min-height:34px;padding:7px 12px;font-size:12.5px;font-weight:600}.os-primary{border:1px solid var(--brand-primary);background:var(--brand-primary);color:#fff}.os-primary:hover{background:var(--brand-primary-hover)}.os-secondary{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary)}.os-secondary:hover{background:var(--bg-elevated)}.os-danger{color:var(--status-bad);background:0 0;border:1px solid #dc262666}.os-approve{color:var(--status-good);background:#16a34a2e;border:1px solid #16a34a80}.os-revise{color:var(--status-warn);background:#d9770624;border:1px solid #d9770680}button:disabled{opacity:.45;cursor:not-allowed}.os-nowrap{white-space:nowrap}.os-demo{color:var(--status-local);text-align:center;background:#7c3aed24;flex:none;padding:6px 16px;font-size:10.5px;font-weight:600}.os-content{flex-direction:column;flex:1;gap:16px;min-height:0;padding:22px 26px 42px;display:flex;overflow-y:auto}.os-content>*{flex-shrink:0}.os-page-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.os-page-head small{color:var(--status-local);font-size:10.5px;font-weight:600}.os-page-head h1{margin:3px 0;font-size:26px;line-height:1.2}.os-page-head p{color:var(--text-muted);margin:0;font-size:12.5px}.os-head-actions{gap:8px;display:flex}.os-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;flex-shrink:0;padding:16px 18px}.os-card-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.os-card-title h2{margin:0;font-size:15px;font-weight:600}.os-card-title>span{color:var(--text-faint);font-size:10.5px}.os-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 9px;font-size:10.5px;font-weight:600;display:inline-flex}.os-badge.good{color:var(--status-good);background:#16a34a24}.os-badge.info{color:var(--status-info);background:#0284c724}.os-badge.warn{color:var(--status-warn);background:#d9770624}.os-badge.external{color:var(--status-external);background:#ea580c24}.os-badge.bad{color:var(--status-bad);background:#dc262624}.os-badge.local{color:var(--status-local);background:#7c3aed2e}.os-badge.muted{color:var(--text-muted);background:#64748b24}.os-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.os-kpi-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.os-kpi{min-height:145px;position:relative;overflow:hidden}.os-kpi small{color:var(--text-muted);font-size:11px}.os-kpi>strong{font-variant-numeric:tabular-nums;margin:7px 0 3px;font:700 24px/1.2 Inter,sans-serif;display:block}.os-kpi>span{font-size:9.5px}.os-kpi .positive{color:var(--status-good)}.os-kpi .neutral{color:var(--text-faint)}.os-kpi svg{width:100%;height:27px;margin:5px 0}.os-kpi polyline{fill:none;stroke:var(--brand-primary);stroke-width:2px;vector-effect:non-scaling-stroke}.os-kpi em{color:var(--text-faint);font-size:8.5px;font-style:normal;display:block}.os-grid-21{grid-template-columns:2fr 1fr;gap:12px;display:grid}.os-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.os-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.os-grid-3.compact{gap:8px}.os-grid-3.compact span{border:1px solid var(--border);color:var(--text-faint);border-radius:8px;padding:8px;font-size:9px}.os-grid-3.compact b{color:var(--text-secondary);margin-top:3px;display:block}.os-chart{height:220px;padding:5px 0 24px;position:relative}.os-chart-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:10px 0 35px}.os-chart-lines i{border-top:1px dashed var(--border)}.os-chart svg{width:100%;height:180px;position:relative}.os-chart polyline{fill:none;stroke-width:3px;vector-effect:non-scaling-stroke}.os-chart .revenue{stroke:var(--brand-primary)}.os-chart .profit{stroke:var(--brand-accent)}.os-chart footer{color:var(--text-muted);gap:18px;font-size:10px;display:flex}.os-chart footer span:first-child{color:var(--status-local)}.os-chart footer span:last-child{color:var(--brand-accent)}.os-status-list{gap:4px;display:grid}.os-status-list>div,.os-mini{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.os-mini span{color:var(--text-muted);font-size:11px}.os-mini b{text-align:right;font-size:11px}.os-product-row{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;grid-template-columns:24px minmax(0,1fr) 45px auto;align-items:center;gap:10px;padding:10px 4px;display:grid}.os-product-row:hover{background:var(--bg-elevated)}.os-product-row>b{color:var(--text-faint)}.os-product-row span small,.os-compact-row small{color:var(--text-faint);font-size:9px;display:block}.os-product-row>strong{font:600 14px Inter}.os-recommend,.os-compact-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.os-recommend>span,.os-compact-row>span{flex:1;min-width:0}.os-recommend small{color:var(--text-faint);font-size:9px;display:block}.os-link{color:var(--brand-accent);cursor:pointer;background:0 0;border:0;font-size:10.5px}.os-muted{color:var(--text-muted);font-size:11px}.os-empty{text-align:center;place-items:center;padding:28px 16px;display:grid}.os-empty>b{color:var(--text-faint);font-size:26px}.os-empty h3{margin:6px 0 2px;font-size:13px}.os-empty p{max-width:460px;color:var(--text-muted);margin:0 0 12px;font-size:11px}.os-notice{border-radius:8px;padding:9px 12px;font-size:11px}.os-notice.success{color:var(--status-good);background:#16a34a1f;border:1px solid #16a34a66}.os-notice.error{color:var(--status-bad);background:#dc26261f;border:1px solid #dc262666}.os-filter{border:1px solid var(--border);background:var(--bg-surface);border-radius:10px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.os-filter input,.os-filter select,.os-form input,.os-form textarea,.os-reason textarea{border:1px solid var(--border);background:var(--bg-root);min-height:34px;color:var(--text-primary);border-radius:8px;padding:7px 10px;font-size:11px}.os-filter input{flex:1;min-width:240px}.os-view-toggle{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;padding:3px;display:flex}.os-view-toggle button{color:var(--text-muted);background:0 0;border:0;border-radius:6px;padding:6px 9px;font-size:10px}.os-view-toggle button.active{background:var(--brand-primary);color:#fff}.os-table-card{padding:0;overflow:hidden}.os-table-wrap{flex-shrink:0;max-width:100%;overflow-x:auto}.os-table{border-collapse:collapse;width:100%;min-width:1000px}.os-table th{z-index:1;border-bottom:1px solid var(--border);background:var(--bg-elevated);color:var(--text-faint);text-transform:none;padding:10px 12px;font-size:9px;position:sticky;top:0}.os-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:11px 12px;font-size:11px}.os-table tbody tr{cursor:pointer}.os-table tbody tr:hover{background:var(--bg-elevated)}.os-table td small{color:var(--text-faint);font-size:8.5px;display:block}.os-product-cell{align-items:center;gap:10px;display:flex}.os-image-placeholder,.os-template-preview{border:1px solid var(--border);color:var(--text-faint);background:repeating-linear-gradient(45deg,#222736,#222736 4px,#1b1f2a 4px 8px);place-items:center;display:grid}.os-image-placeholder{border-radius:7px;flex:0 0 40px;width:40px;height:40px}.os-product-cell span{min-width:180px}.os-product-cell small{display:block}.os-green{color:var(--status-good)!important}.os-cyan{color:var(--brand-accent)!important}.os-score{font:600 14px Inter}.os-scorebar{background:var(--bg-hover);border-radius:9px;width:70px;height:3px;margin-top:4px;display:block}.os-scorebar b{background:var(--brand-primary);border-radius:9px;height:100%;display:block}.os-pagination{color:var(--text-faint);justify-content:space-between;align-items:center;padding:10px 14px;font-size:10px;display:flex}.os-pagination button{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);padding:4px 8px}.os-pagination button.active{background:var(--brand-primary);color:#fff}.os-back{color:var(--brand-accent);background:0 0;border:0;align-self:flex-start;font-size:11px}.os-product-hero{grid-template-columns:120px minmax(220px,1fr) 1fr auto;align-items:center;gap:20px;display:grid}.os-product-image{border:1px solid var(--border);width:120px;height:120px;color:var(--text-faint);background:repeating-linear-gradient(45deg,#222736,#222736 4px,#1b1f2a 4px 8px);border-radius:10px;place-items:center;font-size:30px;display:grid}.os-product-main h1{margin:8px 0 2px;font-size:22px}.os-product-main p{color:var(--text-muted);margin:0;font-size:10px}.os-hero-stats{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.os-hero-stats span{color:var(--text-faint);font-size:9px}.os-hero-stats b{color:var(--text-primary);font:600 16px Inter;display:block}.os-hero-actions{gap:7px;display:grid}.os-tabs{border-bottom:1px solid var(--border);gap:3px;display:flex;overflow-x:auto}.os-tabs button{color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 12px;font-size:10.5px}.os-tabs button.active{border-color:var(--brand-primary);color:var(--text-primary)}.os-claims{grid-template-columns:1fr 1fr;gap:10px;display:grid}.os-claims section{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;padding:12px}.os-claims section.forbidden{background:#dc262612}.os-claims h3{color:var(--status-good);margin:0 0 8px;font-size:11px}.os-claims .forbidden h3{color:var(--status-bad)}.os-claims p{color:var(--text-secondary);font-size:10px}.os-ai-card{border-color:#7c3aed66}.os-reco-head{align-items:center;gap:15px;display:flex}.os-reco-head>span{color:var(--text-muted);flex:1;font-size:10px}.os-reco-head strong{float:right;color:var(--text-primary)}.os-reco-head i{background:var(--bg-hover);border-radius:9px;height:5px;margin-top:5px;display:block}.os-reco-head i b{background:var(--brand-primary);border-radius:9px;height:100%;display:block}.os-ai-card li{color:var(--text-secondary);margin:7px 0;font-size:10px}.os-ai-card footer{color:var(--text-faint);justify-content:space-between;margin-top:12px;font-size:9px;display:flex}.os-video-layout{grid-template-columns:200px minmax(0,1fr) 280px;align-items:start;gap:12px;display:grid}.os-steps{padding:8px}.os-steps button{width:100%;color:var(--text-muted);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:9px;font-size:10.5px;display:flex}.os-steps button i{border:1px solid var(--border);border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.os-steps button.active{color:var(--text-primary);background:#7c3aed29}.os-steps button.active i{border-color:var(--brand-primary);background:var(--brand-primary)}.os-steps button.done i{color:var(--status-good);background:#16a34a24;border-color:#16a34a80}.os-editor{min-width:0}.os-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.os-template-grid>button{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);text-align:left;border-radius:8px;padding:0;overflow:hidden}.os-template-grid>button:hover{background:var(--bg-hover)}.os-template-grid>button.selected{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.os-template-preview{border:0;border-bottom:1px solid var(--border);border-radius:0;height:74px}.os-template-preview span{width:28px;height:28px;color:var(--status-local);background:#7c3aed38;border-radius:50%;place-items:center;display:grid}.os-template-grid header{justify-content:space-between;align-items:center;padding:10px 10px 0;font-size:11px;display:flex}.os-template-grid p{color:var(--text-muted);margin:5px 10px;font-size:9px}.os-template-grid footer{border-top:1px solid var(--border);color:var(--text-faint);justify-content:space-between;padding:8px 10px;font-size:8.5px;display:flex}.os-template-grid footer strong{color:var(--brand-accent)}.os-wizard-footer{border-top:1px solid var(--border);justify-content:space-between;margin-top:16px;padding-top:12px;display:flex}.os-context{gap:12px;display:grid}.os-context .os-card{padding:14px}.os-stage-placeholder{text-align:center;align-content:center;place-items:center;min-height:360px;display:grid}.os-stage-placeholder>b{font-size:18px}.os-stage-placeholder p{color:var(--text-muted)}.os-form{gap:12px;display:grid}.os-form label,.os-reason{color:var(--text-muted);gap:5px;font-size:10px;display:grid}.os-form input,.os-form textarea,.os-reason textarea{width:100%}.os-asset-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.os-asset-list label{border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.os-asset-list b{font-size:10px}.os-asset-list small{color:var(--text-faint);font-size:8px;display:block}.os-approval-kpi{min-height:85px}.os-approval-kpi small{color:var(--text-muted)}.os-approval-kpi b{margin-top:5px;font:700 23px Inter;display:block}.os-approval-kpi.bad b{color:var(--status-bad)}.os-approval-kpi.warn b{color:var(--status-warn)}.os-approval-kpi.good b{color:var(--status-good)}.os-master-detail{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:12px;display:grid}.os-master{padding:10px}.os-master>button{width:100%;color:var(--text-secondary);text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px;display:grid}.os-master>button:hover{background:var(--bg-hover)}.os-master>button.active{box-shadow:inset 2px 0 0 var(--brand-primary);background:#7c3aed29}.os-master button span small{color:var(--text-faint);font-size:8px;display:block}.os-master button em{color:var(--text-faint);grid-column:1/-1;font-size:8px;font-style:normal}.os-approval-top{grid-template-columns:140px 1fr;gap:16px;display:grid}.os-video-preview{aspect-ratio:9/16;border:1px solid var(--border);background:repeating-linear-gradient(45deg,#222736,#222736 4px,#1b1f2a 4px 8px);border-radius:8px;flex-direction:column;justify-content:space-between;padding:10px;display:flex}.os-video-preview span,.os-video-preview small{color:var(--text-faint);font-size:8px}.os-approval-top h2{margin:8px 0 2px}.os-approval-top p{color:var(--text-muted)}.os-detail-meta{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.os-detail-meta span{color:var(--text-faint);font-size:8px}.os-detail-meta b{color:var(--text-secondary);font-size:9px;display:block}.os-qc-grid{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.os-qc-grid>article{border:1px solid var(--border);background:var(--bg-elevated);border-radius:8px;padding:12px}.os-qc-grid .os-status-list>div{padding:6px 0}.os-warning,.os-delay{border-left:2px solid var(--status-warn);color:#fcd98a;background:#d977061a;padding:10px 12px;font-size:10px}.os-approval-actions{justify-content:flex-end;gap:7px;margin-top:12px;display:flex}.os-timeline{border:1px solid var(--border);background:var(--bg-surface);border-radius:10px;align-items:flex-start;padding:12px;display:flex;overflow-x:auto}.os-timeline>div{min-width:120px;color:var(--text-muted);align-items:center;gap:7px;font-size:9px;display:flex;position:relative}.os-timeline>div:not(:last-child):after{content:"";background:var(--border);flex:1;height:1px}.os-timeline i{border:1px solid var(--border);border-radius:50%;place-items:center;width:22px;height:22px;font-style:normal;display:grid}.os-integration-groups{gap:22px;display:grid}.os-group-head{justify-content:space-between;align-items:flex-end;margin-bottom:8px;display:flex}.os-group-head h2{margin:0;font-size:17px}.os-group-head p{color:var(--text-faint);margin:2px 0 0;font-size:9px}.os-integration-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;display:grid}.os-integration-grid article>header{justify-content:space-between;align-items:flex-start;display:flex}.os-integration-grid h3{text-transform:capitalize;margin:2px 0;font-size:13px}.os-integration-grid header small{color:var(--text-faint);font-size:9px}.os-int-meta{grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0;display:grid}.os-int-meta span{color:var(--text-faint);font-size:8px}.os-int-meta b{color:var(--text-secondary);margin-top:3px;font-size:9px;display:block}.os-remediation{color:#fcd98a;background:#d977061a;border-radius:7px;padding:9px;font-size:9px}.os-remediation p{margin:4px 0}.os-integration-grid footer{gap:4px;margin-top:8px;display:flex}.os-readiness-steps{border:1px solid var(--border);background:var(--bg-surface);border-radius:10px;padding:15px;display:flex;overflow-x:auto}.os-readiness-steps>div{align-items:center;gap:9px;min-width:180px;display:flex;position:relative}.os-readiness-steps>div:not(:last-child):after{content:"";background:var(--border);flex:1;height:1px;margin-right:10px}.os-readiness-steps i{border:1px solid var(--border);border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.os-readiness-steps i.good{border-color:var(--status-good);color:var(--status-good);background:#16a34a24}.os-readiness-steps i.warn,.os-readiness-steps i.info{border-color:var(--status-warn);color:var(--status-warn);background:#d9770624}.os-readiness-steps span{white-space:nowrap;font-size:9px;font-weight:600}.os-readiness-steps small{color:var(--text-faint);font-size:8px;display:block}.os-readiness-summary{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.os-readiness-summary>div{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;justify-content:space-between;padding:10px;display:flex}.os-checklist{padding:0;overflow:hidden}.os-check-head{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.os-check-head h2{margin:0;font-size:14px}.os-check-head p{color:var(--text-faint);margin:2px 0;font-size:9px}.os-check-head>div:last-child{align-items:center;gap:8px;display:flex}.os-check-head i{background:var(--bg-hover);border-radius:9px;width:120px;height:5px}.os-check-head i b{background:var(--brand-primary);border-radius:9px;height:100%;display:block}.os-check-head strong{font:600 11px Inter}.os-check-table{overflow-x:auto}.os-check-table>header,.os-check-table>div{border-top:1px solid var(--border);grid-template-columns:1.3fr .8fr 1.3fr 1fr .6fr;align-items:center;gap:10px;min-width:760px;padding:9px 16px;font-size:10px;display:grid}.os-check-table>header{background:var(--bg-elevated);color:var(--text-faint);font-size:8px}.os-check-table>div:hover{background:var(--bg-elevated)}.os-check-table>div span{color:var(--text-muted)}@media (max-width:1280px){.os-kpi-grid{grid-template-columns:repeat(2,1fr)}.os-kpi-grid.five{grid-template-columns:repeat(3,1fr)}.os-product-hero{grid-template-columns:100px 1fr 1fr}.os-product-image{width:100px;height:100px}.os-hero-actions{grid-column:2/-1;grid-template-columns:repeat(3,1fr)}.os-video-layout{grid-template-columns:180px minmax(0,1fr)}.os-context{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.os-shell{grid-template-columns:76px minmax(0,1fr)}.os-sidebar{padding:16px 8px}.os-brand{justify-content:center}.os-brand span,.os-brand small,.os-sidebar nav section h2,.os-sidebar nav button span,.os-sidebar nav button small,.os-sidebar-foot div{display:none}.os-sidebar nav{gap:8px}.os-sidebar nav section{gap:3px;display:grid}.os-sidebar nav button{justify-content:center}.os-sidebar nav button i{font-size:15px}.os-sidebar-foot{justify-content:center}.os-grid-21,.os-grid-2{grid-template-columns:1fr}.os-master-detail{grid-template-columns:280px minmax(0,1fr)}.os-product-hero{grid-template-columns:100px 1fr}.os-hero-stats,.os-hero-actions{grid-column:1/-1}}@media (max-width:768px){.os-shell{display:block}.os-sidebar{z-index:30;border:0;border-top:1px solid var(--border);width:100%;height:58px;padding:5px;display:block;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.os-brand,.os-sidebar nav section h2,.os-sidebar-foot{display:none}.os-sidebar nav{gap:3px;display:flex}.os-sidebar nav section{display:flex}.os-sidebar nav section:nth-of-type(n+4){display:none}.os-sidebar nav button{width:58px;min-width:58px;padding:5px}.os-sidebar nav button i{font-size:14px}.os-sidebar nav button:not(.active) span{display:none}.os-sidebar nav button.active{width:auto;min-width:80px}.os-sidebar nav button.active span{font-size:8px;display:block}.os-workspace{height:calc(100vh - 58px)}.os-topbar{padding:0 10px}.os-search{min-width:0}.os-search kbd,.os-health,.os-bell,.os-topbar>.os-primary{display:none}.os-content{padding:16px 12px 30px}.os-page-head{align-items:flex-start}.os-page-head h1{font-size:22px}.os-head-actions{flex-wrap:wrap;justify-content:flex-end}.os-kpi-grid,.os-kpi-grid.five{grid-template-columns:repeat(2,1fr)}.os-grid-3{grid-template-columns:1fr}.os-product-hero{grid-template-columns:80px 1fr}.os-product-image{width:80px;height:80px}.os-video-layout{grid-template-columns:1fr}.os-steps{display:flex;overflow-x:auto}.os-steps button{min-width:120px}.os-context,.os-master-detail{grid-template-columns:1fr}.os-master{max-height:260px;overflow-y:auto}.os-approval-top{grid-template-columns:100px 1fr}.os-qc-grid,.os-readiness-summary{grid-template-columns:1fr}}@media (max-width:480px){.os-kpi-grid,.os-kpi-grid.five,.os-template-grid,.os-claims,.os-asset-list{grid-template-columns:1fr}.os-page-head{display:block}.os-head-actions{justify-content:flex-start;margin-top:10px}.os-product-hero{display:block}.os-product-image{margin-bottom:10px}.os-hero-stats{margin:12px 0}.os-hero-actions{grid-template-columns:1fr;display:grid}.os-approval-top{grid-template-columns:1fr}.os-video-preview{max-width:140px}.os-approval-actions{grid-template-columns:1fr 1fr;display:grid}.os-demo{font-size:8.5px}}.os-grid-2>*{overflow-wrap:anywhere;min-width:0}.os-channel-action{border-bottom:1px solid var(--border);grid-template-columns:minmax(150px,1fr) auto minmax(260px,1.4fr);align-items:center;gap:10px;padding:12px 0;display:grid}.os-channel-action>div small{color:var(--text-faint);font-size:9px;display:block}.os-channel-action form{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.os-channel-action input{border:1px solid var(--border);background:var(--bg-root);min-width:120px;color:var(--text-primary);border-radius:8px;flex:1;padding:7px 9px;font-size:10px}.os-draft-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;display:grid}.os-draft-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:9px;min-width:0;padding:12px}.os-draft-card header,.os-draft-card footer{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.os-draft-card header{justify-content:space-between}.os-draft-card header small,.os-draft-card>small{color:var(--text-faint);font-size:9px}.os-draft-card p{min-height:44px;color:var(--text-secondary);font-size:11px;line-height:1.6}.os-draft-card footer{border-top:1px solid var(--border);margin-top:10px;padding-top:9px}@media (max-width:900px){.os-channel-action{grid-template-columns:1fr auto}.os-channel-action form,.os-channel-action>button,.os-channel-action>.os-muted{grid-column:1/-1;justify-content:flex-start}}.os-growth-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:10px;display:grid}.os-growth-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;min-width:0;padding:13px}.os-growth-card>header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.os-growth-card header small{color:var(--text-faint);font-size:9px;display:block}.os-growth-stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0;display:grid}.os-growth-stats span{border:1px solid var(--border);color:var(--text-faint);border-radius:7px;padding:7px;font-size:8px}.os-growth-stats b{color:var(--text-primary);margin-top:3px;font:600 15px Inter;display:block}.os-growth-card>footer{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.os-growth-card>footer button{white-space:nowrap;flex:1}.os-channel-action{grid-template-columns:minmax(150px,1fr) auto}.os-channel-action form{grid-column:1/-1;justify-content:flex-start}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.os-workflow-run{border-bottom:1px solid var(--border);padding:11px 0}.os-workflow-run>header{justify-content:space-between;gap:8px;display:flex}.os-workflow-run header small{color:var(--text-faint);font-size:9px;display:block}.os-step-strip{gap:5px;margin:9px 0;display:flex;overflow-x:auto}.os-step-strip>span{border:1px solid var(--border);min-width:90px;color:var(--text-muted);border-radius:6px;padding:6px;font-size:8px}.os-step-strip>span.good{color:var(--status-good);border-color:#16a34a80}.os-step-strip>span.warn{color:var(--status-warn);border-color:#d9770680}.os-step-strip>span.info{color:var(--status-info);border-color:#0284c780}.os-step-strip small{margin-top:2px;font-size:7px;display:block}.os-workflow-run footer form{gap:6px;display:flex}.os-workflow-run footer input{border:1px solid var(--border);background:var(--bg-root);min-width:160px;color:var(--text-primary);border-radius:7px;flex:1;padding:7px 9px;font-size:10px}.os-tabs button{align-items:center;gap:8px;display:inline-flex}.os-tab-label{white-space:nowrap}.os-tab-meta{flex-shrink:0;display:inline-flex}.os-source-ref{align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.os-source-ref a{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.os-source-ref .os-link{padding:0;font-size:9.5px}.os-product-source{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;max-width:100%;display:flex}.os-source-summary{align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}.os-source-summary a{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.os-image-placeholder,.os-product-image{overflow:hidden}.os-image-placeholder.has-image,.os-product-image.has-image{background:0 0}.os-image-placeholder img,.os-product-image img{object-fit:cover;width:100%;height:100%;display:block}.os-selection-summary{border:1px solid var(--border);background:var(--bg-elevated);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:11px 13px;display:flex}.os-selection-summary b{font-size:11px}.os-selection-summary span{color:var(--status-local);background:#7c3aed2e;border-radius:999px;padding:3px 9px;font-size:9px;font-weight:600}.os-asset-list label{cursor:pointer;transition:border-color .18s,background .18s,transform .18s;position:relative}.os-asset-list label:hover{background:var(--bg-hover);border-color:#7c3aedb3;transform:translateY(-1px)}.os-asset-list label.selected{border-color:var(--brand-primary);background:#7c3aed1f;box-shadow:inset 0 0 0 1px #7c3aed47}.os-asset-list label input{width:16px;height:16px;accent-color:var(--brand-primary)}.os-render-workspace{gap:14px;display:grid}.os-render-result{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(240px,360px) minmax(0,1fr);align-items:start;gap:12px 16px;display:grid}.os-render-player{aspect-ratio:9/16;border:1px solid var(--border);object-fit:contain;background:#000;border-radius:12px;grid-row:1/5;width:100%;max-height:620px;display:block;box-shadow:0 18px 48px #00000057}.os-render-result-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:11px;display:flex}.os-render-result-head b{font-size:15px;display:block}.os-render-result-head small{color:var(--text-faint);margin-top:3px;font:9px Inter,sans-serif;display:block}.os-render-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.os-render-meta-grid span{border:1px solid var(--border);background:var(--bg-elevated);min-width:0;color:var(--text-faint);border-radius:8px;padding:10px;font-size:8.5px}.os-render-meta-grid b{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;display:block;overflow:hidden}.os-render-downloads{flex-wrap:wrap;align-content:flex-start;gap:7px;display:flex}.os-render-downloads a{border:1px solid var(--border);background:var(--bg-elevated);color:var(--brand-accent);border-radius:7px;padding:7px 10px;font-size:9px;text-decoration:none}.os-render-downloads a:hover{border-color:var(--brand-accent);background:var(--bg-hover)}.os-render-history{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;overflow:hidden}.os-render-history>b{border-bottom:1px solid var(--border);padding:11px 13px;font-size:11px;display:block}.os-render-history>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 13px;display:grid}.os-render-history>div:last-child{border-bottom:0}.os-render-history>div>span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font:9px Inter,sans-serif;overflow:hidden}.os-render-history a{color:var(--brand-accent);font-size:9px;text-decoration:none}.os-render-history a:hover{text-decoration:underline}@media (max-width:900px){.os-render-result{grid-template-columns:1fr}.os-render-player{grid-row:auto;justify-self:center;max-width:360px}}@media (max-width:560px){.os-selection-summary{flex-direction:column;align-items:flex-start}.os-render-meta-grid{grid-template-columns:1fr}.os-render-history>div{grid-template-columns:minmax(0,1fr) auto}.os-render-history a{grid-column:1/-1}}.os-video-workspace{gap:14px;display:grid}.os-video-workspace-toolbar{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;justify-content:space-between;align-items:flex-end;gap:18px;padding:15px 17px;display:flex}.os-video-workspace-toolbar small{color:var(--status-local);letter-spacing:.08em;font-size:9px;font-weight:700}.os-video-workspace-toolbar h2{margin:3px 0;font-size:17px}.os-video-workspace-toolbar p{color:var(--text-muted);margin:0;font-size:10px}.os-video-workspace-controls{align-items:flex-end;gap:9px;display:flex}.os-video-workspace-controls label{color:var(--text-muted);gap:4px;font-size:9px;display:grid}.os-video-workspace-controls select{border:1px solid var(--border);background:var(--bg-root);min-width:145px;min-height:34px;color:var(--text-primary);border-radius:8px;padding:6px 9px;font-size:10px}.os-video-workspace-layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:12px;display:grid}.os-video-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.os-video-library-list{grid-template-columns:1fr;gap:7px;display:grid}.os-video-library-grid>button,.os-video-library-list>button{border:1px solid var(--border);background:var(--bg-surface);min-width:0;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:10px;padding:0;overflow:hidden}.os-video-library-grid>button:hover,.os-video-library-list>button:hover{background:var(--bg-hover);border-color:#7c3aeda6}.os-video-library-grid>button.selected,.os-video-library-list>button.selected{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.os-video-library-thumbnail{aspect-ratio:16/10;border-bottom:1px solid var(--border);background:repeating-linear-gradient(45deg,#222736,#222736 4px,#1b1f2a 4px 8px);width:100%;display:block;position:relative;overflow:hidden}.os-video-library-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.os-video-library-copy{gap:5px;min-width:0;padding:9px;display:grid}.os-video-library-copy>b,.os-video-library-copy>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.os-video-library-copy>b{font:600 10px Inter,sans-serif}.os-video-library-copy>small{color:var(--text-faint);font-size:8px}.os-video-library-copy .os-badge{justify-self:start}.os-video-library-list>button{grid-template-columns:100px minmax(0,1fr);display:grid}.os-video-library-list .os-video-library-thumbnail{aspect-ratio:16/10;border-right:1px solid var(--border);border-bottom:0;height:100%}.os-video-workspace-detail{gap:13px;min-width:0;display:grid}.os-video-workspace-player{aspect-ratio:9/16;border:1px solid var(--border);object-fit:contain;background:#000;border-radius:12px;justify-self:center;width:100%;max-height:620px;display:block;box-shadow:0 18px 48px #00000047}.os-video-workspace .os-render-downloads a{gap:3px;display:grid}.os-video-workspace .os-render-downloads a b{font-size:9px}.os-video-workspace .os-render-downloads a small{color:var(--text-faint);font:8px Inter,sans-serif}.os-video-workspace-empty{text-align:center;grid-column:1/-1;align-content:center;place-items:center;min-height:220px;padding:24px;display:grid}.os-video-workspace-empty>b{color:var(--text-faint);font-size:25px}.os-video-workspace-empty h2,.os-video-workspace-empty h3{margin:7px 0 3px}.os-video-workspace-empty p{max-width:430px;color:var(--text-muted);margin:0;font-size:10px}@media (max-width:1100px){.os-video-workspace-layout{grid-template-columns:300px minmax(0,1fr)}.os-video-library-grid{grid-template-columns:1fr}}@media (max-width:820px){.os-video-workspace-toolbar{flex-direction:column;align-items:flex-start}.os-video-workspace-controls{flex-wrap:wrap;width:100%}.os-video-workspace-layout{grid-template-columns:1fr}.os-video-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-video-workspace-player{max-width:420px}}@media (max-width:520px){.os-video-workspace-controls{flex-direction:column;align-items:stretch}.os-video-workspace-controls select{width:100%}.os-video-library-grid{grid-template-columns:1fr}.os-video-library-list>button{grid-template-columns:86px minmax(0,1fr)}.os-video-workspace .os-render-meta-grid{grid-template-columns:1fr}}