/* Stage owns its full row; chrome floats above it rather than shrinking the render area. */
.studio{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important;grid-template-rows:minmax(0,1fr)!important;height:var(--arf-h,100svh)!important;max-height:var(--arf-h,100svh)!important}.cockpit,.stage{grid-row:1!important;height:100%!important;min-height:0!important}.cockpit{grid-column:1!important}.stage{grid-column:2!important}
.stage{position:relative!important;display:block!important;overflow:hidden}
.stage .viewport{position:absolute;inset:0;width:100%;height:100%!important;min-height:0!important}
.stage-head{position:absolute;z-index:2;top:0;left:0;right:0;padding:14px 18px;pointer-events:none;background:linear-gradient(#07131fee,transparent)}
.stage-head button{pointer-events:auto}.stage h2{font-size:20px;margin-top:4px}
.stage-status{top:82px;left:18px}.gesture{bottom:150px}
.tools{position:absolute;z-index:2;bottom:0;left:0;right:0;max-height:145px;overflow:auto;padding:8px 16px;background:#07131fe8;border-top:1px solid #284152}
.projects,.views{margin-bottom:6px}.provenance{min-height:0;font-size:9px}.layers{padding-bottom:3px}.progress{margin:4px 0}
.cockpit{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;gap:5px;padding:8px 16px!important;color:#dcebf3}
.cockpit header{gap:8px}.cockpit h1{font-size:12px;letter-spacing:.5px}.cockpit h1 br{display:none}.cockpit .north{font-size:21px}.cockpit .live{font-size:8px;padding:4px}.cockpit .intro,.cockpit>.prompts,.cockpit>footer{display:none}
.transcript{min-height:0!important;padding:0 4px 0 0}.message{padding:7px 10px;margin-bottom:6px;font-size:12px}.message p{margin:3px 0}.message b{font-size:9px}.deliverable-preview{max-height:80px;width:auto}
#composer{display:flex;align-items:center;min-height:44px;flex-shrink:0;border-radius:8px}#composer textarea{min-height:42px;height:42px;padding:9px;font-size:12px}#composer .compose-actions{padding:3px;flex-shrink:0}#composer button{padding:8px;font-size:10px}
@media(max-width:620px){.studio{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) minmax(210px,38%)!important}.stage{grid-column:1!important;grid-row:1!important}.cockpit{grid-column:1!important;grid-row:2!important}.cockpit{max-height:none!important}.stage-head{padding:10px}.stage h2{font-size:16px}.tools{max-height:130px;padding:5px 9px}.tools .views button{flex:initial;font-size:10px;padding:5px}.tools .views .blueprint{flex:initial}.projects select{max-width:135px}.stage-status{top:65px;font-size:9px;left:10px}.gesture{bottom:135px}.cockpit{padding:6px 9px!important}#composer{display:block}#composer textarea{height:32px;min-height:32px}#composer .compose-actions{padding:0 5px 4px}.live{display:none}}

.message{color:#20303c}.stage .blueprint{background:#23485d;color:#e3f3ff}.cockpit h1 br:after{content:" "}.cockpit h1{word-spacing:2px}

/* Clear presentation stage: project name is the only overlay. */
.stage .tools,.stage .stage-status,.stage .gesture,.stage #walkpad,.stage #loading,.stage-head .eyebrow,.stage-head #fullscreen{display:none!important}
.stage-head{background:none!important;padding:18px!important;pointer-events:none}
.stage-head h2{margin:0!important;font-size:20px;line-height:1.3;text-shadow:0 1px 8px #07131f}

/* Left chat: +2pt size and +100 weight. */
.cockpit .message{font-size:11pt!important;font-weight:500!important}
.cockpit .message b{font-size:8.75pt!important;font-weight:800!important}
.cockpit #composer textarea{font-size:18pt!important;font-weight:500!important}