/* Shared product shell. Client artwork remains on neutral surfaces. */
:root,body,body.iris,body.nova{color-scheme:light;--ink:#1c2b43;--muted:#59697e;--line:#e0e7f0;--paper:#f7f9fc;--accent:#2457d6;--wash:#edf3ff;--surface:#fff;--sidebar:#fff;--radius:12px;--space:8px;--shadow:0 2px 6px #18345a04}
html,body{background:var(--paper);color:var(--ink)}
body{font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button,a,select,input,textarea{touch-action:manipulation}
button{min-height:40px}button.primary,.primary{min-height:44px;box-shadow:none}
button:disabled{cursor:not-allowed;opacity:.55}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
input,select,textarea{border-color:var(--line);color:var(--ink);background:var(--surface)}
input,select{min-height:44px}textarea{line-height:1.65}
label{font-size:13px;font-weight:550}label .optional{font-weight:400}
.small,.optional,small{color:var(--muted)}.small{font-size:13px;line-height:1.7}
.eyebrow{font-size:11px!important;letter-spacing:.11em;font-weight:650;color:var(--muted)}
h1,h2,h3{line-height:1.25;letter-spacing:-.035em;text-wrap:balance}h1{font-size:28px}h2{font-size:23px}h3{font-size:18px}
.sidebar{width:240px;padding:24px 18px;background:var(--surface);border-right:1px solid var(--line)}
.workspace-switch{margin-bottom:22px}.workspace-switch select{font-size:14px;min-height:48px;background:var(--paper);border-color:transparent}
#studio-nav{gap:5px}#studio-nav button{font-size:14px;min-height:46px;border-radius:9px;gap:12px}#studio-nav button span{font-size:17px;color:var(--muted)}
#studio-nav button.active{background:var(--wash);color:var(--accent);font-weight:600}#studio-nav button.active span{color:var(--accent)}
.agent-identity small{font-size:12px}.sidebar-bottom{gap:12px}.sidebar-bottom>button{font-size:13px}
#main{min-width:0}header{padding:28px 36px;background:#fff;border-bottom:1px solid var(--line)}header h1{font-size:26px}.crm-content{max-width:1560px;padding:30px 36px}
.section-heading{gap:16px;margin-bottom:18px}.section-heading h2{font-size:20px}.welcome-line{padding:6px 0 28px}.welcome-line h2{font-size:29px;margin-bottom:10px}.welcome-line p{font-size:15px;color:var(--muted)}
.review-item,.project-card,.workflow-card,.studio-panel{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}
.review-item{padding:20px}.review-item b{font-size:15px;line-height:1.45}.review-item small{font-size:13px}.review-item img,.review-item video{width:100%;height:130px;object-fit:contain;background:var(--paper);border-radius:8px;margin-bottom:12px}
.badge{font-size:11px;line-height:1.5;padding:5px 10px;color:var(--muted)}.badge.complete{background:#eaf3ee;color:#236751}.badge.review{background:#fff2da;color:#725019}
.work-row{min-height:78px;font-size:13px;padding:16px 18px}.work-row b{font-size:14px}.work-row small{font-size:12px}.list-labels{font-size:11px;letter-spacing:.08em}
.library-note{font-size:15px;max-width:700px}.workflow-copy{padding:22px}.workflow-copy>b{font-size:18px}.workflow-copy>p{font-size:14px;line-height:1.65;min-height:46px}.workflow-copy>span,.workflow-example{font-size:13px}.workflow-copy>small{font-size:11px}
.workflow-real-preview{height:210px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eef0f2;position:relative}.workflow-real-preview img,.workflow-real-preview video{max-width:100%;width:100%;height:100%;object-fit:contain}.workflow-real-preview iframe{width:100%;height:100%;border:0;pointer-events:none}.workflow-real-preview>span{position:absolute;left:12px;bottom:12px;background:#fff;padding:4px 9px;border-radius:6px;font-size:11px;color:var(--ink)}
.workflow-example{min-height:46px}.starter .cover-host{opacity:.95}.workflow-option:hover{transform:translateY(-2px)}
.studio-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:26px 28px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:24px}.studio-hero h2{font-size:28px;margin:8px 0 12px}.studio-hero p{font-size:15px;color:var(--muted);max-width:720px;margin:0 0 16px}
.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.studio-panel{padding:24px;background:#fff;min-width:0;margin-bottom:20px}.studio-panel h3{margin:0 0 14px}.studio-panel p{color:var(--muted)}
.studio-stat{padding:14px 18px;background:var(--wash);border-radius:10px}.studio-stat b{font-size:24px;color:var(--accent)}.studio-stat span{font-size:13px;display:block}
.studio-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}.studio-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.studio-field-grid label{display:flex;flex-direction:column;gap:7px}.studio-field-grid input,.studio-field-grid textarea,.studio-field-grid select{width:100%;min-width:0}.studio-field-grid textarea{min-height:100px}
.studio-kit{display:grid;gap:18px}.studio-kit dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px}.studio-kit dt{font-weight:650;color:var(--muted)}.studio-kit dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.studio-kit img{max-width:280px;max-height:180px;object-fit:contain;background:var(--paper);border-radius:10px}
.kit-swatches{display:flex;flex-wrap:wrap;gap:12px}.kit-swatches>div,.kit-swatches>span{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:8px 12px;border-radius:8px;font-size:13px}.kit-swatches i{display:block;width:30px;height:30px;border:1px solid #0002;border-radius:50%}
.studio-evidence{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.studio-evidence:last-child{border:0}.studio-evidence small{display:block;font-size:12px}.studio-evidence h4{font-size:15px;margin:5px 0}.studio-evidence p{margin:7px 0}
.studio-run{padding:18px 22px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;background:white;margin-bottom:20px}.studio-run p{margin:7px 0;color:var(--muted)}.studio-run progress{width:100%}.studio-queue{padding:12px 0;font-size:13px}.studio-queue li{padding:10px 0;border-bottom:1px solid var(--line)}
.upload-tray{position:fixed;bottom:20px;right:20px;z-index:1000;background:#fff;padding:22px;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 50px #1e263326;width:min(400px,calc(100vw - 32px))}.upload-item{padding:10px 0}.upload-item progress{width:100%}.upload-item p{font-size:13px}.upload-item button{min-height:36px}
.project-tabs{gap:20px}.project-tabs button{font-size:13px;min-height:46px}.work-progress{gap:24px;padding:16px 36px}.work-progress>span{font-size:12px;color:var(--muted)}.work-progress i{font-size:10px;width:24px;height:24px}
.studio-work{gap:28px}.agent-response .response-text{font-size:14px;max-height:400px}.work-context p,.work-context label{font-size:13px}.decision-panel>p,.decision-card p{font-size:14px;line-height:1.65}.decision-panel h2{font-size:24px}.decision-card b{font-size:18px}.recommended,.option-label,.choose-label{font-size:11px!important}.decision-card{padding:22px}.decision-card .recommended{color:var(--accent)}
.delivery-teaser p{font-size:13px}.delivery-teaser h2{font-size:23px}.delivery-teaser>.primary{font-size:13px}.teaser-files button{font-size:13px}
.review-desk{max-width:1700px;padding:30px}.review-top h2{font-size:25px}.review-top p{font-size:14px}.review-top-actions button{font-size:13px}.delivery-rationale summary{color:var(--muted);font-size:13px;cursor:pointer}.delivery-rationale[open]{margin-top:14px}.review-layout{grid-template-columns:180px minmax(0,1fr) 280px;gap:20px}.review-file-nav{max-height:75vh}.review-file-nav b{font-size:12px!important;line-height:1.5}.review-file-nav small{font-size:11px!important}.review-file-nav summary{font-size:12px;padding:14px 8px;cursor:pointer}.review-file-nav .file-type{font-size:9px}.review-file-nav>button{min-height:60px}.review-file-nav>.eyebrow{padding:8px}
.review-canvas{min-width:0}.canvas-toolbar{font-size:13px;padding:16px}.canvas-caption{font-size:12px;overflow-wrap:anywhere}.review-notes p,.review-notes label{font-size:13px}.review-notes h3{font-size:21px}.review-notes textarea{width:100%}.review-notes button{font-size:13px}.review-note-actions{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0}.review-comments{margin-top:20px}.review-comment{border-top:1px solid var(--line);padding:13px 0}.review-comment>span{font-size:11px;color:var(--muted)}.review-comment p{white-space:pre-wrap}.note-location{font-size:12px;color:var(--accent);margin:10px 0}.agent-checks{margin:18px 0}.agent-checks summary{font-size:13px;cursor:pointer}.agent-checks p{font-size:12px}.file-checks li{font-size:12px}
.compare-controls{padding:14px 18px;border-bottom:1px solid var(--line);background:#fff}.compare-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px}.compare-controls select{max-width:100%;font-size:12px}.compare-controls .small{display:block;font-size:11px;margin-top:8px}.comparison-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;background:var(--line)}.comparison-grid>section{background:#fff;min-width:0}.comparison-label{display:block;padding:12px 16px;font-size:11px;overflow-wrap:anywhere}.comparison-grid .image-stage{padding:12px;height:420px}.comparison-grid .image-stage img{max-height:390px}.comparison-grid .html-stage{height:520px}.comparison-grid .document-stage{padding:18px;font-size:13px}
.image-artwork{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.image-artwork img{cursor:crosshair;display:block;max-width:100%;height:auto;object-fit:contain}.annotation-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.annotation-overlay circle{fill:var(--accent);stroke:white;stroke-width:2;vector-effect:non-scaling-stroke}
.preview-width-controls button{font-size:12px;min-height:40px}.document-stage{font-size:14px}.review-notes details>summary{min-height:40px;display:list-item;padding:8px 0}
.feature-card p,.evidence-card p{font-size:14px}.feature-card .effort{font-size:12px}.feature-card h3{font-size:20px}.feature-options button{font-size:13px;min-height:44px}.evidence-card small,.evidence-kind{font-size:12px}.dependency-note{font-size:12px!important}.scope-bar{flex-wrap:wrap}.scope-bar span{font-size:13px}
dialog{border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 90px #18273830;padding:28px;max-height:90dvh;max-width:calc(100vw - 32px)}dialog::backdrop{background:#18232e55;backdrop-filter:blur(3px)}dialog h2{font-size:28px}dialog .text-button{min-height:44px;font-size:13px}dialog input,dialog textarea{width:100%}.example-dialog{width:1000px}.example-dialog video,.example-dialog img{max-width:100%;max-height:65vh;object-fit:contain}.example-dialog iframe{width:100%;height:65vh;border:0}.example-dialog .media-stage{background:var(--paper)}
.preference-card p{font-size:13px;line-height:1.65}.preference-card b{font-size:15px}.choice-check{font-size:12px}.format-options button{font-size:13px;min-height:44px}.handover p{font-size:15px}.handover-steps span{font-size:12px}.wizard-actions{flex-wrap:wrap;gap:10px}.wizard-actions button{font-size:14px;min-height:46px}#wizard-progress span{font-size:12px}
@media(min-width:651px){#shell{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:1200px){.review-layout{grid-template-columns:155px minmax(0,1fr)}.review-notes{grid-column:1/-1;display:block;max-width:none;background:#fff;border:1px solid var(--line);padding:22px;border-radius:12px}.review-note-actions{grid-template-columns:1fr 1fr}.studio-grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.studio-grid{grid-template-columns:1fr}.studio-hero{align-items:flex-start;flex-direction:column}.comparison-grid{grid-template-columns:1fr}.studio-field-grid{grid-template-columns:1fr}.review-layout{grid-template-columns:1fr}.review-file-nav{display:flex;overflow:auto;max-height:230px;align-items:flex-start}.review-file-nav>button{width:160px;flex-shrink:0}.review-file-nav details{min-width:180px}.review-notes{grid-column:auto}.studio-kit dl{grid-template-columns:1fr;gap:6px}.studio-kit dd{margin-bottom:12px}}
@media(max-width:650px){.sidebar{width:auto;padding:12px 16px;position:sticky;top:0;z-index:20}.sidebar #studio-nav{display:flex;overflow:auto;gap:6px}#studio-nav button{min-height:44px;font-size:12px;white-space:nowrap}.workspace-switch{margin:0}.workspace-switch select{font-size:13px;min-height:44px}header{padding:20px}header h1{font-size:23px}.crm-content{padding:20px}.studio-panel,.studio-hero{padding:20px}.studio-hero h2{font-size:25px}.studio-actions{align-items:stretch}.studio-actions button{flex:1 1 130px}.review-desk{padding:20px 14px}.review-top{align-items:stretch}.review-top h2{font-size:22px}.review-top-actions{justify-content:space-between}.work-progress{padding:12px 20px;gap:18px;overflow:auto}.work-progress>span{white-space:nowrap;font-size:12px}.image-stage{height:350px}.image-stage img{max-height:320px}.review-note-actions{grid-template-columns:1fr}.review-notes{padding:18px}.comparison-grid .image-stage{height:320px}.comparison-grid .image-stage img{max-height:290px}.compare-controls{padding:12px}.studio-kit img{max-width:100%}.welcome-line h2{font-size:26px}.workflow-copy{padding:20px}.workflow-real-preview{height:200px}dialog{padding:20px;max-width:calc(100vw - 24px)}dialog h2{font-size:24px}.wizard-actions{display:grid;grid-template-columns:1fr 1fr}.wizard-actions .primary{grid-column:1/-1}#wizard-progress{gap:10px}#wizard-progress span{font-size:11px}.preference-grid.styles{grid-template-columns:1fr 1fr}.upload-tray{right:16px;bottom:16px}.project-tabs{gap:12px;overflow:auto}.project-tabs button{white-space:nowrap}.review-item small{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Structured project tools share the same restrained visual language. */
.studio-edit{margin:16px 0;border-top:1px solid var(--line);padding-top:12px}.studio-edit>summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600}.studio-edit[open]>summary{margin-bottom:14px}.studio-panel form>label{display:flex;flex-direction:column;gap:8px;margin:16px 0}.studio-panel form>button{margin-top:16px}.studio-job-choices{border:1px solid var(--line);border-radius:10px;padding:16px;margin:18px 0;min-width:0}.studio-job-choices legend{padding:0 8px;font-size:13px;color:var(--muted)}.studio-job-choices label{display:flex;align-items:flex-start;gap:10px;min-height:40px;font-size:13px;overflow-wrap:anywhere}.studio-job-choices input{width:18px;min-width:18px;height:18px;accent-color:var(--accent);margin-top:2px}.studio-proposals{display:grid;gap:12px;margin:18px 0}.studio-proposals>div{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px;background:var(--paper);border-radius:10px}.studio-proposals b{flex:1 1 220px;font-size:14px}.kit-assets{display:flex;flex-wrap:wrap;gap:14px}.kit-assets a{display:flex;align-items:center;justify-content:center;min-height:90px;max-width:100%;border:1px solid var(--line);border-radius:10px;padding:12px}.campaign-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px}.campaign-metrics>div{padding:16px;background:var(--paper);border-radius:10px;overflow-wrap:anywhere}.campaign-metrics dt{font-size:12px;color:var(--muted)}.campaign-metrics dd{font-size:24px;font-weight:650;margin:6px 0}.campaign-metrics small{font-size:11px}.proof-canvas{display:flex;align-items:center;justify-content:center;background:var(--paper);border-radius:10px;min-height:180px;max-height:340px;overflow:hidden;margin-bottom:18px}.proof-canvas img,.proof-canvas video{width:100%;height:280px;object-fit:contain}.proof-canvas iframe{width:100%;height:300px;border:0}.production-plan{margin-top:20px}.production-plan>summary{cursor:pointer;font-weight:600;min-height:40px}.production-plan pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.handoff-preview{border:1px solid var(--accent);background:var(--wash);border-radius:12px;padding:22px;margin-top:24px}.studio-evidence>div{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.studio-evidence button{font-size:12px;min-height:40px}.studio-evidence button[aria-pressed=true],.studio-actions button[aria-pressed=true]{background:var(--wash);border-color:var(--accent);color:var(--accent)}
.studio-evidence>b+span{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:6px;background:var(--wash);color:var(--accent);font-size:11px}
.studio-hero>div:first-child{min-width:0;flex:1}.studio-hero p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.studio-hero>.studio-actions{flex:0 0 260px}@media(max-width:850px){.studio-hero>.studio-actions{flex-basis:auto}}
.scene-board .studio-grid{display:flex;gap:14px;overflow-x:auto;padding:4px 0 12px;scroll-snap-type:x proximity}.scene-board .studio-evidence{flex:0 0 240px;border:1px solid var(--line);border-radius:10px;padding:16px;scroll-snap-align:start;min-width:0}.scene-board .studio-evidence h3{font-size:16px}.scene-board .studio-evidence>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}.scene-board .proof-canvas{height:120px;min-height:120px;margin:8px 0}.scene-board .proof-canvas img{height:120px}.scene-board .studio-evidence a{font-size:12px}.scene-board .section-heading{flex-wrap:wrap}.scene-board .studio-actions a{font-size:13px}

/* Light blue workspace refinement. These selectors style the product, not client artwork. */
body{font-family:'Segoe UI',Arial,sans-serif}
h1,h2,h3{letter-spacing:-.025em;font-weight:650}
button{border-radius:8px;font-weight:500}
button:hover:not(:disabled){border-color:#bdcce2;background:#f1f5fb}
button.primary:hover:not(:disabled),#send:hover:not(:disabled){background:#1d49b8;border-color:#1d49b8;color:#fff;filter:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
input,select,textarea{border-color:#bdc9d9;border-radius:8px}
input::placeholder,textarea::placeholder{color:#66768b;opacity:1}
input[type=checkbox],input[type=radio],progress{accent-color:var(--accent)}
.eyebrow{letter-spacing:.07em!important}
.sidebar{padding:20px 16px;gap:14px;overflow-y:auto}
.agent-identity{padding:0 4px 20px;border-top:0;border-bottom:1px solid var(--line);gap:11px}
.agent-identity b{font-size:17px;line-height:1.25;letter-spacing:-.02em}
.agent-identity small{font-size:11px;line-height:1.5;margin-top:4px}
.agent-identity .dot{display:none}
#monogram{width:38px;height:38px;border-radius:10px;font-family:inherit;font-size:22px;font-weight:600;line-height:35px;box-shadow:0 3px 6px #2457d61a}
.workspace-switch{margin:0;padding:0;border:0;min-width:0}
.workspace-switch label{font-size:11px;letter-spacing:.04em;margin:0 0 6px 2px}
.workspace-switch select{min-height:44px;padding:10px 12px;background:var(--surface);border:1px solid #bdc9d9;font-weight:600}
#new-work{min-height:44px;margin:0;box-shadow:0 2px 3px #2457d610}
#studio-nav{margin-top:4px;gap:4px}
#studio-nav button{min-height:42px;padding:9px 12px;color:var(--muted);font-size:13px}
#studio-nav button:hover{background:var(--paper)}
#studio-nav button.active,#studio-nav button.active:hover{background:var(--wash);color:var(--accent)}
#studio-nav small{background:#fff;font-size:11px;min-width:22px;text-align:center}
.sidebar-bottom{gap:6px;padding-top:16px;border-top:1px solid var(--line)}
.sidebar-bottom>button{min-height:40px;color:var(--muted)}
header{min-height:98px;padding:22px 32px;gap:18px}
header>div:first-child{min-width:0}header h1{font-size:25px;overflow-wrap:anywhere}
header .eyebrow{margin-bottom:6px;font-size:11px}
.header-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.header-actions button{font-size:13px;min-height:40px}
.crm-content{padding:28px 32px;max-width:1440px}
.project-tabs{padding:0 32px;background:#fff;gap:24px;border-bottom:1px solid var(--line)}
.project-tabs button{font-weight:500;border-radius:0}
.project-tabs button:hover{background:transparent;color:var(--accent)}
.studio-hero{padding:24px;border-radius:12px;gap:24px;box-shadow:var(--shadow);align-items:flex-start}
.studio-hero h2{font-size:26px;margin:8px 0 10px}.studio-hero p{font-size:14px;line-height:1.7}
.studio-hero>.studio-actions{flex-basis:240px;margin:4px 0}
.studio-hero>.studio-actions button{width:100%}
.studio-panel{padding:22px}.studio-panel h3{font-size:17px}
.studio-stat{background:var(--paper);border:1px solid var(--line)}
.studio-stat b{font-size:22px}.studio-grid{gap:18px}
.review-item{padding:18px;align-content:start}.review-item b{font-weight:600}
.review-strip{gap:16px}.section-heading h2{font-size:19px}
.work-list{border-radius:12px;overflow:hidden;border-color:var(--line);box-shadow:var(--shadow)}
.work-row{min-height:72px;padding:15px 18px}.work-row:hover{background:#f7faff}
.list-labels{padding:12px 18px;background:var(--paper);letter-spacing:.045em}
.badge{border-radius:6px;font-weight:500}.badge.in-progress{color:var(--accent);background:var(--wash)}
.library-note{font-size:14px}.category-nav button{min-height:40px;font-size:13px}
.workflow-option{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}
.workflow-option:hover{transform:none;border-color:#b6c8e5;box-shadow:0 5px 16px #18345a0a}
.workflow-option>.workflow-card{border:0;border-radius:0;box-shadow:none;background:#fff}
.workflow-option>.workflow-card:hover{background:#fff}
.workflow-copy{padding:20px}.workflow-copy>b{font-size:17px;font-weight:600}
.workflow-copy>p{font-size:13px;line-height:1.7}.workflow-copy>small{letter-spacing:.05em;color:var(--muted)}
.workflow-option>.workflow-example{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;min-height:44px;background:var(--paper);color:var(--accent);text-align:left;padding:10px 20px}
.workflow-real-preview{height:200px;background:#f1f4f8}.workflow-real-preview>span{border:1px solid var(--line)}
.compact-covers .workflow-real-preview{height:160px}
.workflow-real-preview iframe{position:absolute;left:0;top:0;width:285.714%;height:285.714%;max-width:none;transform:scale(.35);transform-origin:top left}
.asset,.project-card,.feature-card,.evidence-card{border-color:var(--line);border-radius:12px;box-shadow:var(--shadow)}
.asset:hover,.project-card:hover{border-color:#b6c8e5}
.work-context,.review-notes{background:var(--surface)}
.review-notes{border:1px solid var(--line);border-radius:12px;padding:18px;align-self:start}
.agent-response,.decision-panel,.start-panel,.delivery-teaser{border-color:var(--line);border-radius:12px}
.decision-card,.preference-card{border-radius:10px}.decision-card:hover,.preference-card:hover{border-color:#9eb8ec}
.review-desk{padding:26px 28px}.review-canvas{border-color:var(--line);border-radius:12px;overflow:hidden}
.canvas-toolbar,.compare-controls{background:#fff}.review-file-nav button{border-radius:8px}
.review-file-nav button.active{background:var(--wash);color:var(--accent)}
.work-progress{background:var(--paper);padding:14px 32px;border-bottom:1px solid var(--line)}
.studio-run{border-left-width:3px;box-shadow:var(--shadow)}
dialog{border-radius:16px;box-shadow:0 24px 80px #172b4d26;background:#fff;color:var(--ink)}
dialog::backdrop{background:#1c2b4359;backdrop-filter:blur(4px)}
dialog h2{font-size:26px;line-height:1.3}.wizard-actions{border-top:1px solid var(--line);padding-top:18px}
#login{background:var(--paper)}#login-form{border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 48px #18345a0a;background:#fff;padding:32px}
#login-form h1{font-size:28px}#login-form p{color:var(--muted)}
@media(max-width:850px){.studio-hero>.studio-actions{flex-basis:auto;width:100%}.studio-hero>.studio-actions button{width:auto}.header-actions{flex-shrink:1}}
@media(max-width:650px){
 .sidebar{padding:12px 16px 8px;gap:10px;height:auto;overflow:visible;border-bottom:1px solid var(--line)}
 .agent-identity{grid-column:1/-1;padding:0;border:0;gap:8px}.agent-identity b{font-size:15px}.agent-identity small{display:none}
 #monogram{width:28px;height:28px;font-size:17px;line-height:26px;border-radius:7px}
 .workspace-switch{min-width:0}.workspace-switch select{font-size:13px}
 #new-work{font-size:12px;padding:10px 12px}
 #studio-nav{margin:0;grid-column:1/-1;max-width:100%;scrollbar-width:thin}
 #studio-nav button{min-height:40px;padding:8px 12px;font-size:12px;flex-shrink:0}
 header{padding:18px 20px;min-height:86px;flex-wrap:wrap;gap:12px}header h1{font-size:22px}
 .header-actions{gap:6px}.header-actions button{font-size:12px}
 .crm-content{padding:20px 16px}.project-tabs{padding:0 16px;gap:20px}
 .studio-hero,.studio-panel{padding:18px}.studio-hero h2{font-size:23px}
 .review-desk{padding:20px 12px}.review-strip{gap:12px}.studio-grid{gap:14px}
 .studio-hero>.studio-actions{gap:8px}.workflow-copy{padding:18px}
 .compact-covers{grid-template-columns:1fr}.compact-covers .workflow-copy>b{font-size:16px}.compact-covers .workflow-copy>small{font-size:11px}.compact-covers .workflow-copy>span{font-size:12px}
 .work-progress{padding:12px 16px}.review-top-actions{flex-wrap:wrap}
 #login-form{padding:24px;max-width:calc(100vw - 32px)}
}
