@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{color:#f4f3ee;font-synthesis:none;text-rendering:optimizelegibility;--vac:#0e0e0f;--hull:#17171a;--plate:#212125;--rule:#33333a;--ink:#f4f3ee;--ink-2:#c2c2bc;--ink-3:#8b8b86;--tan:#ba9f80;--live:#32d392;--offline:#e05252;background:#0e0e0f;font-family:Inter Tight,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input{color:inherit;font:inherit}button{border:0}.studio-shell{grid-template:38px minmax(0, 1fr) var(--timeline-height,112px) / 36px 0 minmax(360px, 1fr);background:var(--vac);width:100%;height:100%;transition:grid-template-columns .18s;display:grid;position:relative}.studio-shell.sidebar-open{grid-template-columns:36px var(--sidebar-width,240px) minmax(360px, 1fr)}.topbar{z-index:5;border-bottom:1px solid var(--rule);background:var(--hull);grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.brand,.topbar-actions,.project-switcher,.button,.offline-state{align-items:center;display:flex}.brand{height:100%;padding:0 4px;position:relative}.brand-menu-button{background:var(--vac);height:30px;color:var(--ink);cursor:pointer;align-items:center;gap:3px;padding:0 5px;display:flex}.brand-menu-button:hover,.brand-menu-button[aria-expanded=true]{background:var(--plate)}.brand-menu-caret{color:var(--ink-3)}.brand-menu{z-index:10;border:1px solid var(--rule);background:var(--hull);min-width:150px;padding:5px;position:absolute;top:calc(100% - 1px);left:4px;box-shadow:0 10px 30px #00000059}.brand-menu a{color:var(--ink-2);padding:8px 10px;font-size:12px;text-decoration:none;display:block}.brand-menu a:hover,.brand-menu a:focus-visible{background:var(--plate);color:var(--ink);outline:0}.project-switcher{color:var(--ink-2);cursor:pointer;background:0 0;gap:10px;padding:5px 8px}.topbar-actions{justify-self:end;gap:6px;padding-right:9px}.viewport-actions{justify-self:center;align-items:center;gap:4px;display:flex}.viewport-launcher{color:#f5fff9;letter-spacing:.05em;cursor:pointer;background:#287a52;border:1px solid #3e966a;align-items:center;gap:6px;height:26px;padding:0 9px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;display:flex}.viewport-launcher:hover{background:#319060}.offline-state{color:var(--ink-3);text-transform:uppercase;gap:6px;margin-right:7px;font-family:JetBrains Mono,monospace;font-size:10px}.offline-state svg{color:var(--offline);fill:var(--offline)}.button,.icon-button{border:1px solid var(--rule);background:var(--plate);cursor:pointer;justify-content:center}.button{gap:7px;height:26px;padding:0 9px;font-size:10px}.icon-button{align-items:center;width:26px;height:26px;display:inline-flex}.icon-button.small{background:0 0;border:0;width:24px;height:24px}.button:hover,.icon-button:hover,.project-switcher:hover{color:var(--ink);background:#29292e}.button:disabled,.icon-button:disabled{background:var(--hull);color:var(--ink-3);cursor:not-allowed;opacity:.55}.view-switcher{border:1px solid var(--rule);background:var(--hull);height:26px;display:flex}.view-switcher button{border-right:1px solid var(--rule);color:var(--ink-3);letter-spacing:.04em;cursor:pointer;background:0 0;align-items:center;gap:5px;padding:0 8px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.view-switcher button:last-child{border-right:0}.view-switcher button:hover{background:var(--plate);color:var(--ink-2)}.view-switcher button.active{color:var(--ink);box-shadow:inset 0 -2px var(--tan);background:#302a24}.panel{z-index:3;background:var(--hull);min-height:0}.tool-rail{z-index:4;border-right:1px solid var(--rule);background:var(--hull);flex-direction:column;align-items:center;gap:2px;padding-top:3px;display:flex}.tool-rail-button{width:30px;height:30px;color:var(--ink-3);cursor:pointer;background:0 0;place-items:center;display:grid;position:relative}.tool-rail-button:hover{background:var(--plate);color:var(--ink-2)}.tool-rail-button.active{background:var(--plate);color:var(--ink)}.tool-rail-button.active:before{background:var(--tan);content:"";width:2px;position:absolute;top:6px;bottom:6px;left:-3px}.sidebar{top:38px;bottom:var(--timeline-height,112px);width:var(--sidebar-width,240px);border-right:1px solid var(--rule);opacity:0;pointer-events:none;visibility:hidden;scrollbar-color:var(--rule) transparent;scrollbar-width:thin;flex-direction:column;transition:transform .18s,opacity .18s,visibility 0s linear .18s;display:flex;position:absolute;left:36px;overflow:hidden auto;transform:translate(-100%)}.sidebar-resizer{z-index:8;top:38px;bottom:var(--timeline-height,112px);left:calc(36px + var(--sidebar-width,240px) - 3px);cursor:col-resize;touch-action:none;width:6px;position:absolute}.sidebar-resizer:hover,.sidebar-resizer:active{background:color-mix(in srgb, var(--tan) 55%, transparent)}body.resizing-panel{cursor:grabbing;-webkit-user-select:none;user-select:none}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--rule)}.sidebar.open{opacity:1;pointer-events:auto;visibility:visible;transition:transform .18s,opacity .18s;transform:translate(0)}.panel-heading{border-bottom:1px solid var(--rule);height:39px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;flex:0 0 39px;justify-content:space-between;align-items:center;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;display:flex}.count{color:var(--ink-3)}.search-field{border-bottom:1px solid var(--rule);height:34px;color:var(--ink-3);background:0 0;flex:none;align-items:center;gap:8px;padding:0 11px;display:flex}.search-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.search-field input::placeholder{color:var(--ink-3)}.scene-root{flex:1}.root-label,.scene-item{align-items:center;display:flex}.root-label{height:30px;color:var(--ink-2);gap:6px;padding:0 9px;font-size:12px}.collapsible-label{border-top:1px solid var(--rule);text-align:left;cursor:pointer;background:0 0;width:100%}.model-items{margin-bottom:8px}.page-list{padding:6px;display:grid}.page-item{min-height:34px;color:var(--ink-2);text-align:left;cursor:pointer;background:0 0;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;padding:0 7px;font-size:12px;display:grid}.page-item:hover:not(:disabled),.page-item.selected{background:var(--plate);color:var(--ink)}.page-item.selected{box-shadow:inset 2px 0 var(--tan)}.page-item small{color:var(--ink-3);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:8px}.page-item:disabled{color:var(--ink-3);cursor:not-allowed;opacity:.45}.channel-list,.version-list{flex-direction:column;display:flex}.version-item{min-height:52px;color:var(--ink-3);text-align:left;background:0 0;border-bottom:1px solid #242428;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"timestamp latest""account latest";align-items:center;gap:3px 8px;padding:8px 11px;display:grid}.version-item:hover,.version-item.latest{background:var(--plate)}.version-item.latest{box-shadow:inset 2px 0 var(--tan)}.version-timestamp{color:var(--ink-2);grid-area:timestamp;font-size:11px}.version-account{grid-area:account;font-family:JetBrains Mono,monospace;font-size:9px}.version-latest{color:#8de2b9;letter-spacing:.04em;text-transform:uppercase;background:#1d4935;border:1px solid #3e966a;grid-area:latest;padding:3px 5px;font-family:JetBrains Mono,monospace;font-size:8px}.version-restore{border:1px solid var(--rule);color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;opacity:0;pointer-events:none;background:#29292e;grid-area:latest;padding:4px 7px;font-family:JetBrains Mono,monospace;font-size:8px}.version-item:hover .version-restore,.version-restore:focus-visible{opacity:1;pointer-events:auto}.version-restore:hover{border-color:var(--tan);color:var(--ink)}.channel-item{min-height:36px;color:var(--ink-3);text-align:left;cursor:pointer;background:0 0;border-bottom:1px solid #242428;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 10px;display:grid}.channel-item:hover{background:var(--plate);color:var(--ink-2)}.channel-item strong{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.channel-item>span{gap:2px;min-width:0;display:grid}.channel-item>span small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.channel-item small{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:9px}.scene-items{border-left:1px solid var(--rule);margin-left:15px}.scene-item{width:100%;min-height:43px;color:var(--ink-3);text-align:left;cursor:pointer;background:0 0;gap:9px;padding:5px 8px 5px 12px}.scene-item:hover,.scene-item.selected{background:var(--plate);color:var(--ink)}.scene-item.selected{box-shadow:inset 2px 0 var(--tan)}.scene-item span{flex-direction:column;flex:1;display:flex}.scene-item strong{color:var(--ink-2);font-size:12px;font-weight:500}.scene-item small,.empty-assets small{color:var(--ink-3);font-size:10px}.scene-more{opacity:0}.scene-item:hover .scene-more{opacity:1}.empty-assets{width:100%;color:var(--ink-3);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:4px;padding:22px 12px 24px;display:flex}.asset-list{border-bottom:1px solid var(--rule);padding:6px;display:grid}.asset-item{min-height:44px;color:var(--ink-3);text-align:left;cursor:pointer;background:0 0;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:7px;padding:5px 7px;display:grid}.asset-item:hover,.asset-item.selected{background:var(--plate);color:var(--ink)}.asset-item.selected{box-shadow:inset 2px 0 var(--tan)}.asset-item span{gap:2px;min-width:0;display:grid}.asset-item strong,.asset-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-item strong{color:var(--ink-2);font-size:11px;font-weight:500}.asset-item small{color:var(--ink-3);font-size:9px}.empty-assets span{color:var(--ink-2);font-size:12px}.workspace{background:#000;grid-column:3;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-mode{position:absolute;inset:0}.canvas-mode.hidden{pointer-events:none;visibility:hidden}.infinite-canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#111113;background-image:radial-gradient(circle,#38383d 1px,#0000 1px);position:absolute;inset:0;overflow:hidden}.infinite-canvas.panning{cursor:grabbing}.canvas-world{transform-origin:0 0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.canvas-viewport{pointer-events:auto;background:#000;border:1px solid #4a4a51;grid-template-rows:24px minmax(0,1fr);display:grid;position:absolute;overflow:hidden;box-shadow:0 10px 30px #00000059}.canvas-viewport.selected{border-color:var(--tan);box-shadow:0 0 0 1px var(--tan), 0 10px 30px #00000059}.outline-tree{flex:1;padding:6px 0}.outline-root,.outline-object-row{align-items:center;display:flex}.outline-root{height:30px;color:var(--ink-2);gap:6px;padding:0 9px;font-size:12px}.outline-object{border-left:1px solid var(--rule);margin-left:15px}.outline-object.selected>.outline-object-row{background:var(--plate);box-shadow:inset 2px 0 var(--tan)}.outline-object-row{min-height:42px;color:var(--ink-3);cursor:pointer;gap:7px;padding:4px 7px 4px 10px}.outline-object-row:hover{background:var(--plate)}.outline-object-row>span{flex:1;gap:1px;min-width:0;display:grid}.outline-object-row input{width:100%;min-width:0;color:var(--ink-2);background:0 0;border:0;outline:0;padding:0;font-size:12px;font-weight:500}.outline-object-row input:focus{box-shadow:0 1px var(--tan)}.outline-object-row small{color:var(--ink-3);font-size:9px}.outline-object-row button{width:24px;height:24px;color:var(--ink-3);cursor:pointer;background:0 0;place-items:center;display:grid}.outline-object-row button:hover{color:var(--ink);background:#303035}.outline-empty{color:var(--ink-3);margin:12px;font-size:11px;line-height:1.5}.canvas-viewport>header{background:var(--hull);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;cursor:move;border-bottom:1px solid #3b3b41;justify-content:space-between;align-items:center;padding-left:8px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.canvas-viewport>header button{width:23px;height:23px;color:var(--ink-3);cursor:pointer;background:0 0;place-items:center;display:grid}.canvas-viewport>header button:hover{background:var(--plate);color:var(--ink)}.canvas-viewport>header .canvas-remove-button:hover{color:#ff7b82;background:#4a1f22}.canvas-viewport-actions{display:flex}.canvas-settings-panel{z-index:20;background:var(--hull);cursor:default;border:1px solid #4a4a51;width:260px;position:fixed;box-shadow:0 14px 40px #00000080}.canvas-settings-panel>header{border-bottom:1px solid var(--rule);background:var(--hull);height:24px;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding-left:8px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500;display:flex}.canvas-settings-panel>header button{width:23px;height:23px;color:var(--ink-3);cursor:pointer;background:0 0;place-items:center;display:grid}.canvas-settings-panel>header button:hover{color:#ff7b82;background:#4a1f22}.settings-view-switcher{border:1px solid var(--rule);grid-template-columns:1fr 1fr;margin:8px;display:grid}.settings-view-switcher button{border-right:1px solid var(--rule);height:25px;color:var(--ink-3);text-transform:uppercase;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:8px;display:flex}.settings-view-switcher button:last-child{border-right:0}.settings-view-switcher button:hover{background:var(--plate);color:var(--ink-2)}.settings-view-switcher button.active{color:var(--ink);box-shadow:inset 0 -2px var(--tan);background:#302a24}.canvas-settings-panel>label{justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.canvas-settings-panel>label>span{gap:3px;display:grid}.canvas-settings-panel>label strong{color:var(--ink-2);font-size:11px;font-weight:500}.canvas-settings-panel>label small{color:var(--ink-3);font-size:9px}.canvas-settings-panel input{accent-color:var(--tan);cursor:pointer}.canvas-settings-yaml{resize:vertical;border:1px solid var(--rule);width:calc(100% - 16px);min-height:76px;color:var(--ink-2);background:#101012;outline:0;margin:0 8px 8px;padding:9px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.5;display:block}.canvas-settings-yaml:focus{border-color:var(--tan)}.canvas-viewport-content{min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-viewport-content .theater,.canvas-viewport-content .theater>div,.canvas-viewport-content canvas{width:100%!important;height:100%!important}.canvas-resize-handle{background:linear-gradient(135deg, transparent 45%, var(--tan) 46%, var(--tan) 56%, transparent 57%);cursor:nwse-resize;width:14px;height:14px;position:absolute;bottom:0;right:0}.canvas-empty{color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-insert-menu{z-index:20;border:1px solid var(--rule);background:var(--hull);width:190px;padding:4px;display:grid;position:absolute;transform:translate(6px,6px);box-shadow:0 12px 32px #00000073}.canvas-insert-menu button{color:var(--ink-2);text-align:left;cursor:pointer;background:0 0;grid-template-columns:24px 1fr;align-items:center;gap:7px;padding:8px;display:grid}.canvas-insert-menu button:hover:not(:disabled){background:var(--plate);color:var(--ink)}.canvas-insert-menu button:disabled{color:var(--ink-3);cursor:not-allowed;opacity:.45}.canvas-insert-menu button span{gap:2px;display:grid}.canvas-insert-menu strong,.canvas-insert-menu small{font-family:JetBrains Mono,monospace;font-weight:400}.canvas-insert-menu strong{text-transform:uppercase;font-size:10px}.canvas-insert-menu small{color:var(--ink-3);font-size:8px}.canvas-help{z-index:20;position:absolute;top:10px;right:10px}.canvas-help>button{border:1px solid var(--rule);width:28px;height:28px;color:var(--ink-3);cursor:help;background:#17171aeb;place-items:center;display:grid}.canvas-help>button:hover,.canvas-help>button:focus-visible{background:var(--plate);color:var(--ink)}.canvas-help-tooltip{border:1px solid var(--rule);width:max-content;color:var(--ink-2);letter-spacing:.03em;pointer-events:none;opacity:0;background:#17171af5;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:8px;transition:opacity .12s,transform .12s;position:absolute;top:34px;right:0;transform:translateY(-3px)}.canvas-help.visible .canvas-help-tooltip{opacity:1;transform:translateY(0)}.canvas-zoom-controls{border:1px solid var(--rule);background:#17171aeb;align-items:center;height:28px;display:flex;position:absolute;bottom:10px;right:10px}.canvas-zoom-controls button{width:27px;height:27px;color:var(--ink-3);cursor:pointer;background:0 0;place-items:center;display:grid}.canvas-zoom-controls button:hover{background:var(--plate);color:var(--ink)}.canvas-zoom-controls button:disabled{color:var(--ink-3);cursor:not-allowed;opacity:.4;background:0 0}.canvas-zoom-controls span{min-width:45px;color:var(--ink-2);text-align:center;font-family:JetBrains Mono,monospace;font-size:9px}.yaml-editor-shell{background:#101012;position:absolute;inset:0;overflow:hidden}.yaml-editor-loading{width:100%;height:100%;color:var(--ink-3);text-transform:uppercase;place-items:center;font-family:JetBrains Mono,monospace;font-size:10px;display:grid}.yaml-editor{width:100%;height:100%;position:absolute;inset:0}.yaml-editor .cm-editor{background:#101012;height:100%}.yaml-editor .cm-scroller{font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.65;overflow:auto}.yaml-editor .cm-content{caret-color:var(--tan);padding:18px 0}.yaml-editor .cm-line{padding:0 22px}.yaml-editor .cm-gutters{border-right:1px solid var(--rule);color:#55555b;background:#101012}.yaml-editor .cm-activeLine,.yaml-editor .cm-activeLineGutter{background:#ffffff09}.canvas-only{background:#000;width:100vw;height:100vh;margin:0;position:relative;overflow:hidden}.canvas-only .theater,.canvas-only .theater>div,.canvas-only canvas{width:100%!important;height:100%!important}.viewport-only{background:#000;width:100vw;height:100vh;margin:0;overflow:hidden}.viewport-only .theater,.viewport-only .theater>div,.viewport-only canvas,.theater,.theater>div,.theater canvas{width:100%!important;height:100%!important}.timeline{z-index:5;border-top:1px solid var(--rule);background:var(--hull);color:var(--ink-3);grid-column:1/-1;grid-template-rows:18px minmax(0,1fr) 46px;font-family:JetBrains Mono,monospace;font-size:9px;display:grid;position:relative}.timeline-resizer{z-index:4;cursor:row-resize;touch-action:none;height:8px;position:absolute;top:-4px;left:0;right:0}.timeline-resizer:hover,.timeline-resizer:active{background:color-mix(in srgb, var(--tan) 55%, transparent)}.timeline-ruler{color:#68686d;position:relative;overflow:hidden}.timeline-tickgrid{z-index:1;pointer-events:none;position:absolute;inset:18px 0 46px;overflow:hidden}.tl-minor-tick,.tl-major-tick{background:color-mix(in srgb, var(--rule) 55%, transparent);width:1px;position:absolute;top:0;bottom:0}.tl-major-tick{background:color-mix(in srgb, var(--rule) 100%, #8b8b86 20%)}.tl-tick-label{color:#68686d;white-space:nowrap;position:absolute;top:1px;transform:translate(-50%)}.timeline-track{border-top:1px solid var(--rule);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;display:flex;position:relative;overflow:hidden}.timeline-track.dragging{cursor:grabbing}.tl-track-bar{background:var(--rule);border-radius:2px;width:100%;height:3px;position:relative}.tl-fill{background:var(--tan);border-radius:2px;height:100%;position:absolute;top:0;left:0}.tl-hover-line{pointer-events:none;background:#f4f3ee40;width:1px;position:absolute;top:0;bottom:0}.tl-hover-tip{border:1px solid var(--rule);background:var(--plate);color:var(--ink-2);white-space:nowrap;pointer-events:none;border-radius:3px;padding:2px 5px;position:absolute;top:2px;transform:translate(-50%)}.timeline-playhead{z-index:2;background:var(--tan);pointer-events:none;width:1px;position:absolute;top:18px;bottom:46px}.timeline-playhead:before{background:var(--tan);content:"";width:7px;height:5px;position:absolute;top:0;left:-3px}.timeline-footer{border-top:1px solid var(--rule);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0 10px;display:grid;overflow-x:auto}.tl-section{white-space:nowrap;align-items:center;gap:8px;display:flex}.tl-section-left{justify-self:start}.tl-section-center{justify-self:center;gap:4px}.tl-section-right{justify-self:end}.tl-cluster{white-space:nowrap;flex:none;align-items:center;gap:4px;display:flex}.tl-divider{background:var(--rule);flex:none;width:1px;height:18px}.tl-clock{color:var(--ink-2);letter-spacing:.04em}.tl-live-btn{border:1px solid var(--offline);color:var(--offline);letter-spacing:.06em;background:0 0;border-radius:2px;flex:none;align-items:center;gap:5px;margin-right:10px;padding:3px 7px;font-family:inherit;font-size:9px;font-weight:600;display:flex}.tl-live-btn:hover{background:color-mix(in srgb, var(--offline) 12%, transparent)}.tl-live-btn.live{background:var(--offline);color:var(--vac)}.tl-live-dot{background:var(--offline);border-radius:50%;width:6px;height:6px}.tl-live-btn.live .tl-live-dot{background:var(--vac)}.tl-btn{color:#66666b;background:0 0;border-radius:3px;flex:none;place-items:center;width:22px;height:22px;display:grid}.tl-btn:hover{background:var(--plate);color:var(--ink-2)}.tl-play-btn{color:var(--ink-2)}.tl-speed-select,.tl-tz-select{border:1px solid var(--rule);background:var(--plate);color:var(--ink-2);border-radius:3px;flex:none;padding:3px 4px;font-family:inherit;font-size:9px}.tl-range-cluster{gap:2px}.tl-range-display,.tl-range-input{color:var(--ink-2);letter-spacing:.02em;background:0 0;border:1px solid #0000;border-radius:3px;flex:none;padding:3px 4px;font-family:inherit;font-size:9px}.tl-range-display:hover{border-color:var(--rule);background:var(--plate)}.tl-range-input{border-color:var(--tan);background:var(--plate);width:118px}.tl-range-sep{color:var(--ink-3)}@media (width<=900px){.studio-shell{grid-template-columns:36px 0 minmax(320px,1fr)}.studio-shell.sidebar-open{grid-template-columns:36px var(--sidebar-width,240px) minmax(320px, 1fr)}.sidebar{width:var(--sidebar-width,240px)}}@media (width<=640px){.studio-shell{grid-template-columns:1fr;transition:none}.studio-shell.sidebar-open{grid-template-columns:1fr}.tool-rail,.sidebar,.sidebar-resizer,.offline-state,.project-switcher{display:none}.topbar{grid-template-columns:1fr auto 1fr}.workspace{grid-column:1}}@media (prefers-reduced-motion:reduce){.studio-shell,.sidebar{transition:none}}