:root{color-scheme:dark;--bg:#0d111b;--panel:#151c2a;--panel2:#1b2637;--border:#2b384c;--text:#e9eef8;--muted:#9daec3;--accent:#728dff;--green:#5bd5a5;--yellow:#ffc86c;--red:#ff7c92;--radius:13px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,-apple-system,'Segoe UI',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--panel2);color:var(--text);padding:9px 13px;border-radius:9px}button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--accent);color:#0b1020;border-color:var(--accent);font-weight:750}.success{background:#155440;border-color:#276e55}.danger{color:#ffc1cd}.ghost{background:transparent}.tiny{font-size:12px;padding:5px 8px}.icon{font-size:18px}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:216px;background:#101724;border-right:1px solid var(--border);padding:19px 12px;flex-shrink:0}.brand{font-weight:800;font-size:18px;letter-spacing:-.5px;padding:3px 10px 18px}.brand b{color:var(--accent)}.caption{color:var(--muted);font-size:12px}.nav{display:grid;gap:4px}.nav button{text-align:left;background:transparent;border-color:transparent;width:100%;padding:12px}.nav button.active{background:var(--panel2);color:white;border-color:#3a4a66}.sidefoot{position:absolute;bottom:18px;left:18px;right:18px}.main{min-width:0;flex:1;padding:20px 22px 35px;max-width:1900px}.top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}h1,h2,h3,p{margin:0}h1{font-size:22px}h2{font-size:16px}h3{font-size:14px}.flex{display:flex;gap:8px;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:15px}.stack{display:grid;gap:12px}.sectionHead{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px}.badge{font-size:11px;background:#263348;border:1px solid #354760;padding:3px 7px;border-radius:7px;color:#c7d3e7;white-space:nowrap}.badge.green{color:var(--green)}.badge.yellow{color:var(--yellow)}.badge.red{color:var(--red)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar select{max-width:180px}.field{display:grid;gap:5px;min-width:0}.field>span,.field>label{font-weight:650;font-size:12px;color:#c6d5e8}input,textarea,select{width:100%;background:#101827;color:var(--text);border:1px solid #35455d;border-radius:9px;padding:10px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{min-height:85px;resize:vertical}.feed{display:flex;overflow-x:auto;gap:10px;padding:3px 2px 10px;scroll-snap-type:x proximity}.asset{width:128px;min-width:128px;border:1px solid var(--border);border-radius:11px;padding:7px;background:#131d2c;position:relative;cursor:pointer;scroll-snap-align:start}.asset.selected{outline:2px solid var(--accent)}.asset .thumb{height:98px;width:100%;border-radius:7px;background:#263247;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.asset .name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px}.tick{position:absolute;top:12px;left:12px;background:#0a1020bb;border-radius:6px;padding:3px}.asset .markers{display:flex;gap:3px;flex-wrap:wrap;margin-top:5px}.columns{display:grid;grid-template-columns:minmax(310px,45fr) minmax(360px,55fr);gap:13px;align-items:start;margin-top:14px}.selectedStrip{display:flex;gap:7px;overflow-x:auto}.chip{display:flex;gap:5px;align-items:center;background:#27344a;padding:5px 8px;border-radius:7px;font-size:11px;white-space:nowrap}.chip button{border:none;background:none;padding:0;color:#ffc3c3}.split{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--border);padding-bottom:9px;flex-wrap:wrap}.tabs button.active{background:#34436b;border-color:#7089ff}.preview{min-height:245px;display:flex;justify-content:center;align-items:center;position:relative;background:#0c1421;border-radius:12px;border:1px dashed #35465e;overflow:hidden}.preview img,.preview video{display:block;max-width:100%;max-height:390px;object-fit:contain}.placeholder{text-align:center;color:var(--muted);padding:45px 8px}.placeholder .emoji{font-size:38px}.component{padding:11px;border:1px solid var(--border);border-radius:10px;background:#101a2a}.component.active{border-color:var(--green)}.mini{margin-top:6px}.checkline{display:flex;gap:8px;align-items:center;font-size:12px}.checkline input{width:auto;accent-color:var(--accent)}.status{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.status i{height:7px;width:7px;background:var(--green);border-radius:50%}.notice{border:1px solid #445a7b;background:#192840;border-radius:10px;padding:11px;font-size:12px;white-space:pre-wrap}.notice.warn{border-color:#8d623a;background:#3a2b25}.notice.error{border-color:#914458;background:#36202a}.prose{white-space:pre-wrap;line-height:1.6;color:#d8e1f3}.log{max-height:160px;overflow:auto;background:#0e1624;padding:10px;border-radius:9px;font:11px/1.6 ui-monospace,SFMono-Regular,monospace;color:#acbbd2}.hidden{display:none!important}.progress{height:5px;background:#303e54;border-radius:6px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .3s}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.metric{padding:17px;border-radius:10px;background:var(--panel2)}.metric strong{font-size:26px;display:block}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid var(--border);font-size:12px}.table th{color:var(--muted)}.modalWrap{position:fixed;inset:0;z-index:40;background:#020611d9;display:flex;align-items:center;justify-content:center;padding:16px}.modal{position:relative;width:min(900px,100%);max-height:92vh;overflow:auto;background:var(--panel);padding:22px;border:1px solid #566783;border-radius:14px}.modal .close{position:absolute;right:12px;top:12px}.largeMedia{width:100%;max-height:65vh;object-fit:contain;background:#0b1120}.toast{position:fixed;bottom:18px;right:18px;background:#263957;color:white;padding:12px 15px;border:1px solid #5f7aab;border-radius:10px;z-index:99;max-width:350px}.dayGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.day{border:1px solid var(--border);min-height:90px;border-radius:8px;padding:7px;font-size:11px}.day.today{border-color:var(--accent)}.pill{background:#303f6c;border-radius:5px;padding:4px;overflow:hidden;text-overflow:ellipsis;margin-top:4px;cursor:pointer}.mobiletabs{display:none}.hideFeed .feed,.hideFeed .feedFooter{display:none}details summary{cursor:pointer;color:#bfd0f6}.loading{animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.5}}.footnote{margin-top:8px;font-size:11px;color:var(--muted)}
@media(max-width:1100px){.sidebar{width:64px;padding:18px 7px}.sidebar .brand{font-size:0;padding:0 5px 20px}.sidebar .brand::before{content:'CS';font-size:18px}.sidebar .nav button{font-size:0;text-align:center}.sidebar .nav button .icon{font-size:19px}.sidebar .sidefoot{display:none}.columns{grid-template-columns:1fr 1fr}.main{padding:15px}}
@media(max-width:760px){.sidebar{width:52px}.main{padding:12px;max-width:calc(100vw - 52px)}h1{font-size:18px}.columns{display:block}.columns>section{margin-bottom:12px}.mobiletabs{display:flex;margin-top:12px;gap:6px}.mobiletabs button{flex:1}.columns.mobile-left>section:nth-child(2){display:none}.columns.mobile-right>section:nth-child(1){display:none}.panel{padding:11px}.split{grid-template-columns:1fr}.asset{min-width:110px;width:110px}.asset .thumb{height:84px}.day{min-height:65px;padding:4px}.top{align-items:start;flex-wrap:wrap}}

/* Content Studio v0.2: simplified creation workspace */
.compactDraft{gap:17px}.compactDraft .component{background:transparent;border-color:var(--border)}.compactDraft textarea{min-height:190px;font-size:14px;line-height:1.6}.compactDraft>.primary{width:100%;padding:13px}.resultClean{gap:15px}.resultTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.resultTabs button{padding:12px 6px;font-weight:650}.previewStage .preview{min-height:340px;background:#0b1220}.previewStage .preview img,.previewStage .preview video{max-height:min(56vh,530px)}.resultText .prose{font-size:14px;line-height:1.75}.compactTools{padding:12px 0;border-top:1px solid var(--border)}.toolToggle{display:flex;align-items:center;gap:7px;background:var(--panel2);border:1px solid var(--border);border-radius:9px;padding:8px 11px;font-size:12px;cursor:pointer}.toolToggle input{width:auto;accent-color:var(--accent)}.resultActions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.resultActions button{padding:13px;font-weight:700}.slideNav{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:10px;color:var(--muted)}.slideNav button{min-width:38px}.selectedStrip{flex-wrap:wrap;overflow:visible}.columns{grid-template-columns:minmax(310px,42fr) minmax(400px,58fr)}@media(max-width:900px){.columns{grid-template-columns:1fr 1fr}.resultActions{grid-template-columns:1fr}}@media(max-width:760px){.columns{display:block}.resultActions{grid-template-columns:1fr 1fr}.previewStage .preview{min-height:270px}}

/* Production accessibility and responsive extensions of the approved v0.2 design. */
[hidden]{display:none!important}button,input,select{min-height:44px}button:disabled{opacity:1;color:#a8b5c9;background:#1b2637;border-color:#35455d;cursor:not-allowed}button:hover:not(:disabled){background:#293956;border-color:var(--accent)}button.primary:hover:not(:disabled){background:#91a5ff;color:#0b1020}input,textarea,select{caret-color:#a7b8ff}input::placeholder,textarea::placeholder{color:#9daec3;opacity:1}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a7b8ff;outline-offset:3px}::selection{background:#728dff;color:#0b1020}*{scrollbar-width:thin;scrollbar-color:#566783 #101827}a{color:#b6c6ff;text-underline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:17px}.brand svg{color:var(--accent);width:24px;height:24px}.nav button{display:flex;gap:10px;align-items:center}.nav button.active{color:var(--text)}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:var(--panel);padding:12px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3{text-wrap:balance}.main{max-width:1900px}.top{min-height:44px}.panel{min-width:0}.stack>p{max-width:72ch}.notice{font-size:13px;overflow-wrap:anywhere}.globalNotice{margin-bottom:12px}.prose{overflow-wrap:anywhere}.selectedStrip .chip button{min-height:44px;min-width:44px;padding:8px}.selectedStrip .chip{max-width:100%;white-space:normal;overflow-wrap:anywhere}.asset{color:var(--text);text-align:left;min-height:160px;flex-shrink:0}.asset .name{display:block;max-width:100%}.asset .thumb{color:var(--muted)}.asset .tick{width:22px;height:22px;display:grid;place-items:center;background:#0a1020;border:1px solid #566783}.asset[aria-pressed=true] .tick{background:var(--accent);color:#0b1020}.asset:focus-visible{outline-offset:4px}.feed{min-height:125px}.mediaEmpty{width:100%;padding:25px 15px;border:1px dashed #35465e;border-radius:9px;color:var(--muted)}.mobiletabs button{min-height:44px}.taskList,.postList{display:grid;gap:8px}.taskRow,.postRow{padding:12px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.postRow button{text-align:left}.statusText{color:var(--muted);font-size:12px}.connectionList{display:flex;gap:8px;flex-wrap:wrap}.connectionList .badge{font-size:12px}.badge{white-space:normal}.preview{min-height:300px}.preview img,.preview video{max-height:480px}.preview audio{max-width:100%}.textEditor{min-height:180px!important}.versionList{padding:0;list-style:none;display:grid;gap:10px}.versionList li{padding:10px 0;border-bottom:1px solid var(--border)}.dayGrid{gap:5px}.day{min-width:0;font-variant-numeric:tabular-nums}.day .pill{display:block;width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;min-height:44px}.day.weekday{min-height:32px;border:0;color:var(--muted)}.calendarWrap{overflow:auto}.monthTitle{font-variant-numeric:tabular-nums;min-width:150px;text-align:center}.calendarEmpty{margin-top:12px}.split{align-items:start}.resultTabs{grid-template-columns:repeat(3,1fr)}.resultTabs button{min-width:0}.pendingLabel{color:var(--yellow)}.goodLabel{color:var(--green)}.badLabel{color:var(--red)}.dropZone{border:1px dashed #566783;border-radius:9px;padding:12px}.dropZone.dragging{border-color:var(--accent);background:#223052}.feedFooter{padding-top:8px}.preview .placeholder p{max-width:43ch;margin-top:8px}.uploadState{margin-top:10px}.toolbar select{min-width:140px}.caption{overflow-wrap:anywhere}.readonlyNote{margin-top:8px}.toolsList{display:flex;flex-wrap:wrap;gap:8px}.toolToggle{cursor:default}.footnote{font-size:12px}.statsTable{overflow:auto}.table{min-width:420px}.table td{overflow-wrap:anywhere}.table td:first-child{max-width:300px}.resultClean>.resultActions{margin-top:5px}.notice:empty{display:none}.nav button{font-size:14px}.sidefoot{line-height:1.7}.columns{margin-top:14px}.errorRecovery{margin-top:8px}
@media(max-width:1100px){.brand span{display:none}.sidebar .brand::before{content:none}.sidebar .nav button{font-size:14px;padding:12px}.nav .navText{display:none}.sidebar .nav button{justify-content:center}.columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:10px 12px;border-right:0;border-bottom:1px solid var(--border)}.sidebar .brand{display:none}.nav{display:flex;gap:4px;overflow-x:auto}.sidebar .nav button{width:auto;flex-shrink:0;padding:9px 11px;gap:6px;justify-content:flex-start;font-size:12px}.nav .navText{display:inline}.nav svg{width:18px;height:18px}.sidebar .sidefoot{display:none}.main{max-width:100%;padding:12px}.top{align-items:center}.columns{display:block}.columns.mobile-left>section:nth-child(2),.columns.mobile-right>section:nth-child(1){display:none}.columns>section{margin-bottom:12px}.split{grid-template-columns:1fr}.resultActions{grid-template-columns:1fr}.mobiletabs{display:flex}.dayGrid{min-width:570px}.day{min-height:80px}.toolbar{gap:6px}.sectionHead{align-items:flex-start}.asset{min-width:118px;width:118px}.feed{padding-bottom:12px}.top .toolbar{width:100%;justify-content:space-between}.previewStage .preview{min-height:270px}.resultTabs button{font-size:12px;padding:10px 5px}.monthTitle{min-width:130px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.libraryGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px}.assetWrap{min-width:0;flex-shrink:0}.assetWrap>a{display:block;font-size:12px;margin:8px 0 12px;max-width:135px}.libraryGrid .asset{width:100%;min-width:0}.feed .assetWrap{width:128px}.libraryGrid .mediaEmpty{grid-column:1/-1}

.artifactText{max-height:450px;overflow:auto;max-width:72ch}summary{min-height:44px;padding:10px 0}input[type=checkbox]{min-height:24px}

#sourceFacts{min-height:110px}.toolbar>input[type=search]{flex:1;min-width:160px;width:auto}.skip:not(:focus){visibility:hidden}

.assetWrap>button:last-child{margin-top:6px;width:100%;font-size:12px;padding:8px}.assetWrap>.caption{font-size:11px;margin-top:5px}.topicBrief{max-width:72ch}#topicBrief{min-height:130px}.postRow .prose{max-width:72ch}

/* Simple session gate, in the incumbent dark studio palette. */
.authScreen{min-height:100dvh;display:grid;place-items:center;padding:24px}.authCard{width:min(100%,400px);padding:28px;gap:22px;box-shadow:0 16px 48px #03071166}.authBrand{display:flex;align-items:center;gap:10px}.authBrand svg{color:var(--accent);width:26px;height:26px}.authBrand h1{font-size:24px;letter-spacing:-.02em}.authCard h2{font-size:18px}.authCard form{gap:18px}.authCard input{min-height:48px}.authCard button.primary{min-height:48px}.authCard .notice{margin:0}.authCard>.caption{font-size:12px}.top #sessionUsername{max-width:150px;overflow-wrap:anywhere}
@media(max-width:480px){.authScreen{padding:18px}.authCard{padding:23px;gap:20px}.top #sessionUsername{max-width:100px}}