@font-face{font-family:Darker;src:url('./vendor/darker-grotesque.ttf')}@font-face{font-family:Mono;src:url('./vendor/jetbrains-mono.ttf')}*{box-sizing:border-box} :root{--coral:#f26157;--linen:#fff4ea;--carbon:#191919;--muted:#8c8580;--line:#d9d0c8;--paper:#f0ebe8;--mono:Mono,monospace}body{margin:0;background:var(--carbon);color:var(--carbon);font-family:Darker,sans-serif;font-size:16px;font-weight:600}button,input,select{font:inherit}button{cursor:pointer;border:1px solid transparent;background:transparent;color:inherit;transition:background .15s,border-color .15s}button:hover{background:#1919190a}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--coral);outline-offset:3px}button:disabled{opacity:.35;cursor:default}header{height:64px;display:flex;align-items:center;padding:0 24px;color:var(--paper);gap:32px}.brand{text-decoration:none;color:inherit;display:flex;gap:10px;align-items:center;font-size:20px;white-space:nowrap}.brand i{width:11px;height:11px;background:var(--coral);border-radius:4px}.brand span{margin:0 5px;opacity:.3}.brand strong{font-weight:600;color:#bfb5ad}.local{font:9px var(--mono);letter-spacing:1px;display:flex;align-items:center;gap:8px;margin-left:auto}.local i,.aside-footer i{width:5px;height:5px;background:#79b791;border-radius:50%}.header-actions{display:flex;gap:8px;align-items:center}.header-actions button{padding:8px 13px;border-radius:7px;border-color:#ffffff22;font-size:15px}.header-actions button:hover{background:#ffffff15}.header-actions .primary{background:var(--coral);border-color:var(--coral);color:var(--linen)}.primary small{font:9px var(--mono);margin-left:12px;opacity:.8}main{margin:0 8px 8px;border-radius:18px;background:var(--linen);min-height:calc(100vh - 72px);display:grid;grid-template-columns:250px minmax(480px,1fr) 250px;overflow:hidden}.left,.right{padding:24px 21px}.left{border-right:1px solid var(--line)}.right{border-left:1px solid var(--line)}.panel-title{margin-bottom:28px}.eyebrow,.section-title>span,.range-ends,.aside-footer,.bottom-note,.lens-info,.hint,.rig-card p{font:9px/1.6 var(--mono);letter-spacing:.3px;color:var(--muted)}h1{font-size:31px;line-height:.95;letter-spacing:-.6px;font-weight:600;margin:12px 0}p{margin:7px 0}.panel-title p{font-size:15px;color:var(--muted)}section{padding-bottom:23px;margin-bottom:22px;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:18px;margin-bottom:12px;line-height:1}.section-title>span{font-size:8px}.environment-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.environment{position:relative;text-align:left;background:#ede6df;border:1px solid transparent;border-radius:7px;padding:8px;font-size:14px;line-height:1.1}.environment svg{width:100%;height:42px;fill:none;stroke:#9b938c;stroke-width:1.5}.environment span{display:block;margin-top:7px}.environment small{position:absolute;bottom:8px;right:7px;font:7px var(--mono);color:var(--muted)}.environment.active{border-color:var(--coral);background:#f261570d}.environment.active svg{stroke:var(--coral)}.range-label{display:flex;align-items:baseline;justify-content:space-between;margin-top:20px;margin-bottom:5px;font-size:16px}.range-label output{font:12px var(--mono)}output small{font-size:9px;color:var(--muted)}input[type=range]{width:100%;height:13px;margin:0;appearance:none;background:transparent;cursor:pointer;--fill:0%}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--coral) var(--fill),#dbd2cb var(--fill));border-radius:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--coral);border-radius:50%;width:10px;height:10px;margin-top:-3.5px}input[type=range]::-moz-range-track{height:3px;background:#dbd2cb}input[type=range]::-moz-range-progress{background:var(--coral);height:3px}input[type=range]::-moz-range-thumb{border:0;background:var(--coral);width:10px;height:10px;border-radius:50%}.range-ends{display:flex;justify-content:space-between;font-size:7px;margin-top:3px}.dropzone{border:1px dashed #bcb0a6;border-radius:7px;width:100%;padding:14px 4px;display:flex;flex-direction:column;align-items:center;gap:3px}.drop-icon{color:var(--coral);font-size:23px;line-height:1}.dropzone b{font-weight:600;font-size:16px}.dropzone small{font:8px var(--mono);color:var(--muted)}.aside-footer{display:flex;gap:6px;align-items:center;font-size:8px}.center{padding:0 20px;display:flex;flex-direction:column;min-width:0}.viewer-bar{display:flex;justify-content:space-between;align-items:center;height:57px;gap:10px;font-size:13px}.viewer-bar b{font:9px var(--mono);letter-spacing:.6px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--coral);border-radius:50%;margin-right:7px}.separator{padding:0 10px;color:#bcb0a6}#scene-label{color:var(--muted)}.view-tabs{display:flex;background:#e9e1da;padding:3px;border-radius:6px}.view-tabs button{font-size:13px;line-height:1;padding:6px 10px;border-radius:4px}.view-tabs button.active{background:var(--linen);box-shadow:0 1px 2px #0001}#viewport{position:relative;aspect-ratio:16/9;background:#b4b3b0;border-radius:8px;overflow:hidden;outline-offset:0;cursor:grab;touch-action:none}#viewport:active{cursor:grabbing}#canvas-wrap,#canvas-wrap canvas{width:100%;height:100%;display:block}#canvas-wrap{position:absolute;inset:0}.viewport-top,.viewport-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none;color:#fdfaf7;font:9px var(--mono);text-shadow:0 1px 5px #0008;letter-spacing:1px}.viewport-top{top:23px}.viewport-bottom{bottom:23px}.viewport-top span{padding:5px 7px;background:#1919193d;border-radius:3px}.frame-corner{position:absolute;width:12px;height:12px;border-color:#fff8;border-style:solid;pointer-events:none}.tl{top:15px;left:15px;border-width:1px 0 0 1px}.tr{top:15px;right:15px;border-width:1px 1px 0 0}.bl{bottom:15px;left:15px;border-width:0 0 1px 1px}.br{bottom:15px;right:15px;border-width:0 1px 1px 0}.crosshair{position:absolute;left:50%;top:50%;width:10px;height:10px;border-left:1px solid #ffffff60;border-top:1px solid #ffffff60;transform:translate(-50%,-50%);pointer-events:none}.viewer-foot{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font:8px var(--mono);color:var(--muted)}kbd{font:8px var(--mono);border:1px solid #cfc4ba;border-radius:3px;padding:2px 3px;margin-right:3px}.dot{padding:0 6px}.viewer-foot button{font:9px var(--mono);padding:5px;color:#756c64}.angles{padding:18px 0 23px;border-bottom:1px solid var(--line)}#presets{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}#presets button{border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;align-items:center;padding:8px 2px;font-size:14px}#presets .arrow{font-family:var(--mono);font-size:24px;line-height:1.3;color:#8c8580}#presets .active{border-color:var(--coral);background:#f261570b;color:var(--coral)}#presets .active .arrow{color:var(--coral)}.transport{height:66px;display:flex;justify-content:space-between;align-items:center}.transport>div,.play-controls{display:flex;align-items:center;gap:7px}.transport button{border:1px solid var(--line);border-radius:5px;font-size:13px;padding:4px 8px}.transport .play{background:var(--carbon);color:var(--linen);width:31px;height:29px;font-size:10px}.transport #timecode{font:14px var(--mono);margin-left:5px}#total-time{font:9px var(--mono);color:var(--muted)}#ruler{position:relative;height:23px;margin:0 8px 0 64px;font:8px var(--mono);color:var(--muted)}#ruler span{position:absolute;transform:translateX(-50%)}#timeline{height:57px;position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent,transparent calc(5% - 1px),#19191908 5%);cursor:crosshair;touch-action:none}.track-label{position:absolute;left:0;top:0;bottom:0;width:64px;display:flex;align-items:center;background:var(--linen);font:7px var(--mono);color:var(--muted);z-index:2}#key-markers,#track-segments{position:absolute;left:64px;right:8px;top:0;bottom:0}.key-marker{position:absolute;top:20px;width:13px;height:13px;transform:translateX(-50%) rotate(45deg);background:var(--linen);border:1px solid var(--coral);border-radius:2px;padding:0;z-index:4;cursor:ew-resize}.key-marker.selected{background:var(--coral);box-shadow:0 0 0 3px #f2615720}.segment{position:absolute;height:24px;top:14px;background:#f2615710;border:1px solid #f2615720;text-align:center;overflow:hidden;font:8px/22px var(--mono);color:#c68c80}#playhead{position:absolute;top:-7px;bottom:-1px;width:1px;background:var(--coral);pointer-events:none;z-index:5}#playhead i{position:absolute;left:-4px;top:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--coral)}.timeline-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 0;gap:8px;font:8px var(--mono);color:var(--muted)}.timeline-footer label{display:flex;align-items:center;gap:7px}.timeline-footer select{background:#ede6df;border:0;border-radius:4px;padding:5px;color:#5e534a;font:8px var(--mono);max-width:145px}.bottom-note{margin-top:auto;padding:23px 0 19px;display:flex;justify-content:space-between;font-size:7px}.lens-section{padding-top:3px}.focal-display{display:flex;align-items:baseline;height:88px;gap:3px}.focal-display input{background:none;border:0;padding:0;width:125px;font:600 90px/.8 Darker;color:var(--coral);letter-spacing:-5px;appearance:textfield}.focal-display input::-webkit-inner-spin-button{display:none}.focal-display>span{font:16px var(--mono);color:var(--coral)}.lens-description{font-size:14px;color:var(--muted);margin:9px 0 20px}.lens-stops{display:flex;justify-content:space-between;gap:3px;margin:14px 0 22px}.lens-stops button{font:9px var(--mono);padding:5px;border-radius:4px}.lens-stops button.active{background:var(--coral);color:var(--linen)}.lens-info{display:flex;justify-content:space-between;font-size:8px;margin-top:6px;letter-spacing:0}.lens-info b{color:#59504a;font-weight:400}.xyz{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.xyz label{background:#eae3dd;padding:7px 5px;border-radius:4px;font:9px var(--mono);color:var(--muted)}.xyz input{background:none;border:0;width:100%;padding:6px 0 0;font:11px var(--mono);color:var(--carbon)}.rotation-fields{display:flex;gap:4px;margin-top:10px}.rotation-fields label{font:8px var(--mono);color:var(--muted);width:33%}.rotation-fields input{width:33px;background:none;border:0;color:var(--carbon);font:10px var(--mono);padding:5px 0;text-align:right;appearance:textfield}.rotation-fields input::-webkit-inner-spin-button{display:none}.hint{font-size:8px;margin:12px 0 0}.section-copy{font-size:15px;color:var(--muted)}.noise-wave{font-size:22px!important;letter-spacing:-4px!important;color:var(--coral)!important}.rig-card{text-align:center;border:1px solid var(--line);border-radius:8px;padding:8px 8px 13px}.rig-card svg{width:110px;height:66px;stroke:#aaa099;stroke-width:1;fill:none}.rig-card svg .cone{fill:#f2615715;stroke:var(--coral)}.rig-card svg circle{fill:var(--coral);stroke:none}.rig-card b{font-weight:600;display:block;font-size:17px}.rig-card p{font-size:8px;letter-spacing:0;margin:5px 0 0}#assets{font:9px var(--mono);line-height:1.6}.asset-row{display:flex;align-items:center;gap:4px;margin-top:8px}.asset-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.asset-row button{font-size:14px}.quiet{font:9px var(--mono);padding:10px 0;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--carbon);color:var(--linen);border:1px solid #fff3;padding:12px 22px;border-radius:8px;font:11px/1.6 var(--mono);z-index:20;max-width:90vw}dialog{border:1px solid #cfc4ba;border-radius:14px;background:var(--linen);color:var(--carbon);padding:32px;max-width:550px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#19191988;backdrop-filter:blur(3px)}dialog h2{font-size:29px;margin:12px 0}dialog p{font-size:17px;line-height:1.4;margin:15px 0}dialog .close{position:absolute;right:10px;top:7px;font-size:25px}dialog progress{width:100%;accent-color:var(--coral)}#cancel-export{border:1px solid var(--line);border-radius:5px;padding:7px 14px}#loading,#drop-overlay{position:absolute;inset:0;display:grid;place-content:center;color:var(--linen);background:#191919aa;font:14px var(--mono);z-index:8}#drop-overlay{border:2px dashed var(--coral)}[hidden]{display:none!important}@media(min-width:1550px){main{grid-template-columns:280px minmax(600px,1fr) 280px}.left,.right{padding:28px}.center{padding:0 28px}.viewer-bar{height:65px}}@media(max-width:1150px){main{grid-template-columns:215px minmax(440px,1fr) 215px}.left,.right{padding:20px 14px}.center{padding:0 14px}.local{display:none}.header-actions{margin-left:auto}.viewer-bar .eyebrow{display:none}.timeline-footer{flex-wrap:wrap}.viewer-foot{font-size:7px}.viewer-foot .dot{padding:0 2px}}@media(max-width:900px){header{padding:0 14px}.brand strong,.header-actions #help span{display:none}main{grid-template-columns:190px minmax(380px,1fr)}.right{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.right .rig-card{display:none}.right section{border-bottom:0;margin:0}.focal-display{height:72px}.focal-display input{font-size:75px}}@media(max-width:620px){header{gap:8px}.brand{font-size:17px}.brand span,.header-actions small,#help{display:none}.header-actions{gap:4px}.header-actions button{font-size:13px;padding:7px}main{display:flex;flex-direction:column}.center{order:0}.left{order:1;border-top:1px solid var(--line);border-right:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel-title,.aside-footer{display:none}.left section{margin:0}.left section:last-of-type{grid-column:1/-1}.right{order:2;grid-template-columns:1fr 1fr}.right section:last-of-type{grid-column:1/-1}.bottom-note{padding:12px 0}.angles{padding:14px 0}#presets{gap:3px}#presets button{font-size:12px}.viewer-foot{font-size:6px}.transport #timecode{font-size:11px}.transport #total-time{font-size:7px}.transport #add-key{font-size:11px}.viewer-bar{height:47px}}
@media(min-width:901px){main{height:calc(100dvh - 72px);min-height:590px}.left,.right{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cfc4ba transparent}.center{min-height:0}.viewer-bar{height:44px;flex-shrink:0}#viewport{flex:1;min-height:180px;aspect-ratio:auto;background:#373d38}#canvas-wrap{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%)}.angles{padding:12px 0 14px}.angles .section-title{margin-bottom:9px}#presets button{padding:5px 2px}#presets .arrow{font-size:20px}.transport{height:49px}#timeline{height:44px}.key-marker{top:14px}.segment{top:9px}#ruler{height:20px}.timeline-footer{padding:10px 0}.bottom-note{padding:9px 0 13px}.viewport-top,.viewport-bottom{left:calc((100% - var(--render-width,100%))/2 + 20px);right:calc((100% - var(--render-width,100%))/2 + 20px)}.viewport-top{top:calc((100% - var(--render-height,100%))/2 + 20px)}.viewport-bottom{bottom:calc((100% - var(--render-height,100%))/2 + 20px)}}
#scene-toolbar,#scene-info,#camera-preview{display:none}#viewport.scene-mode #scene-toolbar{display:flex;position:absolute;top:12px;left:12px;right:48px;z-index:5;gap:4px;align-items:center}#scene-toolbar button,#expand-view{background:#fff4eaeb;border:1px solid #cfc4ba;border-radius:4px;font:9px var(--mono);padding:7px 8px;box-shadow:0 1px 3px #0001}#scene-toolbar button.active{background:var(--coral);border-color:var(--coral);color:var(--linen)}#scene-toolbar>span{flex:1}#expand-view{position:absolute;right:12px;top:12px;z-index:6;font-size:12px;padding:5px 8px}#viewport.scene-mode .viewport-top,#viewport.scene-mode .viewport-bottom,#viewport.scene-mode .crosshair,#viewport.scene-mode .frame-corner{display:none}#viewport.scene-mode #scene-info{display:flex;flex-direction:column;gap:5px;position:absolute;bottom:15px;left:15px;z-index:3;pointer-events:none;color:#39413d;text-shadow:0 1px 2px #ffffff80}#scene-info b{font:10px var(--mono);letter-spacing:1px}#scene-info span{font:8px var(--mono)}#viewport.scene-mode #camera-preview{display:block;position:absolute;right:12px;bottom:12px;width:190px;background:var(--carbon);border:1px solid #fff4ea55;border-radius:6px;overflow:hidden;z-index:4;box-shadow:0 3px 14px #0002}#camera-preview>div{padding:5px 7px;display:flex;justify-content:space-between;align-items:center;color:var(--linen);font:7px var(--mono)}#camera-preview button{font:7px var(--mono);color:var(--coral);padding:2px}#camera-preview canvas{display:block;width:100%;aspect-ratio:16/9;height:auto}#camera-preview small{display:block;padding:5px 7px;color:#a49c94;font:7px var(--mono)}#viewport.expanded{position:fixed!important;inset:72px 16px 16px!important;width:auto!important;height:auto!important;z-index:30;border:1px solid #e7dcd1;box-shadow:0 0 0 100vmax #19191999;aspect-ratio:auto!important}#viewport.expanded #camera-preview{width:min(320px,30vw)}#viewport.expanded #scene-toolbar{right:120px}#viewport.expanded #scene-info{font-size:12px}.scene-mode #canvas-wrap{inset:0!important;left:0!important;top:0!important;transform:none!important}.scene-mode{cursor:grab}#scene-toolbar button:hover{filter:brightness(.96)}@media(max-width:1100px){#scene-toolbar button{font-size:7px;padding:6px}#camera-preview{max-width:155px}#scene-info span{max-width:160px;line-height:1.5}}@media(max-width:620px){#scene-toolbar #top-view,#scene-toolbar #side-view{display:none}#scene-toolbar{gap:2px!important}#scene-toolbar button{font-size:6px}#viewport.scene-mode{min-height:280px}#camera-preview{max-width:145px}}