/* Shared primitives and responsive app shell. */
.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.skip{position:fixed;top:-80px;inset-inline-start:24px;z-index:200;background:var(--accent);color:var(--accent-text);padding:12px 20px;border-radius:12px}.skip:focus{top:12px}
.shell{min-height:100vh;padding-inline-start:232px}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:232px;padding:28px 20px;background:var(--black);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;z-index:40}
.brand{height:112px;display:flex;align-items:center;gap:20px;padding-inline:16px;margin-bottom:28px}.brand img{width:48px;height:84px;object-fit:contain}.brand-copy strong{font-size:16px;font-weight:500}.brand-copy small{display:block;color:var(--text-muted);font-size:12px;direction:ltr}
.side-nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:48px;border-radius:10px;color:var(--text-secondary);transition:background var(--fast),color var(--fast)}.nav-item:hover{background:var(--surface-raised);color:var(--text)}.nav-item.active{color:var(--accent-fg);background:var(--accent-soft)}.nav-item .count{margin-inline-start:auto;font-size:12px}
.sidebar .new-request{margin-top:28px}.sidebar-foot{margin-top:auto;padding:24px 12px 0}.account{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:20px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent-fg)}
.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--success);box-shadow:0 0 12px #A8D0B428}.status-dot.orange{background:var(--accent);box-shadow:0 0 12px #FFAB7355}.status-dot.stale{background:var(--warning);box-shadow:none}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding-inline:48px;border-bottom:1px solid var(--border);gap:16px}.topbar-title{display:flex;align-items:center;gap:12px;color:var(--text-secondary)}.topbar-actions{display:flex;align-items:center;gap:8px}.demo-badge{font-size:12px;color:var(--text-muted);padding:4px 8px;border:1px solid var(--border);border-radius:6px}.topbar .mobile-logo{display:none}
.content{max-width:1440px;margin-inline:auto;padding:36px 48px 64px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--accent-fg);font-size:12px;margin-bottom:8px}.subtitle{color:var(--text-secondary);margin-top:8px}.heading-actions{display:flex;gap:8px;align-items:center}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px;margin-bottom:20px}.breadcrumb a{padding-block:8px}.back-icon{transform:scaleX(-1)}[dir=ltr] .back-icon{transform:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:10px;padding:10px 20px;font-weight:450;background:var(--surface-raised);border:1px solid var(--border-control);white-space:nowrap;transition:background var(--fast),transform var(--normal) var(--spring),box-shadow var(--normal)}.button:hover{background:var(--surface-hover)}.button:active{transform:scale(.975)}.button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent-fg)}.button.primary:hover{background:var(--accent-hover);box-shadow:0 4px 24px #FFAB7320}.button.primary:active{background:var(--accent-press)}.button.ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.button.ghost:hover{color:var(--text);background:var(--surface-raised)}.button.danger{color:var(--danger);background:var(--danger-bg)}.button.full{width:100%}.icon-button{width:44px;height:44px;padding:0;min-height:44px;display:inline-grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-secondary)}.icon-button:hover{background:var(--surface-raised);color:var(--text)}.button.small-button{font-size:12px;min-height:44px;padding:8px 12px}
.pill{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 9px;border-radius:6px;font-size:12px;background:var(--surface-raised);color:var(--text-secondary);white-space:nowrap}.pill.orange{background:var(--accent-soft);color:var(--accent-fg)}.pill.success{background:var(--success-bg);color:var(--success)}.pill.warning{background:var(--warning-bg);color:var(--warning)}.pill.danger{background:var(--danger-bg);color:var(--danger)}.pill .icon{width:14px;height:14px}
.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.panel-pad{padding:24px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 16px}.section-head h2{display:flex;align-items:center;gap:8px}.section-count{font-size:12px;color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;min-width:24px;text-align:center}.text-link{color:var(--accent-fg);display:inline-flex;align-items:center;gap:8px;min-height:44px}.text-link .icon{width:16px;height:16px}
.layout-two{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:24px}.stack{display:grid;gap:16px}.row{display:flex;align-items:center;gap:12px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.rule{height:1px;background:var(--border);margin:20px 0}.store-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:20px;background:var(--accent-soft);color:var(--accent-fg);flex-shrink:0}.store-mark.mint{background:#1E2C28;color:#B7CDC1}.store-mark.lilac{background:#27222E;color:#CCBDD8}
.hero-review{position:relative;isolation:isolate;min-height:284px;display:grid;grid-template-columns:minmax(0,1fr) 186px;gap:16px;padding:28px 28px 0;overflow:hidden;border:1px solid #594236;border-radius:24px;background:radial-gradient(ellipse at 10% 100%,#7A452C50,transparent 70%),linear-gradient(125deg,#151312,#201914 70%,#372318)}.hero-review::after{content:'';position:absolute;inset:0;background:url('./assets/pattern.svg') left center/210px auto no-repeat;opacity:.055;z-index:-1}.hero-copy{padding-bottom:28px;display:flex;flex-direction:column;align-items:flex-start}.hero-copy .hero-title{font-size:30px;font-weight:550;margin:16px 0 8px;line-height:1.55}.hero-copy .button{margin-top:20px}.hero-review .media-poster{height:260px;align-self:end;border:1px solid #FFAB7345;border-radius:16px 16px 0 0;box-shadow:0 0 40px #FFAB7312;transform:rotate(-5deg) translateY(16px);overflow:hidden}.media-poster img{width:100%;height:100%;object-fit:cover}.poster-label{position:absolute;bottom:8px;inset-inline:8px;font-size:10px;background:#000B;color:#F3E9E5;padding:4px 8px;border-radius:4px;text-align:center}
.decision-list{border-top:1px solid var(--border)}.decision{padding:20px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px}.decision .decision-body{flex:1;min-width:0}.decision h3{margin:4px 0}.decision .small{color:var(--text-secondary)}.decision .arrow-action{margin-inline-start:auto}.decision .decision-tag{font-size:12px;color:var(--accent-fg)}
.activity-item{display:grid;grid-template-columns:8px 1fr;gap:12px;padding-block:12px}.activity-item .status-dot{margin-top:9px}.activity-item p{font-size:14px}.activity-item time{font-size:12px;color:var(--text-secondary)}.live-card{padding:20px;background:var(--glass);border:1px solid var(--border);border-radius:16px}.live-card .mini-cover{width:48px;height:64px;object-fit:cover;border-radius:7px}.progress{height:4px;border-radius:4px;background:var(--border);overflow:hidden;direction:ltr}.progress>span{height:100%;display:block;background:var(--accent);border-radius:4px;position:relative;transition:width 1s var(--ease)}.progress>span::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#FFE2CE90,transparent);animation:shine 3s linear infinite;transform:translateX(-100%)}@keyframes shine{to{transform:translateX(100%)}}
.live-meta{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:12px;margin:12px 0 8px}.quiet-stat{padding:20px 0;display:flex;gap:24px}.quiet-stat strong{font-size:24px;font-weight:450}.quiet-stat p{font-size:12px;color:var(--text-secondary)}.quiet-stat>div+div{border-inline-start:1px solid var(--border);padding-inline-start:24px}
.bottom-nav{display:none}.footer-note{color:var(--text-muted);font-size:12px;margin-top:32px;display:flex;gap:8px;align-items:center}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin-bottom:24px;overflow:auto;scrollbar-width:none}.tab{position:relative;flex-shrink:0;min-height:48px;padding:12px 0;background:none;color:var(--text-secondary);border-radius:2px}.tab[aria-selected=true]{color:var(--text)}.tab[aria-selected=true]::after{content:'';position:absolute;inset-inline:0;bottom:0;height:2px;background:var(--accent);border-radius:2px}
.brand-banner{position:relative;min-height:188px;border-radius:24px;background:radial-gradient(ellipse at 0 100%,#69523C70,transparent 60%),#171411;border:1px solid #493B30;overflow:hidden;padding:28px;display:flex;align-items:center;gap:24px}.brand-banner::after{content:'';position:absolute;inset:0;background:url('./assets/pattern.svg') left 30%/260px no-repeat;opacity:.07;pointer-events:none}.brand-orbit{width:100px;height:100px;border-radius:50%;border:1px solid #B48F6D;background:radial-gradient(ellipse at 35% 25%,#FFE1BC,#987350 35%,#33271E 70%);box-shadow:inset -12px -8px 24px #0007,0 8px 40px #C89A6D20;display:grid;place-items:center;font-size:40px;color:#231A14;flex-shrink:0}.brand-banner h2{font-size:32px;margin-block:8px}.brand-banner .banner-meta{display:flex;gap:12px;flex-wrap:wrap;color:#C0B5AB}.brand-banner .banner-action{margin-inline-start:auto;z-index:1}.file-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.file-row:last-child{border-bottom:0}.file-icon{width:40px;height:44px;background:var(--surface-raised);border-radius:8px;display:grid;place-items:center;color:var(--text-secondary)}.file-row .file-info{flex:1;min-width:0}.file-row p{overflow-wrap:anywhere}.palette{display:flex;gap:8px;margin-block:20px}.swatch{height:48px;flex:1;border-radius:8px;border:1px solid #FFFFFF25}.brand-source{font-size:12px;color:var(--text-secondary)}
.project-card{padding:20px;display:flex;align-items:center;gap:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.project-card img{width:72px;height:100px;object-fit:cover;border-radius:8px}.project-body{flex:1;min-width:0}.project-card h3{font-size:18px;margin:8px 0}.project-card .progress{margin-top:16px}.project-card .icon-button{flex-shrink:0}.files-detail{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary)}
.timeline{display:flex;align-items:flex-start;margin:24px 0 28px;padding:20px 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:auto}.timeline-step{flex:1;min-width:72px;text-align:center;position:relative;color:var(--text-muted);font-size:12px}.timeline-step::before{content:'';height:1px;position:absolute;top:12px;inset-inline-start:calc(-50% + 16px);width:calc(100% - 32px);background:var(--border)}.timeline-step:first-child::before{display:none}.step-dot{width:24px;height:24px;border:1px solid var(--border-control);border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;background:var(--surface);position:relative;z-index:1}.step-dot .icon{width:12px;height:12px}.timeline-step.done{color:var(--text-secondary)}.timeline-step.done .step-dot{color:var(--success);border-color:var(--success);background:var(--success-bg)}.timeline-step[aria-current=step]{color:var(--accent-fg)}.timeline-step[aria-current=step] .step-dot{background:var(--accent);border-color:var(--accent-fg);color:var(--accent-text);box-shadow:0 0 0 5px #FFAB7310}
.render-card{padding:24px;background:radial-gradient(ellipse at 0 100%,#7C492925,transparent 60%),var(--surface);border:1px solid #584033;border-radius:20px}.render-visual{display:grid;grid-template-columns:112px 1fr;gap:24px;margin-top:24px}.render-thumb{width:112px;height:192px;object-fit:cover;border-radius:12px}.render-number{font-size:56px;font-weight:350;line-height:1.4;color:var(--text)}.render-number small{font-size:24px;color:var(--text-secondary);margin-inline-start:4px}.render-data{display:flex;flex-direction:column;justify-content:center;min-width:0}.render-data .progress{margin-block:16px}.render-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;color:var(--text-secondary)}.render-details strong{display:block;font-weight:450;font-size:14px;color:var(--text)}.stage-track{display:flex;gap:8px;font-size:12px;color:var(--text-secondary);flex-wrap:wrap;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.stage-track .current{color:var(--accent-fg)}.task-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.task-row:last-child{border:0}.task-row .task-meta{margin-inline-start:auto;font-size:12px;color:var(--text-secondary)}.task-status{width:22px;height:22px;border:1px solid var(--border-control);border-radius:50%;display:grid;place-items:center;color:var(--success)}.task-status .icon{width:12px;height:12px}.task-status.active{border-color:var(--accent-fg);color:var(--accent-fg)}.task-status.waiting{border-style:dashed}.detail-disclosure{padding:16px 0;border-top:1px solid var(--border);margin-top:16px;color:var(--text-secondary)}.detail-disclosure summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}
/* Review: the media owns the room; decisions remain adjacent to the exact version. */
.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.review-theater{border:1px solid var(--border);border-radius:20px;background:#030303;overflow:hidden}.theater-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#101010;color:#D6CBC4}.version-toggle{display:flex;padding:4px;gap:4px;background:#22201E;border-radius:8px}.version-toggle button{background:none;color:#B6ADA8;padding:8px 14px;min-height:40px;border-radius:5px;direction:ltr}.version-toggle button[aria-pressed=true]{background:#4D392C;color:#FFD0AC}.video-stage{position:relative;height:388px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#30221950,#030303 70%)}.video-stage video{height:100%;width:auto;max-width:100%;object-fit:contain}.stage-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0009;backdrop-filter:blur(12px);border:1px solid #FFFFFF55}.stage-play .icon{width:24px;height:24px}.video-stage.is-playing .stage-play{opacity:0}.video-stage:hover .stage-play,.stage-play:focus-visible{opacity:1}.stage-source{position:absolute;bottom:12px;inset-inline-start:16px;color:#F3E9E5;background:#000B;border:1px solid #FFFFFF25;border-radius:4px;padding:3px 6px;font-size:10px}.stage-note{color:#C9BEB7;position:absolute;top:12px;inset-inline-start:16px;font-size:12px}.player-controls{padding:16px 20px 12px;background:#101010;color:#F3E9E5}.scrub-wrap{position:relative;direction:ltr;padding-block:8px}.scrub{width:100%;height:20px;accent-color:#FFAB73;cursor:pointer;margin:0;display:block}.scrub-pin{position:absolute;width:5px;height:5px;background:#FFAB73;border-radius:50%;top:0;pointer-events:none}.control-row{display:flex;align-items:center;justify-content:space-between;direction:ltr;gap:8px}.timecode{font-size:12px;color:#F3E9E5;direction:ltr;white-space:nowrap}.player-controls .icon-button{color:#C9BEB7}.playback-buttons{display:flex;gap:2px}.source-frame{font-size:12px;color:var(--text-secondary);margin-top:12px}.review-actions{display:flex;gap:12px;margin-top:16px}.review-actions .button{flex:1}.quality-note{display:flex;justify-content:space-between;gap:12px;margin-top:16px;color:var(--text-secondary);font-size:12px}.comment{border-bottom:1px solid var(--border);padding-block:16px}.comment .comment-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.comment .avatar{width:28px;height:28px;font-size:12px}.comment p{font-size:14px}.comment-time{color:var(--accent-fg);font-size:12px;min-height:44px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--accent-soft);direction:ltr}.comment-tools{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.comment-form label{display:block;margin:16px 0 8px}.comment-form textarea{min-height:88px}.comment-anchor{font-size:12px;color:var(--accent-fg);margin-block:8px}.comment-count{font-size:12px;color:var(--text-secondary)}
/* Composer. */
.composer-layout{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:28px}.field{display:grid;gap:8px;margin-bottom:24px}.field label,.field-label{font-size:14px;color:var(--text)}input:not([type=range],[type=radio],[type=checkbox],[type=file]),select,textarea{width:100%;border:1px solid var(--border-control);border-radius:10px;background:var(--surface);padding:12px 16px;min-height:48px;font-size:16px;outline-offset:3px}textarea{resize:vertical;line-height:1.9;min-height:140px}textarea::placeholder,input::placeholder{color:var(--text-muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-help{font-size:12px;color:var(--text-secondary)}.composer-box{border:1px solid var(--border-control);border-radius:16px;background:var(--surface);overflow:hidden}.composer-box textarea{border:0;border-radius:0;min-height:168px;background:transparent;padding:20px}.attach-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--border)}.attach-actions{display:flex;gap:4px}.attach-actions .button{padding-inline:12px}.attachments{padding-inline:16px}.attachment{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.attachment-name{overflow-wrap:anywhere;flex:1;min-width:0}.attachment-name p{font-size:12px}.attachment-name small{font-size:12px;color:var(--text-secondary)}.attachment .icon{color:var(--text-secondary)}.drop-hint{border:1px dashed var(--border-control);border-radius:10px;padding:16px;text-align:center;margin-top:12px;color:var(--text-secondary);font-size:12px}.is-dragover{outline:2px solid var(--accent);background:var(--accent-soft)}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.mode-card{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid var(--border-control);border-radius:12px;cursor:pointer;background:var(--surface)}.mode-card:has(input:checked){background:var(--accent-soft);border-color:var(--accent-fg)}.mode-card input{accent-color:var(--accent-fg);width:18px;height:18px;margin:4px 0 0}.mode-card strong{font-weight:500;display:block;margin-bottom:4px}.mode-card p{font-size:12px;color:var(--text-secondary)}fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}legend{padding:0}.composer-footer{border-top:1px solid var(--border);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.composer-footer .button{min-width:184px}.steps-list{display:grid;gap:20px}.steps-list .step-row{display:flex;gap:12px;align-items:flex-start}.step-num{width:28px;height:28px;background:var(--accent-soft);color:var(--accent-fg);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:12px}.voice-demo{display:flex;gap:12px;align-items:center;padding:12px 16px;background:var(--accent-soft);border-radius:10px;margin:12px 16px}.wave{display:flex;align-items:center;gap:3px;direction:ltr;height:28px;flex:1}.wave i{display:block;width:3px;height:var(--h,12px);border-radius:4px;background:var(--accent)}.recording .wave i{animation:wave .6s ease-in-out infinite alternate;animation-delay:var(--d,0s)}@keyframes wave{to{height:5px}}.error-summary{background:var(--danger-bg);color:var(--danger);padding:12px 16px;border-radius:10px;margin-bottom:20px}.receipt{background:var(--success-bg);border:1px solid var(--success);padding:24px;border-radius:16px;color:var(--success)}
/* Remote fleet. */
.fleet-summary{display:grid;grid-template-columns:1.3fr 1fr 1fr;border:1px solid var(--border);border-radius:20px;background:var(--glass);overflow:hidden;margin-bottom:28px}.fleet-stat{padding:24px}.fleet-stat+.fleet-stat{border-inline-start:1px solid var(--border)}.fleet-stat strong{font-size:36px;font-weight:400;display:block;margin:8px 0}.fleet-stat p{color:var(--text-secondary);font-size:12px}.fleet-stat strong small{font-size:16px;color:var(--text-secondary)}.fleet-stat .stat-label{font-size:14px}.fleet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.worker{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.worker.active-worker{border-color:#70503B;background:radial-gradient(ellipse at 50% 0,#FFAB730B,transparent 70%),var(--surface)}.worker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.worker-symbol{width:36px;height:36px;border:1px solid var(--border);border-radius:9px;display:grid;place-items:center;color:var(--accent-fg)}.worker h3{font-size:16px;direction:ltr;text-align:start}.worker-capability{font-size:12px;color:var(--text-secondary);direction:ltr;text-align:start;margin:4px 0 16px}.worker .progress{margin-top:12px}.worker .worker-run{padding:12px;background:var(--surface-raised);border-radius:8px;margin-top:16px;font-size:12px}.worker-run .spread{margin-bottom:8px}.worker-time{font-size:12px;color:var(--text-secondary);margin-top:12px;display:flex;gap:8px;align-items:center}.queue{width:100%;border-collapse:collapse;font-size:14px}.queue th{text-align:start;font-weight:400;color:var(--text-secondary);font-size:12px;padding:0 16px 12px;border-bottom:1px solid var(--border)}.queue td{padding:16px;border-bottom:1px solid var(--border)}.queue td:first-child{padding-inline-start:0}.queue th:first-child{padding-inline-start:0}.queue td:last-child{padding-inline-end:0}.queue .queue-title{font-weight:450}.queue small{color:var(--text-secondary);display:block;font-size:12px;margin-top:4px}.fleet-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.fleet-budget{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.fleet-budget strong{font-size:24px;font-weight:400}.filter-tabs{display:flex;gap:8px;margin-bottom:20px}.filter-tabs button{min-height:44px;padding:8px 16px;background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:8px}.filter-tabs button[aria-pressed=true]{background:var(--surface-raised);border-color:var(--border);color:var(--text)}
/* Dialogs, small specimens and gallery. */
dialog{color:var(--text);background:var(--surface-raised);border:1px solid var(--border-control);border-radius:24px;padding:28px;width:min(560px,calc(100% - 32px));max-height:85vh;box-shadow:var(--shadow)}dialog::backdrop{background:#000A;backdrop-filter:blur(8px)}dialog[open]{animation:sheet-in var(--slow) var(--spring)}@keyframes sheet-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dialog-content p{margin-block:12px;color:var(--text-secondary)}.dialog-actions{display:flex;gap:12px;margin-top:24px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);z-index:150;max-width:calc(100% - 32px);width:max-content;background:var(--cream);color:#211B17;box-shadow:0 8px 48px #0008;border-radius:12px;padding:14px 20px;opacity:0;pointer-events:none;transition:opacity var(--normal),transform var(--normal) var(--spring);font-size:14px}.toast.visible{opacity:1;transform:translate(-50%,0)}.skeleton{background:linear-gradient(100deg,var(--surface-raised) 35%,var(--border) 50%,var(--surface-raised) 65%);background-size:300% 100%;animation:skeleton 2.4s linear infinite;border-radius:8px;height:20px}@keyframes skeleton{to{background-position:-150% 0}}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.state-example{padding:28px;border:1px solid var(--border);border-radius:20px}.empty-state{padding:40px 16px;text-align:center}.empty-state .icon{width:40px;height:40px;color:var(--accent-fg);margin-bottom:16px}.empty-state p{color:var(--text-secondary);margin:12px 0 20px}.offline-banner{padding:12px 16px;background:var(--warning-bg);color:var(--warning);border-radius:10px;display:flex;align-items:center;gap:8px}.error-inline{padding:16px;background:var(--danger-bg);color:var(--danger);border-radius:12px}.gallery{max-width:1440px;margin:auto;padding:48px}.gallery-intro{padding:36px 0 48px;display:flex;gap:40px;align-items:center}.gallery-logo{width:76px;height:132px;object-fit:contain;margin:28px}.gallery-intro h1{font-size:52px}.gallery-intro .subtitle{max-width:600px}.gallery-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery-card{border:1px solid var(--border);border-radius:20px;background:var(--surface);overflow:hidden;transition:transform var(--normal) var(--spring),border-color var(--normal)}.gallery-card:hover{transform:translateY(-4px);border-color:var(--accent-fg)}.gallery-preview{height:260px;background:#18130F;overflow:hidden;position:relative}.gallery-preview img{width:100%;height:100%;object-fit:cover;object-position:top}.gallery-card-copy{padding:20px}.gallery-card-copy h2{font-size:20px}.gallery-card-copy p{font-size:14px;color:var(--text-secondary);margin-top:8px}.gallery-number{color:var(--accent-fg);font-size:12px;direction:ltr;display:inline-block;margin-bottom:8px}.gallery-footer{margin-top:40px;display:flex;justify-content:space-between;color:var(--text-secondary);font-size:12px}.token-strip{display:flex;gap:8px;margin-top:24px}.token-strip span{width:32px;height:32px;border-radius:50%;border:1px solid #FFFFFF30}
[data-theme=light] .sidebar{background:var(--surface)}[data-theme=light] .brand img,[data-theme=light] .mobile-logo img,[data-theme=light] .gallery-logo{filter:brightness(0)}[data-theme=light] .hero-review,[data-theme=light] .brand-banner{color:#F3E9E5}[data-theme=light] .hero-review .muted,[data-theme=light] .hero-review .subtle{color:#C8BBB1}[data-theme=light] .brand-banner .pill{background:#35271D;color:#FFCBAB}[data-theme=light] .brand-banner .button:not(.primary){color:#F3E9E5;background:#211C18;border-color:#887A70}[data-theme=light] .hero-review .pill.orange{background:#35271D;color:#FFCBAB}[data-theme=light] .hero-review .hero-copy .button{color:#17100B}
@media(min-width:1600px){.content{padding-inline:64px}.topbar{padding-inline:64px}}
@media(max-width:1199px) and (min-width:1100px){.shell{padding-inline-start:208px}.sidebar{width:208px;padding-inline:12px}.content{padding:28px}.topbar{padding-inline:28px}.layout-two{grid-template-columns:minmax(0,1fr) 264px}.review-layout{grid-template-columns:minmax(0,1fr) 280px}.composer-layout{grid-template-columns:minmax(0,1fr) 248px}}
@media(max-width:1099px){
 .shell{padding-inline-start:0}.sidebar{display:none}.topbar{height:76px;padding-inline:24px}.topbar-title .desktop-crumb{display:none}.topbar .mobile-logo{display:flex;align-items:center;gap:16px}.mobile-logo img{width:30px;height:36px;object-fit:contain;margin:10px}.mobile-logo span{font-size:14px}.topbar .theme-toggle{display:none}.topbar-actions{gap:0}.topbar-actions .inbox-label{font-size:12px}.topbar-actions .button{padding:8px}.demo-badge{font-size:10px;padding:2px 6px}.content{padding:28px 24px 112px}.page-heading{margin-bottom:24px}.heading-actions .desktop-action{display:none}.bottom-nav{display:flex;align-items:center;justify-content:space-around;gap:4px;position:fixed;bottom:0;inset-inline:0;height:84px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#111111F2;backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:50}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:56px;min-width:52px;flex:1;background:none;color:#AFA59E;font-size:10px;border-radius:10px}.bottom-nav .active{color:#FFAB73}.bottom-nav .nav-new{color:#FFAB73;transform:translateY(-9px);background:#2C2119;border:1px solid #76513A;border-radius:16px;max-width:58px;height:58px;min-width:58px;box-shadow:0 -4px 24px #0005}.bottom-nav .nav-new .icon{width:23px;height:23px}.toast{bottom:100px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery{padding:28px}.gallery-intro h1{font-size:40px}
}
@media(max-width:799px){
 :root{--title:30px}h1{font-weight:550}.content{padding:24px 20px 112px}.topbar{padding-inline:10px;height:76px}.topbar-title{gap:0}.mobile-logo{gap:0!important}.mobile-logo span{font-size:12px}.topbar-actions .button{font-size:12px;gap:6px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.subtitle{font-size:14px;margin-top:8px}.eyebrow{font-size:12px}.page-heading .heading-actions{padding-top:8px}.page-heading .heading-actions .button{min-width:44px;padding-inline:10px}.layout-two,.review-layout,.composer-layout{display:flex;flex-direction:column;gap:24px}.layout-two>*,.review-layout>*,.composer-layout>*{min-width:0;width:100%}.hero-review{min-height:244px;grid-template-columns:minmax(0,1fr) 110px;padding:20px 20px 0;gap:8px;border-radius:20px}.hero-copy{padding-bottom:20px}.hero-copy .hero-title{font-size:23px;margin-top:12px;line-height:1.6}.hero-copy .muted{font-size:12px}.hero-copy .button{padding:10px 12px;min-height:44px;margin-top:16px;font-size:12px}.hero-review .media-poster{height:208px;border-radius:10px 10px 0 0;transform:rotate(-5deg) translateY(12px)}.hero-copy .pill{font-size:10px;padding-inline:7px}.poster-label{font-size:8px;inset-inline:4px;padding:3px}.section-head{margin:24px 0 12px}.section-head h2{font-size:18px}.decision{padding-block:16px;gap:12px}.decision .store-mark{width:36px;height:40px;border-radius:10px}.decision h3{font-size:14px}.decision .small{font-size:12px}.decision .button{padding-inline:12px;min-height:44px;font-size:12px}.decision .decision-tag{font-size:10px}.panel-pad{padding:20px}.quiet-stat{padding-top:0}.footer-note{line-height:1.9;margin-top:24px}.breadcrumb{margin-bottom:12px}.brand-banner{padding:20px;gap:16px;min-height:168px;flex-wrap:wrap}.brand-orbit{width:64px;height:64px;font-size:28px}.brand-banner h2{font-size:26px;margin-block:4px}.brand-banner .banner-meta{font-size:12px;gap:8px}.brand-banner .banner-action{display:none}.tabs{gap:24px;margin-top:20px;margin-bottom:20px}.project-card{padding:16px;gap:16px}.project-card img{width:64px;height:96px}.project-card h3{font-size:16px}.project-card .icon-button{width:28px}.timeline{margin-top:16px;margin-bottom:20px;padding:16px 8px}.timeline-step{min-width:54px;font-size:10px}.timeline-step::before{inset-inline-start:calc(-50% + 12px);width:calc(100% - 24px)}.step-dot{width:20px;height:20px}.timeline-step::before{top:10px}.render-card{padding:20px}.render-visual{grid-template-columns:92px 1fr;gap:20px;margin-top:20px}.render-thumb{width:92px;height:172px}.render-number{font-size:48px}.render-details{gap:8px;font-size:10px}.render-details strong{font-size:12px}.stage-track{font-size:10px;gap:6px;margin-top:20px}.task-row{font-size:12px;gap:8px}.task-row .task-meta{font-size:10px}.review-layout{gap:20px}.review-page .content{padding-top:16px}.review-page .page-heading{margin-bottom:16px}.review-page .page-heading h1{font-size:24px}.review-page .subtitle{font-size:12px}.review-page .breadcrumb{display:none}.theater-top{padding:8px 12px}.version-toggle{padding:3px}.version-toggle button{font-size:12px;padding:6px 12px;min-height:36px}.theater-top>.pill{font-size:10px}.video-stage{height:290px}.stage-source{font-size:8px;inset-inline-start:10px;bottom:8px}.stage-note{font-size:10px;inset-inline-start:10px}.player-controls{padding:8px 12px}.control-row{gap:4px}.playback-buttons{gap:0}.player-controls .icon-button{width:36px;min-height:44px}.timecode{font-size:10px}.source-frame{font-size:10px;margin-top:8px}.review-actions{margin-top:12px;gap:8px}.review-actions .button{font-size:12px;min-height:44px;padding-inline:12px}.quality-note{font-size:10px;flex-wrap:wrap;gap:4px;margin-top:12px}.review-comments{padding-top:4px}.review-comments .panel-header{margin-bottom:0}.field-row{gap:12px}.field{margin-bottom:20px}.composer-box textarea{padding:16px;min-height:144px}.attach-toolbar{padding:8px}.attach-toolbar .small{font-size:10px}.attach-actions .button{padding-inline:8px;font-size:12px}.mode-card{padding:12px;gap:8px}.mode-card p{font-size:10px}.mode-card strong{font-size:14px}.composer-footer{align-items:flex-start;gap:12px}.composer-footer .button{min-width:160px;font-size:12px;padding-inline:12px}.composer-footer .field-help{font-size:10px}.composer-aside{margin-top:8px}.drop-hint{display:none}.fleet-summary{grid-template-columns:1.1fr 1fr 1fr;margin-bottom:20px;border-radius:16px}.fleet-stat{padding:16px 12px}.fleet-stat strong{font-size:28px;margin:4px 0}.fleet-stat strong small{font-size:12px}.fleet-stat p{font-size:10px}.fleet-stat .stat-label{font-size:12px}.fleet-grid{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory;padding:0 0 12px;scrollbar-width:thin}.worker{width:280px;flex-shrink:0;scroll-snap-align:start;padding:20px}.worker-head{margin-bottom:12px}.worker .worker-run{margin-top:12px}.fleet-bottom{grid-template-columns:1fr;gap:16px}.queue thead{display:none}.queue tbody{display:grid;gap:0}.queue tr{display:grid;grid-template-columns:1fr auto;gap:8px;padding-block:16px;border-bottom:1px solid var(--border)}.queue td{border:0;padding:0}.queue td:nth-child(3),.queue td:nth-child(4){display:none}.queue small{font-size:10px}.filter-tabs{gap:4px;margin-bottom:8px}.filter-tabs button{font-size:12px;padding:8px 12px}.state-grid{grid-template-columns:1fr}.gallery{padding:20px}.gallery-intro{display:block;padding-top:12px}.gallery-logo{margin:12px 0 28px;width:52px;height:90px}.gallery-intro h1{font-size:36px}.gallery-grid{grid-template-columns:1fr}.gallery-preview{height:340px}.gallery-footer{display:block;line-height:2.2}.gallery-links .button{font-size:12px;padding-inline:12px}.gallery-links{gap:8px}dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:88dvh;border-radius:24px 24px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}
}
@media(max-width:359px){.content{padding-inline:16px}.topbar .mobile-logo span{display:none}.hero-review{padding-inline:16px;grid-template-columns:1fr 90px}.hero-copy .hero-title{font-size:20px}.hero-review .media-poster{height:190px}.decision{gap:8px}.decision .button{padding-inline:8px}.render-visual{grid-template-columns:76px 1fr;gap:16px}.render-thumb{width:76px}.review-actions .button{font-size:10px}.mode-options{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.composer-footer{flex-direction:column}.composer-footer .button{width:100%}.bottom-nav{padding-inline:4px}.bottom-nav a,.bottom-nav button{min-width:48px}}

/* Round 2: clearer brand lockup, a compact identity, and visible decisions. */
.brand{height:136px;padding:16px 12px;gap:20px;justify-content:center;margin-bottom:20px}.brand img{width:52px;height:92px}.brand-copy{max-width:92px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:9px;white-space:nowrap;margin-top:4px}.brand-banner>div:nth-child(2){min-width:0;flex:1}
@media(min-width:1100px){.review-page .content{padding-top:24px}.review-page .breadcrumb{margin-bottom:8px}.review-page .page-heading{margin-bottom:20px}.review-page h1{font-size:32px}.review-page .video-stage{height:320px}.review-page .quality-note{font-size:11px}.hero-review{grid-template-columns:minmax(0,1fr) 212px}.hero-review .media-poster{height:282px}.review-page .detail-disclosure{margin-top:8px}}
@media(max-width:799px){.brand-banner{min-height:144px;flex-wrap:nowrap}.brand-banner .banner-meta{gap:4px}.brand-banner .banner-meta>span{font-size:10px}.brand-banner .banner-meta .icon{width:16px;height:16px}.brand-banner h2{font-size:26px}.brand-orbit{width:64px;height:64px}.today-page .hero-review{min-height:224px}.today-page .hero-review .media-poster{height:196px}.today-page .hero-copy .hero-title{font-size:23px;margin-top:10px}.today-page .hero-copy .button{margin-top:12px}.today-page .section-head{margin-top:20px}.today-page .decision{padding-block:14px}.composer-page .composer-footer{position:fixed;inset-inline:0;bottom:84px;z-index:45;padding:12px 20px;background:var(--bg);box-shadow:0 -12px 28px #0003;align-items:center}.composer-page .content{padding-bottom:220px}.composer-page .composer-footer .button{min-height:48px}.composer-page .composer-footer .field-help{font-size:10px}.composer-page .context-picker{margin:0 0 20px;border:1px solid var(--border);padding:0 12px;border-radius:10px}.composer-page .context-picker summary{font-size:12px;min-height:44px}.composer-page .context-picker .field-row{margin-top:12px}.fleet-stat{padding-block:12px}.fleet-stat p{font-size:10px}.fleet-stat strong{font-size:26px}}
.context-picker{margin:0 0 24px;border-top:0;padding:0}.context-picker summary{color:var(--text-secondary);min-height:44px;display:flex;gap:8px;align-items:center;cursor:pointer}.context-picker summary .icon{width:16px;height:16px}.context-picker[open] summary{margin-bottom:12px}
[data-theme=light] .hero-review .eyebrow,[data-theme=light] .brand-banner .eyebrow{color:#FFAB73}

/* Round 3: stable reading rhythm, interaction detail, and safe-area space. */
.project-card,.live-card{transition:background var(--normal),border-color var(--normal),transform var(--normal) var(--spring)}.project-card:hover,.live-card:hover{border-color:var(--border-control);background-color:var(--surface-hover)}.project-card:active,.live-card:active{transform:scale(.99)}.decision .button{flex-shrink:0}.queue a:hover{color:var(--accent-fg)}.file-row .pill{flex-shrink:0}.context-picker summary>span:first-child{min-width:0;overflow-wrap:anywhere}
@media(min-width:1100px){.job-page .breadcrumb{margin-bottom:8px}.job-page .page-heading{margin-bottom:16px}.job-page .timeline{margin-block:16px 20px;padding-block:16px}.job-page .tabs{margin-bottom:20px}.job-page .content{padding-top:24px}}
@media(max-width:799px){.today-page .decision .decision-body>.small:first-child{font-size:10px}.today-page .hero-review{min-height:216px}.today-page .hero-copy .hero-title{line-height:1.5}.today-page .hero-review .media-poster{height:188px}.today-page .decision{padding-block:12px}.bottom-nav{height:calc(84px + env(safe-area-inset-bottom))}.composer-page .composer-footer{bottom:calc(84px + env(safe-area-inset-bottom))}.composer-page .context-picker summary{font-size:11px}.attach-toolbar .small{font-size:9px}.attach-actions .button{font-size:11px}.composer-box textarea{min-height:136px}}

/* Every discrete control keeps a 44px touch target, including dense media controls. */
.version-toggle button{min-height:44px}.worker-symbol{width:44px;height:44px;min-height:44px}.worker-head .worker-symbol:hover{border-color:var(--accent-fg)}
@media(max-width:799px){.player-controls .icon-button{width:44px;min-width:44px;height:44px}.timecode span:last-child{display:block;font-size:9px}.timecode{text-align:center;line-height:1.6}.composer-page.keyboard-open .bottom-nav{display:none}.composer-page.keyboard-open .composer-footer{bottom:var(--keyboard-offset,0px)}.composer-page.keyboard-open .composer-footer .field-help{display:none}.composer-page.keyboard-open .composer-footer .button{width:100%}}