/* The environment is the workspace. Every control floats over the full-window canvas. */
body.studio{--panel-width:224px;--gutter:12px;--top:76px;margin:0;width:100vw;height:100dvh;overflow:hidden;background:#c9cdc7}
.studio main{position:fixed;inset:0;display:block;margin:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;background:none;overflow:visible;pointer-events:none}
.studio .center{display:contents;padding:0}
.studio #viewport,.studio #viewport.expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0;aspect-ratio:auto!important;border:0;border-radius:0;box-shadow:none;z-index:0;pointer-events:auto;flex:none}
.studio #viewport:focus-visible{outline:none}
.studio #viewport.scene-mode #canvas-wrap{width:100%!important;height:100%!important}
.studio #canvas-wrap canvas{width:100%;height:100%;display:block}
.studio header{position:fixed;top:12px;left:12px;right:12px;height:48px;padding:0 16px;z-index:30;gap:18px;background:#191919ee;backdrop-filter:blur(16px);border:1px solid #fff4ea19;border-radius:9px;box-shadow:0 3px 14px #0002}
.studio .brand{font-size:18px;gap:8px}.studio .brand strong{font-size:16px}.studio .brand span{margin:0 2px}
.studio .local{font-size:8px;letter-spacing:.5px}.studio .header-actions{margin-left:auto;gap:6px}.studio .header-actions button{padding:5px 10px;font-size:14px;border-radius:5px}.studio .header-actions button[aria-expanded=false]{opacity:.55}.studio .primary small{font-size:8px;margin-left:7px}
.studio .left,.studio .right{position:fixed;top:var(--top);width:var(--panel-width);display:block;padding:15px;overflow:auto;scrollbar-width:thin;scrollbar-color:#bfb5ab transparent;overscroll-behavior:contain;z-index:15;pointer-events:auto;background:#fff4eae8;backdrop-filter:blur(16px);border:1px solid #fff4ea99;border-radius:9px;box-shadow:0 4px 20px #19191918}
.studio .left{left:var(--gutter);bottom:168px}.studio .right{right:var(--gutter);bottom:calc(236px + var(--panel-width)*.5625)}
.studio .panel-title{position:relative;display:block;margin:0 0 17px;padding:0 0 12px;border-bottom:1px solid var(--line)}.studio .panel-title h1{font-size:23px;line-height:1;margin:4px 0 0;letter-spacing:-.3px}.studio .panel-title .eyebrow{font-size:8px;letter-spacing:1px}.studio .panel-title button{position:absolute;right:-4px;top:4px;font:18px var(--mono);color:var(--muted);padding:3px 6px;border-radius:4px}
.studio section{padding-bottom:17px;margin-bottom:17px}.studio .section-title{font-size:17px;margin-bottom:10px}.studio .section-title>span{font-size:7px}.studio .environment-grid{gap:6px}.studio .environment{padding:7px;font-size:13px}.studio .environment svg{height:32px}.studio .environment small{font-size:6px}.studio .environment span{margin-top:4px}
.studio .range-label{margin-top:15px;margin-bottom:3px;font-size:15px}.studio .range-label output{font-size:11px}.studio .range-ends{font-size:6px;margin-top:1px}.studio .dropzone{padding:10px 4px}.studio .dropzone small{font-size:7px}.studio .dropzone b{font-size:14px}.studio .aside-footer{font-size:7px}.studio .rig-card{display:none}
.studio .angles{padding:0 0 17px;margin:0 0 17px}.studio #presets{grid-template-columns:repeat(3,1fr);gap:5px}.studio #presets button{padding:5px 2px;font-size:13px;background:#fff4ea44}.studio #presets button.active{background:#f2615712}.studio #presets .arrow{font-size:17px;line-height:1.1}
.studio .lens-section{padding-top:0}.studio .focal-display{height:63px;gap:0}.studio .focal-display input{font-size:70px;width:106px;letter-spacing:-3px}.studio .focal-display>span{font-size:14px}.studio .lens-description{font-size:13px;margin:6px 0 12px}.studio .lens-stops{margin:8px 0 12px}.studio .lens-stops button{font-size:8px;padding:4px}.studio .lens-info{font-size:7px}.studio .hint{font-size:7px;margin-top:8px}.studio .section-copy{font-size:14px}.studio .xyz input{font-size:10px}
.studio .viewer-bar{position:fixed;top:var(--top);left:calc(var(--panel-width) + 26px);right:calc(var(--panel-width) + 26px);height:34px;padding:0;z-index:10;pointer-events:none;display:flex;justify-content:center;gap:12px}
.studio .shot-context{position:absolute;left:0;top:48px;display:flex;align-items:center;gap:3px;background:#fff4eadb;border:1px solid #fff4ea99;border-radius:5px;padding:7px 9px;backdrop-filter:blur(12px);white-space:nowrap}.studio .shot-context b{font-size:8px}.studio .shot-context #scene-label{font-size:12px;color:#665f58}.studio .separator{padding:0 5px}.studio .viewer-bar>.eyebrow{display:none}.studio .view-tabs{pointer-events:auto;padding:4px;background:#191919de;border:1px solid #fff4ea38;box-shadow:0 2px 8px #19191915;backdrop-filter:blur(12px);border-radius:6px;color:var(--linen)}.studio .view-tabs button{padding:6px 12px;font-size:14px}.studio .view-tabs button.active{color:var(--linen);background:var(--coral);box-shadow:none}
.studio #viewport.scene-mode #scene-toolbar{position:fixed;left:calc(var(--panel-width) + 26px);top:169px;right:auto;bottom:auto;width:36px;display:flex;flex-direction:column;align-items:stretch;gap:5px;z-index:11;pointer-events:auto}
.studio #scene-toolbar>span{flex:none;height:7px}.studio #scene-toolbar button{padding:9px 3px;font-size:0;width:36px;min-height:34px;box-shadow:0 2px 8px #19191913;background:#fff4eae8;backdrop-filter:blur(8px)}.studio #scene-toolbar button.active{background:var(--coral)}
.studio #scene-toolbar button::before{font:15px var(--mono)}.studio [data-tool=navigate]::before{content:'↔'}.studio [data-tool=translate]::before{content:'✥'}.studio [data-tool=rotate]::before{content:'⟳'}.studio #focus-rig::before{content:'◎'}.studio #top-view::before{content:'T';font-size:12px!important}.studio #side-view::before{content:'S';font-size:12px!important}
.studio #viewport #expand-view{position:static}.studio #viewport.scene-mode #scene-info{position:fixed;left:calc(var(--panel-width) + 26px);bottom:192px;top:auto;color:#36433b;z-index:4}.studio #scene-info span{max-width:none;font-size:8px}.studio #scene-info b{font-size:10px}.studio .viewer-foot{position:fixed;left:calc(var(--panel-width) + 26px);right:calc(var(--panel-width) + 26px);bottom:163px;z-index:8;pointer-events:none;padding:4px 0;color:#414b43;font-size:8px;line-height:1.5}.studio .viewer-foot button{pointer-events:auto;background:#fff4eac9;border:1px solid #fff4ea99;border-radius:4px;padding:5px 7px;font-size:8px}.studio .viewer-foot kbd{background:#fff4ea8c;color:#414b43}
.studio #viewport.scene-mode #camera-preview{position:fixed;right:var(--gutter);bottom:168px;top:auto;width:var(--panel-width);max-width:none;border-radius:8px;border:1px solid #fff4eaa8;box-shadow:0 4px 16px #19191922;pointer-events:auto;z-index:15;background:#191919ed}
.studio #camera-preview>div{padding:8px 9px;font-size:8px}.studio #camera-preview button{font-size:7px}.studio #camera-preview small{padding:7px 9px;font-size:7px}.studio #camera-preview canvas{height:auto;aspect-ratio:16/9}
.studio .timeline-panel{position:fixed;left:var(--gutter);right:var(--gutter);bottom:var(--gutter);height:142px;padding:0 16px;z-index:20;pointer-events:auto;background:#fff4eaed;border:1px solid #fff4ea99;border-radius:9px;box-shadow:0 4px 20px #19191918;backdrop-filter:blur(16px)}
.studio .transport{height:43px}.studio .transport #timecode{font-size:13px}.studio .transport #total-time{font-size:9px}.studio .transport button{font-size:13px}.studio #ruler{height:20px}.studio #timeline{height:41px}.studio .key-marker{top:13px}.studio .segment{top:8px}.studio .timeline-footer{padding:9px 0;display:flex;flex-wrap:nowrap;font-size:8px}.studio .timeline-footer select{max-width:none;font-size:9px}.studio .track-label{background:#f8eee5}.studio .bottom-note{display:none}
.studio #toast{z-index:60;bottom:170px}.studio #loading,.studio #drop-overlay{z-index:40}.studio .viewport-top{top:125px}.studio .viewport-bottom{bottom:190px}.studio .viewport-top,.studio .viewport-bottom{left:calc(var(--panel-width) + 26px);right:calc(var(--panel-width) + 26px)}.studio .frame-corner{display:none}
.studio.left-closed .left,.studio.right-closed .right{display:none}.studio.left-closed .viewer-bar,.studio.left-closed #viewport.scene-mode #scene-toolbar,.studio.left-closed #viewport.scene-mode #scene-info,.studio.left-closed .viewer-foot{left:var(--gutter)}.studio.right-closed .viewer-bar,.studio.right-closed .viewer-foot{right:var(--gutter)}.studio.right-closed #viewport.scene-mode #camera-preview{bottom:168px}
.studio.panels-hidden .left,.studio.panels-hidden .right,.studio.panels-hidden .timeline-panel,.studio.panels-hidden .viewer-foot,.studio.panels-hidden .viewer-bar,.studio.panels-hidden #viewport #camera-preview{display:none!important}.studio.panels-hidden #viewport.scene-mode #scene-toolbar{left:12px;top:76px}.studio.panels-hidden #viewport.scene-mode #scene-info{left:12px;bottom:18px}
.studio:not(.scene-view) .right{bottom:168px}
@media(min-width:1600px){body.studio{--panel-width:250px}.studio .left,.studio .right{padding:19px}.studio .environment svg{height:40px}.studio .section-title{font-size:19px}.studio .range-label{font-size:17px}}
@media(max-width:1150px){body.studio{--panel-width:206px}.studio .local{display:none}.studio header{gap:10px;padding:0 12px}.studio .brand strong,.studio .brand>span{display:none}.studio .header-actions button{padding:5px 8px}.studio .viewer-foot{font-size:7px}.studio .shot-context #scene-label{display:none}.studio .shot-context .separator{display:none}}
@media(max-width:800px){body.studio{--panel-width:192px}.studio #help span,.studio .header-actions small{display:none}.studio .brand{font-size:16px}.studio .header-actions{gap:3px}.studio .header-actions button{font-size:12px;padding:5px 6px}.studio .viewer-foot #navigation-help{display:none}.studio .viewer-foot{justify-content:flex-end}.studio .left,.studio .right{padding:12px}.studio .right{bottom:calc(236px + var(--panel-width)*.5625)}.studio .timeline-footer{font-size:7px}.studio #scene-info span{display:none}}
@media(max-width:760px){.studio .left,.studio .right{top:116px;width:220px;bottom:168px;z-index:22}.studio #viewport.scene-mode #camera-preview{width:170px;bottom:168px;z-index:12}.studio .right:not([hidden]){bottom:168px}.studio .viewer-bar{left:12px;right:12px;top:73px;justify-content:center}.studio .shot-context{display:none}.studio #viewport.scene-mode #scene-toolbar{left:12px;top:120px}.studio #viewport.scene-mode #scene-info{left:12px;bottom:190px}.studio .viewer-foot{display:none}.studio #help{display:none}.studio .brand{font-size:0;gap:0}.studio .brand i{width:12px;height:12px}.studio .timeline-panel{padding:0 9px}.studio .transport #timecode{font-size:11px}.studio .transport #total-time{font-size:7px}.studio .transport #add-key{font-size:11px}.studio .timeline-footer label{font-size:0}.studio .timeline-footer select{font-size:8px;max-width:145px}}

.studio .header-actions #expand-view{position:static;color:var(--linen);background:transparent;border-color:#ffffff22;font:600 14px Darker,sans-serif;box-shadow:none}