.version-chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#1d1d1f;color:#fff;font-size:11px;font-weight:800;margin-left:8px}
.topbar nav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.topbar nav button{white-space:nowrap}
.studio-assistant{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.status-tile{padding:12px;border-radius:15px;background:var(--bg);font-size:13px}
.status-tile strong{display:block;margin-bottom:3px}.status-tile.ok{background:#eaf7ee;color:#176b36}.status-tile.warn{background:#fff6dd;color:#765600}
.remote-panel{padding:14px;border-radius:18px;background:#111;color:#fff}.remote-panel input{background:#222!important;border-color:#444!important;color:#fff!important}.remote-panel .small-note{color:#aaa!important}
.camera-window.movable{right:auto;bottom:auto;left:72%;top:59%;cursor:grab;touch-action:none}.camera-window.movable:active{cursor:grabbing}
.camera-size-row{display:flex;align-items:center;gap:10px}.camera-size-row input{flex:1}
.production-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.production-card{background:#fff;border-radius:24px;padding:24px;box-shadow:var(--shadow)}.production-card.wide{grid-column:span 2}.production-card h2{margin:0 0 8px;font-size:25px}.production-card p{color:var(--muted);line-height:1.45}
.metric-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.metric-row strong{font-variant-numeric:tabular-nums}
.integration{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.integration-state{padding:5px 9px;border-radius:999px;background:#fff6dd;color:#765600;font-size:12px;font-weight:800}.integration-state.ready{background:#eaf7ee;color:#176b36}
.moodboard-card{display:grid;grid-template-columns:90px 1fr auto;gap:14px;align-items:center;padding:13px;border-radius:18px;background:var(--bg);margin-top:9px}.moodboard-palette{display:flex;height:62px;border-radius:12px;overflow:hidden}.moodboard-palette span{flex:1}
.comparison-pro-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.comparison-pro-tools select,.comparison-pro-tools input{border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:#fff}
.comparison-stage.mode-overlay{display:block}.comparison-stage.mode-overlay figure{position:absolute;inset:0;border:0}.comparison-stage.mode-overlay figure:last-of-type{clip-path:inset(0 0 0 var(--comparison-split,50%));z-index:2}.comparison-stage.mode-stacked{grid-template-columns:1fr}.comparison-stage.mode-stacked figure{min-height:48vh;border-bottom:1px solid rgba(255,255,255,.2)}
.criteria-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.criterion{background:#fff;padding:12px;border-radius:16px;box-shadow:0 3px 12px #0000000a}.criterion label{display:flex;justify-content:space-between;font-size:13px;font-weight:750}.criterion input{width:100%}
.recovery-banner{display:none;padding:12px 16px;background:#fff6dd;color:#5f4800;border-radius:15px;margin-bottom:12px}.recovery-banner.show{display:flex;justify-content:space-between;align-items:center;gap:12px}
@media(max-width:1000px){.production-grid{grid-template-columns:1fr 1fr}.production-card.wide{grid-column:1/-1}.criteria-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.production-grid{grid-template-columns:1fr}.production-card.wide{grid-column:auto}.criteria-grid{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}.moodboard-card{grid-template-columns:1fr}.topbar .version-chip{display:none}}