#sound-tools>label{color:var(--text,#e3e7ec);margin-top:12px;font-size:11px;display:block}#sound-tools>label>select{margin-top:6px}#sound-tools input[type=number]{box-sizing:border-box;color:#f2f4f8;width:100%;font:inherit;background:#1c2430;border:1px solid #46505e;border-radius:4px;margin:6px 0 0;padding:7px 9px;display:block}#sound-tools input[type=number]:disabled{opacity:.45}#sound-tools .finish-checkbox{align-items:center;gap:7px;display:flex}#sound-tools .finish-checkbox input{accent-color:#b4c3ef}#sound-status{min-height:2.7em;line-height:1.5}@media (width<=900px){.reference-panel__grid{grid-template-columns:1fr}.reference-panel__header{display:block}.reference-panel__hint{margin-top:10px}}@media (width<=550px){.reference-panel__refs,.reference-panel__form{grid-template-columns:1fr}.reference-panel__form input[type=text],.reference-panel__form button{grid-area:auto}.reference-panel__slider{grid-template-columns:115px 1fr 42px;gap:6px}}:root{color:#292b31;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#292b31;--text:#292b31;--muted:#7d818b;--line:#e4e5e9;--accent:#007aff;--inspector-width:320px;--preview-height:44vh;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible,pre:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button{cursor:pointer;color:var(--ink);white-space:nowrap;background:#fff;border:1px solid #dedfe4;border-radius:7px;padding:7px 11px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s}button:disabled{opacity:.35;cursor:default}select,input[type=text],input:not([type]),input[type=number]{color:var(--ink);background:#fff;border:1px solid #dedfe4;border-radius:6px;max-width:100%;padding:8px 10px;font-size:12px}input[type=range]{accent-color:var(--accent);cursor:pointer;height:4px}input[type=checkbox]{accent-color:var(--accent)}.text-button{padding:3px 0;font-size:11px}.primary{color:#fff;background:#007aff;border-color:#007aff;box-shadow:0 2px 4px #007aff17}.eyebrow,.section-caption{letter-spacing:1.1px;color:#8a8d97;margin:0;font-size:10px;font-weight:600}.live-dot{background:#45ad76;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#ui-backdrop{display:none}#app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--line);z-index:40;background:#fafafcef;flex-shrink:0;align-items:center;gap:24px;height:64px;padding:0 22px;display:flex;position:relative}.studio-brand{letter-spacing:-.7px;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:650;display:flex}.studio-brand>span{letter-spacing:.2px;color:#8b8d95;border:1px solid #dedfe5;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:550}.project-switch{color:#8a8d95;align-items:center;gap:9px;font-size:11px;display:flex}.project-switch select{background:0 0;border-color:#0000;width:204px;padding:8px 6px;font-weight:500}.view-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.layout-picker{background:#eeeff2;border:1px solid #e4e5e9;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.layout-picker button{color:#989ba5;background:0 0;border:0;border-radius:5px;place-items:center;width:29px;height:27px;padding:5px;display:grid}.layout-picker svg,.render-frame svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.delivery-actions,.export-actions{align-items:center;gap:6px;display:flex}.render-frame{width:31px;height:31px;padding:6px}.primary span{margin-left:8px}.workspace{grid-template-columns:186px minmax(0,1fr) 5px var(--inspector-width);flex:1;min-height:0;display:grid;overflow:hidden}.scene-browser{border-right:1px solid var(--line);background:#f6f6f8;flex-direction:column;min-height:0;padding:23px 12px 16px;display:flex;overflow:auto}.browser-heading{color:#9699a2;letter-spacing:1px;justify-content:space-between;padding:0 9px 17px;font-size:10px;font-weight:600;display:flex}.browser-heading>span:last-child{letter-spacing:0;font:10px ui-monospace,monospace}.scene-item{text-align:left;white-space:normal;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;margin-bottom:4px;padding:11px 9px;display:flex}.scene-item strong{font-size:12px;font-weight:550;display:block}.scene-item small{color:#9497a0;margin-top:4px;font-size:10px;line-height:1.4;display:block}.scene-glyph{color:#9aa0ad;background:#ffffff75;border:1px solid #dadde4;border-radius:6px;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.browser-bottom{color:#8d929d;margin-top:auto;padding:30px 10px 0;font-size:10px;line-height:1.6}.browser-bottom .live-dot{width:5px;height:5px;margin-right:5px}.browser-bottom p{color:#a1a4ae;margin:10px 0 0;font-size:11px;line-height:1.5}.stage-column{background:#f1f2f5;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.stage-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;height:75px;padding:0 24px;display:flex}.stage-heading>div:first-child{min-width:0}.stage-heading h1{letter-spacing:-.3px;color:#444750;margin:5px 0 0;font-size:14px;font-weight:600}.stage-heading .eyebrow{letter-spacing:.9px;font-size:9px}.subtitle{display:none}.stage-tools{align-items:center;gap:2px;display:flex}.stage-tools button{padding:6px 7px;font-size:11px}.comparison-tools{border-left:1px solid #dce0e7;gap:2px;margin-left:9px;padding-left:9px;display:flex}.viewport{background:#e5e7ec;border:1px solid #dce0e7;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:0;margin:0 24px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 10px #15223808}.viewport canvas{object-fit:contain;cursor:crosshair;width:100%;height:100%;display:block}#selection-hint{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#606b7b;pointer-events:none;white-space:nowrap;background:#ffffffdf;border-radius:20px;padding:6px 10px;font-size:10px;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0000000a}.playback{border-top:1px solid var(--line);background:#fafafc;flex-shrink:0;padding:15px 24px 18px}.timeline-heading{letter-spacing:1px;color:#9699a3;justify-content:space-between;margin-bottom:13px;font-size:9px;font-weight:600;display:flex}.timeline-heading>span:last-child{letter-spacing:0;font-weight:400}#timeline-ruler{color:#a2a6af;justify-content:space-between;margin-bottom:2px;padding-left:44px;padding-right:165px;font:9px ui-monospace,monospace;display:flex}.transport{align-items:center;gap:14px;height:39px;display:flex}.play{background:#fff;place-items:center;width:29px;height:29px;padding:0;font-size:10px;display:grid;box-shadow:0 1px 3px #00000008}.transport input{flex:1;min-width:0;margin:0}.transport output{font-variant-numeric:tabular-nums;color:#737986;min-width:120px;font:10px ui-monospace,monospace}.transport #loop{padding:2px 6px;font-size:20px}.moments{flex-wrap:wrap;gap:6px;padding-top:7px;display:flex}.moments button{text-align:left;color:#747a87;background:#f0f1f5;border-color:#0000;border-radius:5px;flex:1;padding:9px 10px;font-size:10px;font-weight:500}#panel-divider{cursor:col-resize;background:#f9f9fb;position:relative}#panel-divider:hover,#panel-divider:focus-visible{background:#c3daf7}.resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.direction{border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#cfd1d8 transparent;background:#fbfbfd;min-height:0;padding:0 22px 22px;overflow:auto}.panel-title{justify-content:space-between;align-items:center;gap:10px;height:75px;display:flex}.panel-title h2{letter-spacing:-.3px;margin:7px 0 0;font-size:15px;font-weight:600}.panel-title .eyebrow{font-size:9px}.inspector-tabs{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:3;background:#fbfbfdf5;gap:0;margin:0 -22px 22px;padding:0 16px;display:flex;position:sticky;top:0}.inspector-tabs button{color:#9296a0;background:0 0;border:0;border-radius:0;flex:1;padding:10px 5px 13px;font-size:11px;position:relative}.inspector-tabs button[aria-selected=true]{color:#007aff;font-weight:600}.inspector-tabs button[aria-selected=true]:after{content:"";background:#007aff;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.section-caption{margin-bottom:11px;font-size:9px}.presets{background:#eceef2;border-radius:7px;gap:2px;margin-bottom:23px;padding:3px;display:flex}.presets button{color:#878c96;background:0 0;border:0;border-radius:5px;flex:1;padding:6px 3px;font-size:10px}#project-controls{grid-template-columns:1fr 1fr;gap:20px 14px;display:grid}.control{grid-column:1/-1;margin:0 0 20px}.control-color{grid-column:auto}#project-controls .control{margin:0}.control-top{color:#626773;justify-content:space-between;align-items:center;gap:9px;margin-bottom:10px;font-size:11px;display:flex}.control output{color:#7a8392;text-align:right;background:#edf0f4;border-radius:4px;min-width:29px;padding:3px 6px;font:10px ui-monospace,monospace}.control input[type=range]{width:100%;margin:13px 0 7px;display:block}.control input[type=text]{width:100%}.control input[type=color]{cursor:pointer;background:#fff;border:1px solid #dadde3;border-radius:6px;width:100%;height:31px;padding:5px}.control small{display:none}.context-section{border-top:1px solid var(--line);margin-top:24px;padding-top:21px}.context-section h3{letter-spacing:-.15px;margin:0 0 20px;font-size:12px;font-weight:600}.context-note{color:#969ba6;margin:5px 0;font-size:10px;line-height:1.5}.direction details{border-top:1px solid var(--line);margin-top:4px;padding:17px 0}.direction summary{cursor:pointer;color:#5e646f;justify-content:space-between;font-size:12px;font-weight:550;list-style:none;display:flex}.direction summary::-webkit-details-marker{display:none}.direction details>p{color:#9198a5;font-size:10px;line-height:1.5}.direction details label{color:#6f7682;margin:13px 0;font-size:11px;display:block}.direction details label select{width:100%;margin-top:7px;display:block}.direction .finish-control{margin:20px 0}.direction .finish-control label{justify-content:space-between;align-items:center;margin:0 0 9px;font-size:11px;display:flex}.finish-control output{color:#9098a5;font:10px ui-monospace,monospace}.finish-control input[type=range]{width:100%;display:block}.direction .finish-checkbox{color:#737985;align-items:center;gap:8px;margin:16px 0;display:flex}.finish-checkbox input{margin:0}.finish-tools{margin-top:22px!important}.version-save{gap:7px;margin:18px 0 10px;display:flex}.version-save input{width:100%;min-width:0}.version-save button{padding:6px 10px}#versions{width:100%;margin-top:8px}.recipe-actions{align-items:center;gap:15px;margin-top:17px;display:flex}.direction .import-label{cursor:pointer;margin:0;font-size:11px}.advanced-button{border:0;border-top:1px solid var(--line);text-align:left;color:#838997;background:0 0;border-radius:0;width:100%;padding:17px 0;font-size:11px}.advanced-button span{float:right}.output-links{color:#828b9a;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:10px;display:flex}.output-links button{font-size:10px}.output-links span{font-size:9px}.demo-files .output-links{flex-direction:column}.utility-panel{margin-top:24px}#sound-tools{border:0;padding-top:0;margin:0!important}#sound-tools>summary{display:none}.studio-status{border-top:1px solid var(--line);color:#959aa5;background:#fafafc;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;height:29px;padding:0 22px;font-size:9px;display:flex}.studio-status>span:first-child{align-items:center;gap:7px;display:flex}#export-dock{border-top:1px solid var(--line);scrollbar-width:thin;background:#fafafc;flex-shrink:0;max-height:190px;overflow:auto}#export-dock>summary{cursor:pointer;color:#89909d;z-index:1;background:#fafafc;padding:10px 22px;font-size:10px;font-weight:550;list-style:none;position:sticky;top:0}#export-dock>summary:before{content:"›";margin-right:7px;display:inline-block}#export-dock[open]>summary:before{transform:rotate(90deg)}.export-hint{float:right;font-weight:400}.delivery{align-items:center;gap:10px;padding:0 22px;font-size:11px;display:flex}.delivery .eyebrow{display:none}.delivery p{color:#737e8f;margin:0 0 10px}progress{accent-color:#007aff;height:4px}#render-result{color:#007aff;font-size:11px}#export-folder{color:#939ba8;overflow-wrap:anywhere;padding:0 22px 10px;font-size:10px}#export-list{padding:0 22px 10px}.empty-exports{color:#8a94a2;font-size:11px}.export-row{border-top:1px solid var(--line);align-items:center;gap:14px;padding:12px 0;font-size:11px;display:flex}.export-row>div{flex:1;min-width:0}.export-row strong{font-size:11px;font-weight:550;display:block}.export-row small{color:#8e97a6;overflow-wrap:anywhere;margin-top:5px;font-size:9px;display:block}.export-row a{color:#007aff;font-size:10px}.export-row button{padding:5px 9px;font-size:10px}.failed{color:#b98277}.pending{color:#007aff}#render-live{align-items:center;gap:12px;padding:5px 22px 14px;display:flex}#render-live-open{width:106px;height:60px;padding:0;overflow:hidden}#render-live-open img{object-fit:contain;width:100%;height:100%}#render-live strong{font-size:11px;display:block}#render-live small{color:#919aaa;margin-top:5px;font-size:10px;display:block}.export-settings{position:relative}.export-settings>summary{cursor:pointer;color:#7a8290;background:#fff;border:1px solid #dedfe4;border-radius:7px;padding:7px 9px;font-size:13px;list-style:none}.export-settings>summary::-webkit-details-marker{display:none}.export-popover{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fffffff7;border:1px solid #dfe2e9;border-radius:12px;width:292px;max-height:calc(100dvh - 90px);padding:20px;font-size:12px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 12px 45px #20355125}.export-popover strong{font-size:14px}.export-popover p,.export-popover small{color:#939ba7;font-size:10px;line-height:1.5;display:block}.export-popover label{color:#717b8b;margin:17px 0;font-size:11px;display:block}.export-popover label span{float:right}.export-popover select,.export-popover input{width:100%;margin-top:6px;display:block}.export-popover input:disabled{opacity:.4}#advanced-container{z-index:50;background:#fbfbfd;border:1px solid #dfe2e9;border-radius:12px;width:min(600px,100vw - 40px);padding:24px;position:fixed;top:78px;bottom:44px;right:20px;overflow:auto;box-shadow:0 16px 60px #20355125}.advanced-heading{justify-content:space-between;align-items:center;display:flex}.advanced-heading h2{font-size:16px}.reference-panel__header{display:none}#render-dialog{color:#292b31;background:#fafafc;border:1px solid #e0e3ea;border-radius:14px;width:min(1040px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:hidden;box-shadow:0 25px 90px #0005}#render-dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14192270}.render-dialog-head{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.render-dialog-head strong{font-size:14px;display:block}.render-dialog-head small{color:#8b94a4;margin-top:4px;font-size:11px;display:block}.render-dialog-stage{background:#e5e7ec;place-items:center;min-height:220px;max-height:calc(100dvh - 160px);display:grid;overflow:auto}.render-dialog-stage img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 160px)}.render-dialog-stage p{color:#8b94a4;font-size:12px}.render-dialog-actions{justify-content:flex-end;padding:13px 20px;display:flex}.render-dialog-actions a{color:#007aff;font-size:12px}#comparison-layer{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#comparison-image{object-fit:contain;width:100%;height:100%}#comparison-layer>span,#comparison-current{letter-spacing:1px;color:#58687b;background:#ffffffdb;border-radius:4px;padding:5px 8px;font-size:9px;font-weight:600;position:absolute;top:14px}#comparison-layer>span{left:14px}#comparison-current{right:14px}#comparison-divider{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}#comparison-layer:after{content:"";background:#fff;width:1px;display:none;position:absolute;top:0;bottom:0;left:50%}.code-open .workspace{grid-template-columns:186px minmax(0,1fr) 5px min(440px,38vw)}.code-toolbar{align-items:center;gap:5px;display:flex}.code-toolbar select{flex:1;min-width:0;font-size:11px}.code-toolbar button{padding:5px 6px;font-size:10px}#code-description,#code-status{color:#9099a8;font-size:10px;line-height:1.5}#code-content{color:#54708d;tab-size:2;white-space:pre;-webkit-user-select:text;user-select:text;background:#f1f3f7;border:1px solid #e5e8ef;border-radius:8px;max-height:calc(100dvh - 295px);padding:16px;font:11px/1.85 ui-monospace,SFMono-Regular,monospace;overflow:auto}body[data-layout=focus] .workspace{grid-template-columns:minmax(0,1fr)}body[data-layout=focus] .scene-browser,body[data-layout=focus] .direction,body[data-layout=focus] #panel-divider{display:none}body[data-layout=controls] .workspace{grid-template-columns:186px minmax(0,1fr);grid-template-rows:minmax(200px,var(--preview-height)) 5px minmax(200px,1fr)}body[data-layout=controls] .scene-browser{grid-row:1/-1}body[data-layout=controls] #panel-divider{cursor:row-resize;grid-column:2}body[data-layout=controls] .direction{grid-column:2}body[data-layout=controls] .stage-heading{height:48px}body[data-layout=controls] .viewport{margin-bottom:12px}body[data-layout=controls] .playback{padding:8px 24px}body[data-layout=controls] .timeline-heading,body[data-layout=controls] #timeline-ruler{display:none}@media (width<=1100px){.app-header{gap:12px;padding:0 16px}.studio-brand>span{display:none}.project-switch{gap:0;font-size:0}.project-switch select{width:175px;font-size:11px}.workspace{grid-template-columns:150px minmax(0,1fr) 5px var(--inspector-width)}.code-open .workspace{grid-template-columns:150px minmax(0,1fr) 5px min(400px,40vw)}.stage-heading{height:67px;padding:0 18px}.stage-heading .eyebrow{display:none}.stage-tools button{font-size:10px}.comparison-tools{margin-left:4px;padding-left:4px}.viewport{margin:0 18px 18px}.direction{padding:0 18px 18px}.inspector-tabs{margin-left:-18px;margin-right:-18px}.panel-title{height:67px}#pin-reference{display:none}.scene-browser{padding-left:8px;padding-right:8px}.scene-item{gap:7px}.scene-item small{font-size:9px}.playback{padding-left:18px;padding-right:18px}body[data-layout=controls] .workspace{grid-template-columns:150px minmax(0,1fr)}}@media (width<=850px){.scene-browser{display:none}.workspace,.code-open .workspace{grid-template-columns:minmax(0,1fr) 5px 285px}.app-header{gap:8px}.studio-brand{font-size:16px}.project-switch select{width:150px}#save,.render-frame{display:none}.stage-heading{flex-wrap:wrap;gap:0;height:80px}.stage-heading h1{font-size:12px}.stage-tools{justify-content:space-between;width:100%}.comparison-tools{border:0;margin:0;padding:0}.studio-status>span:last-child{display:none}.timeline-heading>span:last-child{font-size:8px}.transport{gap:8px}.transport output{min-width:108px;font-size:9px}#timeline-ruler{padding-left:36px;padding-right:139px}body[data-layout=controls] .workspace{grid-template-columns:minmax(0,1fr)}body[data-layout=controls] #panel-divider,body[data-layout=controls] .direction{grid-column:1}}@media (width<=620px){#app{height:auto;min-height:100dvh;overflow:visible}.app-header{flex-wrap:wrap;gap:10px;height:auto;min-height:92px;padding:12px 16px}.studio-brand{margin-right:auto}.project-switch select{width:180px}.view-actions{margin-left:0}.delivery-actions{margin-left:auto}.app-header button{padding:6px 8px;font-size:10px}.workspace,.code-open .workspace,body[data-layout=controls] .workspace{flex-direction:column;flex:none;display:flex;overflow:visible}.stage-column{min-height:440px}.stage-heading{height:74px;padding:12px 16px}.viewport{aspect-ratio:16/9;flex:none;height:auto;min-height:0;margin:0 16px 16px}.playback{padding:14px 16px}.timeline-heading>span:last-child{font-size:9px}.moments button{padding:8px 5px;font-size:9px}.direction{border-top:1px solid var(--line);border-left:0;padding:0 22px 22px;overflow:visible}.panel-title{height:72px}.inspector-tabs{margin-left:-22px;margin-right:-22px;position:static}#panel-divider,.scene-browser{display:none}.studio-status{padding:0 16px;font-size:9px}.context-section{margin-top:22px}#code-content{max-height:440px}#export-dock{max-height:260px}body[data-layout=focus] .direction{display:none}body[data-layout=focus] .stage-column{min-height:calc(100dvh - 153px)}body[data-layout=focus] .viewport{aspect-ratio:auto;flex:1}body[data-layout=controls] .stage-column{min-height:440px}.export-popover{width:min(292px,100vw - 32px)}.browser-bottom{display:none}}#context-controls>.context-section:first-child{border-top:0;margin-top:0;padding-top:0}#project-controls:has(.control:not([hidden]))+#context-controls>.context-section:first-child{border-top:1px solid var(--line);margin-top:24px;padding-top:21px}#comparison-line{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 3px #0003}#comparison-line:after{content:"";background:#fffffff0;border:1px solid #d7dce6;border-radius:6px;width:22px;height:32px;margin-top:-16px;position:absolute;top:50%;left:-10px;box-shadow:0 2px 7px #0002}.scene-item small,.browser-bottom,.timeline-heading,.eyebrow,.section-caption,.studio-status{color:#7e8592}.mobile-selection-label{color:#7e8592;margin:0 0 16px;font-size:11px;display:none}.mobile-selection-label select{min-width:160px;margin-left:10px}@media (width<=850px){.mobile-selection-label{display:block}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7e7ed;--ink:#e7e7ed;--text:#e7e7ed;--muted:#92929e;--line:#303034;--accent:#0a84ff;background:#111113}button{color:#dedee6;background:#2a2a2e;border-color:#3b3b42}button:hover{background:#35353b;border-color:#53535d}.quiet,.text-button{color:#a6a6b2;background:0 0;border-color:#0000}.quiet:hover,.text-button:hover{color:#f2f2f7;background:#303036;border-color:#0000}.primary{color:#fff;background:#0a84ff;border-color:#0a84ff}.secondary{background:#2c2c31}.eyebrow,.section-caption,.scene-item small,.browser-bottom,.timeline-heading,.studio-status{color:#92929e}select,input[type=text],input:not([type]),input[type=number]{color:#e0e0e8;background:#28282d;border-color:#3a3a42}input[type=range],input[type=checkbox]{accent-color:#0a84ff}.app-header{background:#202022;border-color:#343439}.studio-brand{color:#f0f0f5}.studio-brand>span{color:#a0a0ad;border-color:#414147}.project-switch{color:#9696a2}.project-switch select{background:0 0;border-color:#0000}.layout-picker{background:#171719;border-color:#38383e}.layout-picker button{color:#83838f}.layout-picker button[aria-pressed=true]{color:#e1e1eb;background:#3a3a41;box-shadow:0 1px 3px #0005}#code-toggle[aria-pressed=true]{color:#70b6ff;background:#20354f}.export-settings>summary{color:#b1b1be;background:#2a2a2e;border-color:#3b3b42}.browser-heading{color:#8e8e9b}.scene-item{background:0 0}.scene-item[aria-pressed=true]{color:#8dc3ff;background:#25354a}.scene-item[aria-pressed=true] small{color:#8b9fb9}.scene-glyph{color:#a4a4b1;background:#25252a;border-color:#3d3d45}.scene-item[aria-pressed=true] .scene-glyph{color:#8dc3ff;background:#2c425e;border-color:#49617f}.browser-bottom p{color:#767684}.stage-heading h1{color:#d6d6e0}.comparison-tools{border-color:#34343c}#compare-toggle[aria-pressed=true]{color:#85c1ff;background:#223852}#selection-hint{color:#c3c3cf;background:#17171bdc;box-shadow:0 1px 4px #0005}#timeline-ruler{color:#7d7d8d}.play{color:#ececf3;background:#303036;border-color:#45454e}.transport output{color:#a5a5b5}.moments button{color:#a3a3b4;background:#29292f;border-color:#0000}.moments button.active{color:#95c8ff;background:#263b55;border-color:#3b526d}#loop[aria-pressed=true]{color:#85c1ff;background:#223852}#panel-divider:hover{background:#426386}.direction{scrollbar-color:#4a4a55 transparent;background:#202023;border-color:#333338}.panel-title h2{color:#eeeef5}.inspector-tabs{background:#202023f2;border-color:#36363e}.inspector-tabs button{color:#9999a9}.inspector-tabs button[aria-selected=true]{color:#74b8ff}.inspector-tabs button[aria-selected=true]:after{background:#0a84ff}.presets{background:#151518}.presets button{color:#9a9aaa}.presets button.active{color:#efeff6;background:#3b3b45;box-shadow:0 1px 4px #0005}.control-top{color:#b7b7c4}.control output{color:#bdbdd0;background:#2c2c34}.control input[type=color]{background:#2a2a30;border-color:#44444e}.context-section h3{color:#dcdce8}.context-note{color:#8e8e9e}.direction summary{color:#b6b6c6}.direction summary span{color:#778}.direction details[open]>summary{color:#e0e0ec}.direction details>p{color:#8e8ea0}.direction details label,.direction .finish-checkbox{color:#b0b0c2}.finish-control output{color:#a6a6bd}.advanced-button{color:#b1b1c3}.output-links{color:#aaaabd}.mobile-selection-label{color:#a5a5b8}#sound-tools>label{color:#b0b0c2}#sound-tools input[type=number]{color:#e0e0e8;background:#28282d;border-color:#3a3a42}.studio-status{background:#1b1b1e;border-color:#303034}.studio-status>span:nth-child(2){color:#9a9aad}#export-dock,#export-dock>summary{color:#9e9eb1;background:#1b1b1e;border-color:#303034}.delivery p,#export-folder,.empty-exports,.export-row small{color:#9595a8}.export-row{border-color:#303034}.export-row a,#render-result{color:#74b8ff}#render-live small{color:#a0a0b5}.export-popover{background:#28282df7;border-color:#4a4a56;box-shadow:0 12px 45px #0007}.export-popover label{color:#b6b6c8}.export-popover p,.export-popover small{color:#9696aa}#advanced-container{background:#25252a;border-color:#454550;box-shadow:0 16px 60px #0008}#advanced-container input,#advanced-container select{color:#e7e7f0;background:#1c1c21}#render-dialog{color:#e7e7f0;background:#222226;border-color:#484854}.render-dialog-head small{color:#9c9caf}.render-dialog-stage{background:#101013}.render-dialog-stage p{color:#9b9bad}.render-dialog-actions a{color:#74b8ff}#code-content{color:#a3bfdc;background:#17171c;border-color:#33333e}#code-description,#code-status{color:#9393aa}#comparison-layer>span,#comparison-current{color:#d6d6e6;background:#16161cde}#comparison-line{background:#d7d7e6}#comparison-line:after{background:#262633;border-color:#8585a0;box-shadow:0 2px 7px #0006}body{isolation:isolate;background:#08080b}#ui-backdrop{z-index:-1;pointer-events:none;filter:blur(48px)saturate(1.25)brightness(.7);opacity:.95;object-fit:cover;width:116%;height:116%;display:block;position:fixed;inset:-8%}#app{background:linear-gradient(130deg,#09090d33,#09090d55);position:relative}.app-header{-webkit-backdrop-filter:blur(22px)saturate(1.2);background:#15151b9c;border-color:#ffffff12}.scene-browser{background:#12121885;border-color:#ffffff12}.stage-column{background:#08080b25}.direction{background:#17171d9c;border-color:#ffffff15}.playback{background:#13131980;border-color:#ffffff15}.inspector-tabs{-webkit-backdrop-filter:blur(22px);background:#17171d96;border-color:#ffffff16}.studio-status,#export-dock,#export-dock>summary{background:#11111799;border-color:#ffffff12}#panel-divider{background:#ffffff08}.viewport{background:#050508c9;border-color:#ffffff1b;box-shadow:0 8px 36px #0005}.layout-picker,.presets{background:#07070c55;border-color:#ffffff18}button,input[type=number],select,.control output,.scene-glyph,.moments button{background-color:#2828328f;border-color:#ffffff1c}.scene-item,.quiet,.text-button,.project-switch select,.layout-picker button,.inspector-tabs button,.presets button{background:0 0}.scene-item[aria-pressed=true]{background:#639aff27;border:1px solid #96c7ff22;padding:10px 8px}.scene-item:hover{background:#ffffff0b}.scene-item[aria-pressed=true] .scene-glyph{background:#6da7ff22}.primary{background:#0a84ff;border-color:#0a84ff}.primary:hover{background:#329aff;border-color:#329aff}#code-content{background:#0d1019a6;border-color:#ffffff16}.direction{scrollbar-color:#ffffff25 transparent}@media (prefers-reduced-transparency:reduce){.app-header,.scene-browser,.direction,.playback,.inspector-tabs,.studio-status{background:#17171def}}.reference-panel{color:#e9eee8;border-top:1px solid #35403d;margin:20px 0 44px;padding-top:24px}.reference-panel__header{justify-content:space-between;align-items:end;gap:28px;margin-bottom:12px;display:flex}.reference-panel__eyebrow{letter-spacing:2px;color:#a5b2ad;margin:0 0 8px;font-size:10px}.reference-panel h2{letter-spacing:-.7px;margin:0;font-size:29px;font-weight:400}.reference-panel h3{letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:600}.reference-panel__hint{color:#a5b2ad;max-width:430px;margin:0;font-size:12px;line-height:1.5}.reference-panel__status{color:#cde2bf;min-height:18px;margin:0 0 14px;font-size:11px}.reference-panel__status--error{color:#ffaea0}.reference-panel__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:16px;display:grid}.reference-panel__card{background:#202826;border:1px solid #37443e;border-radius:8px;min-width:0;padding:20px}.reference-panel__refs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:350px;margin-bottom:20px;display:grid;overflow:auto}.reference-panel__empty{color:#a5b2ad;border:1px dashed #4b5953;border-radius:5px;grid-column:1/-1;margin:0;padding:16px;font-size:12px;line-height:1.5}.reference-panel__ref{background:#18201d;border:1px solid #37443e;border-radius:5px;min-width:0;overflow:hidden}.reference-panel__ref img,.reference-panel__ref video{object-fit:cover;background:#111;width:100%;height:120px;display:block}.reference-panel__external{color:#d2e4b9;background:#2b3630;justify-content:center;align-items:center;height:120px;margin:0;text-decoration:none;display:flex}.reference-panel__ref-copy{gap:4px;min-width:0;padding:10px;display:grid}.reference-panel__ref-copy strong{letter-spacing:.06em;color:#d2e4b9;font-size:10px}.reference-panel__ref-copy span{color:#e9eee8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.reference-panel__ref-copy p{color:#a5b2ad;margin:0;font-size:11px;line-height:1.35}.reference-panel__form{grid-template-columns:minmax(120px,1fr) 145px;gap:8px;margin-top:8px;display:grid}.reference-panel__form input[type=file],.reference-panel__form input[type=text],.reference-panel__form input[type=url],.reference-panel__form select{color:#e9eee8;background:#25302a;border:1px solid #4b5953;border-radius:4px;width:100%;min-width:0;padding:9px;font:12px Arial,sans-serif}.reference-panel__form input[type=file]{padding:7px}.reference-panel__form input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:#4e6354;border:0;border-radius:3px;margin-right:8px;padding:5px 7px}.reference-panel__form input[type=text]{grid-column:1}.reference-panel__form button{grid-area:2/2;padding:8px}.reference-panel__sliders{gap:9px;display:grid}.reference-panel__slider{color:#d0d9d0;grid-template-columns:145px minmax(80px,1fr) 47px;align-items:center;gap:12px;margin:0;font-size:11px;display:grid}.reference-panel__slider input{accent-color:#d2e4b9;width:100%}.reference-panel__slider output{text-align:right;color:#d2e4b9;min-width:0;font:11px monospace}.reference-panel__actions{gap:9px;margin-top:20px;display:flex}.reference-panel__actions button{font-size:11px}.reference-panel__primary{color:#18251c;background:#d2e4b9;border-color:#d2e4b9}.reference-panel__primary:hover{background:#b9d29c}.reference-panel button:disabled{opacity:.5;cursor:wait}@media (width<=900px){.reference-panel__grid{grid-template-columns:1fr}.reference-panel__header{display:block}.reference-panel__hint{margin-top:10px}}@media (width<=550px){.reference-panel__refs,.reference-panel__form{grid-template-columns:1fr}.reference-panel__form input[type=text],.reference-panel__form button{grid-area:auto}.reference-panel__slider{grid-template-columns:115px 1fr 42px;gap:6px}}.reference-panel__sliders{gap:18px}.reference-panel__control-help{color:#aebcb5;grid-column:1/-1;max-width:100%;font-size:11px;font-weight:400;line-height:1.45}.reference-panel__slider{grid-template-columns:160px minmax(80px,1fr) 47px;row-gap:5px}.reference-panel__preset{border-bottom:1px solid #405049;margin-bottom:20px;padding-bottom:20px}.reference-panel__preset label{justify-content:space-between;align-items:center;gap:20px;margin:0 0 9px;font-size:12px;display:flex}.reference-panel__preset select{color:#eef6ed;background:#25302a;border:1px solid #66796b;border-radius:4px;min-width:180px;padding:9px}.reference-panel__preset p{letter-spacing:0;margin:0}