npm - @osmo.inc/cli-linux-arm64 - Versions diffs - 0.1.19 - Mend

@osmo.inc/cli-linux-arm64 0.1.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (948) hide show

package/studio/src/app.css ADDED Viewed

@@ -0,0 +1,4 @@
+@font-face{font-family:Inter UI;font-style:normal;font-display:swap;font-weight:100 900;src:url("/src/inter-cyrillic-ext-wght-normal-IYF56FF6.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter UI;font-style:normal;font-display:swap;font-weight:100 900;src:url("/src/inter-cyrillic-wght-normal-JEOLYBOO.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter UI;font-style:normal;font-display:swap;font-weight:100 900;src:url("/src/inter-greek-ext-wght-normal-EOVOK2B5.woff2") format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter UI;font-style:normal;font-display:swap;font-weight:100 900;src:url("/src/inter-greek-wght-normal-IRE366VL.woff2") format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter UI;font-style:normal;font-display:swap;font-weight:100 900;src:url("/src/inter-vietnamese-wght-normal-CE5GGD3W.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter UI;font-style:normal;font-display:swap;font-weight:100 900;src:url("/src/inter-latin-ext-wght-normal-HA22NDSG.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter UI;font-style:normal;font-display:swap;font-weight:100 900;src:url("/src/inter-latin-wght-normal-NRMW37G5.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--background:#141414;--panel:#1a1a1a;--card:#1f1f1f;--hover:#2a2a2a;--border:#ffffff0d;--input:#ffffff26;--text:#f5f5f5;--muted:#979797;--accent:#f94305;--review-stroke:#e73c06;--radius:8px;font:14px Inter UI,system-ui,sans-serif;color:var(--text);background:var(--background);font-synthesis:none}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.transport,.timeline,.scene-outline,.topbar{user-select:none;-webkit-user-select:none}::selection{background:#f9430540;color:var(--text)}:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid var(--accent);outline-offset:2px}button,input,textarea{color:inherit}button{border:0}textarea{resize:vertical}input,textarea{background:var(--background);border:1px solid var(--input);border-radius:6px;padding:10px;min-width:0}p{line-height:1.5;margin:0}h2,h3{margin:0;font-size:14px;font-weight:700}strong{font-weight:700}[hidden]{display:none!important}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.subdued{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;padding:0 12px;border-radius:6px;white-space:nowrap;background:transparent;transition:background .12s,color .12s}.button:hover{background:var(--hover)}.button.primary{background:var(--accent);color:#fff;padding:0 16px}.button.primary:hover{background:#df3b04}.button.secondary{background:#ffffff08;border:1px solid var(--input)}.button.secondary:hover{background:#ffffff12}.button.icon-button{width:32px;height:32px;padding:0;color:#bcbcbc}.button.icon-button:hover{color:#fff}.button.full{width:100%}.studio-shell{height:100dvh;min-height:560px;display:grid;grid-template-rows:56px 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 18px;border-bottom:1px solid var(--border);background:var(--panel)}.brand{display:flex;align-items:center;flex-shrink:0}.brand-logo{display:block;width:84px;height:auto}.project-title{display:flex;gap:10px;align-items:center;min-width:0}.filename{max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-tag{font-size:9px;letter-spacing:1px;color:#999;border:1px solid var(--input);padding:3px 5px;border-radius:4px}.header-actions{display:flex;align-items:center;gap:12px}.session-status{font-size:11px;color:#aaa;display:flex;gap:6px;align-items:center}.session-status:before{content:"";width:5px;height:5px;border-radius:50%;background:#777}.session-status.ready:before{background:#8cc38c}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 326px;min-height:0}.editor{display:grid;grid-template-rows:minmax(0,1fr) var(--timeline-height, clamp(250px, 36vh, 380px));min-width:0;min-height:0}.preview-area{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:48px 56px 58px;background:#101010}.canvas-wrap{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}canvas,.preview-video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 8px 48px #0006;background:#000}.preview-placeholder{position:absolute;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--muted);background:#101010;padding:24px;border-radius:8px}.spinner{width:22px;height:22px;border:2px solid #ffffff25;border-top-color:#ccc;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{position:absolute;z-index:5;left:16px;right:16px;top:12px;max-height:160px;overflow:auto;white-space:pre-wrap;background:#3a201a;border:1px solid #f9430540;color:#ffd4c7;padding:12px;border-radius:6px;font:11px/1.5 Inter UI,system-ui,sans-serif}.error-banner summary{cursor:pointer;white-space:normal}.error-banner pre{margin:10px 0 0;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.timeline{background:var(--panel);border-top:1px solid var(--border);min-width:0;display:flex;flex-direction:column}.transport{height:57px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.transport-left,.transport-center{display:flex;align-items:center;gap:10px}.transport-center{gap:16px}.timecode{font:11px Inter UI,system-ui,sans-serif;font-variant-numeric:tabular-nums;min-width:63px}.frame-label{color:var(--muted);font-size:11px;min-width:60px}.ruler{height:36px;display:flex;justify-content:space-between;align-items:center;color:#858585;font-size:10px;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to right,transparent 0,transparent calc(2.5% - 1px),#ffffff0e calc(2.5% - 1px),#ffffff0e 2.5%);background-size:100% 5px;background-position:bottom;background-repeat:no-repeat}.playhead{position:absolute;top:27px;bottom:10px;width:1px;background:var(--accent);pointer-events:none;z-index:3}.playhead:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:16px;height:16px;background:var(--timeline-playhead) left top/16px 94px no-repeat}.slider{touch-action:none;accent-color:var(--accent)}.comment-markers{position:absolute;inset:0;pointer-events:none;z-index:5}.button.timeline-marker{position:absolute;top:30px;transform:translate(-50%);width:22px;height:22px;padding:0;background:#ddd;color:#222;border-radius:4px;pointer-events:auto;box-shadow:0 1px 3px #0008}.button.timeline-marker svg{width:13px;height:13px}.button.timeline-marker:hover{background:var(--accent);color:#fff}.button.timeline-marker.resolved{background:#506850;color:#d9ead9}.comments-panel{border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}.panel-heading{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;flex-shrink:0}.panel-heading h2{font-size:13px;display:flex;align-items:center;gap:8px}.count{font:10px Inter UI,system-ui,sans-serif;color:#aaa;background:#ffffff0a;border-radius:4px;padding:3px 5px}.panel-tools{padding:0 16px 14px}.segmented{display:flex;padding:3px;background:#111;border:1px solid var(--border);border-radius:7px;gap:3px}.segmented .button{height:27px;flex:1;font-size:11px;color:#aaa;padding:0 9px}.segmented .button.active{background:#303030;color:#fff;box-shadow:0 1px 3px #0005}.threads{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 14px 20px}.empty-state{text-align:center;display:flex;flex-direction:column;align-items:center;padding:80px 20px 30px;color:#8e8e8e;gap:13px}.empty-state>.icon{border:1px solid var(--input);width:44px;height:44px;border-radius:12px;background:#ffffff03}.empty-state h3{font-size:13px;color:#c9c9c9;line-height:1.5;max-width:190px}.empty-state p{font-size:12px;line-height:1.65;max-width:230px}.thread{background:transparent;border:0;border-radius:8px;margin-bottom:10px;padding:13px;scroll-margin-top:12px}.thread-heading{display:flex;gap:9px;align-items:center;margin-bottom:12px}.avatar{height:28px;width:28px;display:grid;place-items:center;border-radius:50%;background:#48403b;color:#e8c5af;font-size:11px}.thread-meta{display:flex;flex-direction:column;gap:3px;flex:1}.thread-meta strong{font-size:11px}.thread-meta span{font-size:10px;color:gray}.thread-heading .button{height:26px;width:26px}.timestamp{display:inline-flex;color:#ff8e66;background:#f9430510;border-radius:4px;font:10px Inter UI,system-ui,sans-serif;padding:5px 7px;height:auto}.timestamp:hover{background:#ffffff0a}.comment-text{margin-top:10px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#dedede;line-height:1.65}.revision-note{display:inline-block;font-size:10px;color:#b39370;padding-top:9px}.reply{border-left:1px solid #ffffff20;padding-left:11px;margin-top:14px;overflow-wrap:anywhere}.reply strong{font-size:10px;color:#aaa}.reply p{font-size:12px;white-space:pre-wrap;padding-top:4px}.reply-form{display:flex;align-items:flex-end;gap:5px;margin-top:15px;padding-top:10px;border-top:1px solid var(--border)}.reply-form textarea{background:transparent;border:0;padding:6px 2px;flex:1;font-size:11px;line-height:1.5;resize:vertical}.reply-form .button{height:27px;width:27px;background:#ffffff08}.dialog{width:min(470px,calc(100vw - 32px));margin:auto;padding:0;border:1px solid var(--input);border-radius:12px;background:#202020;color:#fff;box-shadow:0 25px 100px #0009}.dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--border)}.dialog-heading h2{font-size:15px}.dialog-content{display:flex;flex-direction:column;gap:16px;padding:20px}.dialog-content>.timestamp{align-self:flex-start}.dialog-content textarea{width:100%;line-height:1.6}.field-label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#bdbdbd}.field-label input{width:100%;color:#eee}.dialog footer{border-top:1px solid var(--border);padding:14px 20px;display:flex;justify-content:flex-end;gap:8px}.form-error{font-size:12px;color:#ffb29c;white-space:pre-wrap}.form-error:empty{display:none}.export-progress{font-size:12px;color:#c9c9c9}.dialog-content .subdued{font-size:12px;white-space:pre-line;line-height:1.8}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;z-index:100;background:#373737;border:1px solid #ffffff20;color:#fff;padding:12px 18px;border-radius:8px;box-shadow:0 5px 20px #0005;transition:opacity .15s,transform .15s;max-width:80vw;font-size:12px}#toast.visible{opacity:1;transform:translate(-50%)}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 286px}.preview-area{padding:32px 24px 52px}.frame-label,.transport-left{display:none}.transport{padding:0 12px}.transport-center{gap:10px}.project-title{flex:1}.header-actions .session-status{display:none}.topbar{gap:18px}}@media(max-width:720px){.studio-shell{height:auto;min-height:100dvh}.workspace{display:flex;flex-direction:column}.editor{height:85dvh;min-height:650px;grid-template-rows:minmax(0,1fr) var(--timeline-height, 320px)}.comments-panel{border-left:0;border-top:1px solid var(--border);min-height:360px;max-height:65dvh}.topbar{height:56px;padding:0 12px;gap:12px}.local-tag{display:none}.filename{font-size:11px;max-width:160px}.header-actions{gap:4px}.preview-area{padding:24px 18px 44px}.transport .button:not(.icon-button){font-size:11px;padding:0 8px}.empty-state{padding:24px 20px}.dialog{max-height:90dvh;overflow:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spinner{animation-duration:2s}}@media(max-width:720px){.timecode{white-space:nowrap;min-width:57px}.transport>.button{width:34px;padding:0!important}.transport>.button>span:last-child:not(.icon){display:none}}.timeline{min-height:0}.transport{height:49px;flex-shrink:0}.scene-outline{display:flex;flex-direction:column;min-height:0;flex:1;--outline-label:270px}.outline-toolbar{height:38px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border);flex-shrink:0}.outline-toolbar>div,.outline-tools{display:flex;align-items:center;gap:12px}.outline-toolbar strong{font-size:11px}.outline-summary{font-size:10px;color:var(--muted);white-space:nowrap}.outline-tools .button{height:25px;padding:0 7px;font-size:10px;color:var(--muted)}.outline-legend{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;white-space:nowrap}.outline-legend i{width:10px;height:6px;background:#b8b8b82b;border-radius:2px}.outline-legend i.animated{background:#e57f5080;margin-left:5px}.outline-body{display:flex;flex:1;min-height:0}.outline-main{flex:1;min-width:0;position:relative;display:flex;flex-direction:column}.outline-ruler-row,.outline-comments-row,.outline-row{display:grid;grid-template-columns:var(--outline-label) minmax(0,1fr)}.outline-ruler-row{height:30px;flex-shrink:0;margin-right:12px}.outline-column-title{font-size:10px;color:var(--muted);display:flex;align-items:center;padding-left:16px;border-right:1px solid var(--border)}.outline-ruler-time{position:relative;margin-left:8px}.outline-ruler-time .ruler{height:30px}.outline-ruler-time .slider{position:absolute;inset:0;margin:0;height:30px;width:100%;opacity:0;cursor:ew-resize}.outline-comments-row{height:28px;flex-shrink:0;border-bottom:1px solid var(--border);margin-right:12px}.outline-comments-row>span{color:var(--muted);padding:6px 16px;border-right:1px solid var(--border);font-size:10px}.outline-comment-lane{position:relative;margin-left:8px}.outline-comment-lane .timeline-marker{top:3px;width:19px;height:20px}.outline-scroll{overflow-y:scroll;flex:1;min-height:0;position:relative;scrollbar-width:thin;scrollbar-color:#ffffff25 transparent}.outline-spacer{position:relative;width:100%}.outline-window{position:absolute;top:0;left:0;right:0}.outline-row{height:32px;--track-color:160,173,180}.outline-row.type-group,.outline-row.type-scene{--track-color:221,144,103}.outline-row.type-text{--track-color:155,169,201}.outline-row.type-path,.outline-row.type-rect{--track-color:171,163,206}.outline-row.type-video,.outline-row.type-image{--track-color:134,177,170}.outline-row.type-audio{--track-color:152,185,129}.outline-row:hover{background:#ffffff04}.outline-row.selected{background:#ffffff0b}.outline-label{display:flex;align-items:center;min-width:0;gap:4px;border-right:1px solid var(--border);padding-right:8px}.button.disclosure{width:16px;height:22px;color:#898989;flex-shrink:0}.disclosure .icon svg{width:12px;height:12px}.disclosure.expanded .icon{transform:rotate(90deg)}.disclosure-placeholder{width:16px;flex-shrink:0}.button.outline-select{min-width:0;height:28px;padding:0 2px;justify-content:flex-start;font-size:14px;flex:1;overflow:hidden;color:#bcbcbc}.outline-select span{overflow:hidden;text-overflow:ellipsis}.selected .outline-select{color:#fff}.node-type{font-size:9px;color:#666}.badge{display:inline-flex;align-items:center;border-radius:3px;background:#ffffff08;padding:2px 4px;font-size:9px;color:#aaa;white-space:nowrap}.outline-lane{margin:0 12px 0 8px;position:relative;cursor:pointer;background:repeating-linear-gradient(to right,#ffffff07 0,#ffffff07 1px,transparent 1px,transparent 16.6667%)}.lifetime-bar{position:absolute;top:7px;height:18px;background:rgba(var(--track-color),calc(.35 - .23 * var(--outline-reveal,1)));border:1px solid rgba(var(--track-color),calc(.25 * var(--outline-reveal,1)));border-radius:4px}.motion-band{position:absolute;top:7px;height:18px;border-radius:4px;background:rgba(var(--track-color),.35);pointer-events:none;opacity:var(--outline-reveal,1)}.selected .lifetime-bar{border-color:rgba(var(--track-color),calc(.8 * var(--outline-reveal,1)))}.selected .motion-band{background:rgba(var(--track-color),.6)}.bar-duration{position:absolute;left:7px;top:9px;font:9px Inter UI,system-ui,sans-serif;color:rgba(var(--track-color),.85);pointer-events:none;opacity:var(--outline-reveal,1)}.property-row .lifetime-bar{top:15px;height:2px;border:0}.property-row .motion-band{top:14px;height:4px}.property-row .outline-select{font:10px Inter UI,system-ui,sans-serif;color:#929292}.button.keyframe-dot{width:7px;height:7px;min-width:0;padding:0;border-radius:1px;position:absolute;top:12px;transform:translate(-50%) rotate(45deg);background:#cbb797;z-index:1}.button.keyframe-dot:hover{background:#fff;outline:2px solid #f9430550}.outline-playhead-track{position:absolute;top:0;bottom:0;left:calc(var(--outline-label) + 8px);right:12px;pointer-events:none}.outline-playhead-track .playhead{top:26px;bottom:0}.outline-empty{font-size:11px;color:var(--muted);padding:22px 16px}.scene-inspector{flex:0 0 244px;width:244px;border-left:1px solid var(--border);display:flex;flex-direction:column;background:#171717;min-height:0}.inspector-heading{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 4px 14px;min-height:35px;border-bottom:1px solid var(--border);gap:8px}.inspector-heading strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-content{overflow:auto;padding:12px 14px;font-size:11px;color:#aaa}.inspector-badges{display:flex;gap:5px}.source-location{font:10px Inter UI,system-ui,sans-serif;overflow-wrap:anywhere;margin:10px 0 14px;color:#8d8d8d}.property-list{display:grid;grid-template-columns:72px minmax(0,1fr);gap:7px 9px;margin:0;font-size:10px}.property-list dt{color:#787878;overflow-wrap:anywhere}.property-list dd{margin:0;color:#c5c5c5;overflow-wrap:anywhere;white-space:pre-wrap}.inspector-content h4{font-size:10px;color:#d0d0d0;margin:18px 0 10px}.inspector-note{font-size:10px;line-height:1.6;color:#686868;margin-top:18px}.inspector-key{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:3px 7px;padding:5px 0;border-bottom:1px solid var(--border)}.inspector-key .key-time{font:10px Inter UI,system-ui,sans-serif;padding:0;justify-content:flex-start;height:22px;color:#c8a78d}.inspector-key code{overflow-wrap:anywhere;font-size:10px}.inspector-key small{grid-column:2;color:#666}@media(max-width:1250px){.scene-outline{--outline-label:225px}.outline-legend{display:none}.scene-inspector{flex-basis:210px;width:210px}}@media(max-width:900px){.scene-outline{--outline-label:190px}.outline-summary{font-size:9px}.node-type{display:none}.scene-inspector{position:absolute;right:0;top:0;bottom:0;z-index:8;width:250px;box-shadow:-10px 0 20px #0005}.outline-body{position:relative}}@media(max-width:720px){.scene-outline{--outline-label:165px}.outline-toolbar{padding:0 9px;gap:5px}.outline-toolbar>div{gap:8px}.outline-tools .button{font-size:9px}.outline-summary{max-width:170px;white-space:normal;line-height:1.4}.outline-label .badge{display:none}.preview-area{padding:18px 16px 40px}}.timeline{position:relative}.panel-resize{position:absolute;top:0;left:0;right:0;height:12px;cursor:ns-resize;z-index:20;touch-action:none;outline:none;background:transparent}.panel-resize:before{content:"";position:absolute;width:36px;height:4px;background:#737373;border-radius:999px;left:calc(50% - 18px);top:4px}.panel-resize:hover:before,.panel-resize:focus-visible:before,.editor[data-panel-resizing] .panel-resize:before{background:#aaa}.outline-ruler-row,.outline-comments-row{margin-right:calc(12px + var(--outline-gutter,0px))}.outline-playhead-track{right:calc(12px + var(--outline-gutter,0px))}.selection-overlay{position:absolute;pointer-events:none;overflow:visible}.selection-overlay polygon{fill:#ff61000a;stroke:#ff7433;stroke-width:1.5px;stroke-linejoin:round}.selection-overlay polygon.hover-outline{fill:none;stroke:#ff995c;stroke-opacity:.65;stroke-width:1px;stroke-dasharray:4 3}canvas:focus{outline:none}canvas:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.studio-shell{--header-height:56px;grid-template-rows:minmax(0,1fr)}.workspace{grid-template-columns:minmax(0,1fr) 300px}.editor{grid-template-rows:var(--header-height,80px) minmax(0,1fr) 56px var(--timeline-height,clamp(200px, calc(36vh - 56px) ,324px))}.topbar{justify-content:flex-start;gap:16px;border:0;background:#141414;padding:0 16px}.project-title{min-width:0;font-size:14px;line-height:1.2;font-weight:400;color:var(--muted)}.topbar .filename{font-size:inherit;max-width:100%}.canvas-controls{margin-left:auto;display:flex;align-items:center;gap:2px;flex-shrink:0}.canvas-controls .button{width:28px;height:28px;padding:0;color:var(--text)}.canvas-controls .button .icon,.canvas-controls .button .icon svg{width:16px;height:16px}.canvas-controls .button[aria-pressed=true]{background:var(--hover)}.canvas-scale{display:flex;align-items:center;gap:4px;padding-left:4px;font-size:14px;font-weight:500;white-space:nowrap}.canvas-scale .icon,.canvas-scale .icon svg{width:10px;height:10px}.canvas-scale .icon{transform:rotate(90deg)}.canvas-wrap:fullscreen{width:100vw;height:100dvh;background:#000;outline:none;cursor:pointer}.canvas-wrap:fullscreen canvas{width:min(100vw,calc(100dvh * var(--preview-aspect)));height:auto;outline:none;cursor:pointer!important}.canvas-wrap:fullscreen :is(.selection-overlay,.review-canvas){display:none}.preview-area{background:var(--background);padding:20px 48px}.preview-area canvas{position:relative}.preview-area[data-checkerboard=true] canvas{background:transparent}.canvas-backdrop{position:absolute;pointer-events:none;background:repeating-conic-gradient(#ccc 0 25%,#e8e8e8 0 50%) 0/16px 16px}canvas{box-shadow:none}.studio-sidebar{display:flex;flex-direction:column;min-height:0;min-width:0;background:#171717;border-left:1px solid var(--border)}.sidebar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:var(--header-height,80px);padding:0 12px;border-bottom:1px solid var(--border)}.sidebar-actions .session-status{margin-right:auto}.sidebar-actions .button.primary{height:30px;font-size:12px}.studio-sidebar .comments-panel{flex:1;min-height:0;border:0;background:transparent}.comment-tabs{display:flex;align-items:center;gap:8px;padding:16px;flex-shrink:0}.comment-tabs .button{height:26px;padding:2px 8px;gap:6px;border-radius:8px;font-size:13px;color:#fafafa;opacity:.5}.comment-tabs .button[aria-pressed=true]{background:#262626;opacity:1}.comment-tabs .button:hover{opacity:1}.comment-tabs strong{font-size:13px}.comment-tabs .icon,.comment-tabs .icon svg{display:block;width:16px;height:16px}.inspector-panel{flex:1;min-height:0;display:flex;flex-direction:column}.studio-sidebar .scene-inspector{position:static;width:100%;flex:1;border:0;box-shadow:none}.studio-sidebar .inspector-heading{min-height:48px;padding:8px 12px 8px 18px}.studio-sidebar .inspector-heading strong{font-size:13px}.studio-sidebar .inspector-content{padding:18px}.studio-sidebar .property-list{grid-template-columns:90px minmax(0,1fr);font-size:12px;gap:10px}.studio-sidebar .inspector-content h4{font-size:12px;margin-top:24px}.studio-sidebar .source-location{font-size:11px;margin:16px 0 22px}.inspector-empty{padding:22px 18px;color:var(--muted);font-size:12px;line-height:1.6}.inspector-empty strong{color:var(--text);font-size:13px}.scene-inspector:not([hidden])+.inspector-empty{display:none}.transport{position:relative;height:56px;background:#141414;padding:0 12px;gap:12px}.transport-left{display:flex;gap:8px;min-width:0}.transport-right{display:flex;align-items:center;margin-left:auto;gap:12px}.studio-shell[data-mode=interactive] :is(.transport-left,.transport-right){position:relative;top:16px;z-index:21}.transport-right .button{width:28px}.timeline-zoom{display:flex;align-items:center;gap:2px}.timeline-zoom .button{height:28px;padding:0;font-size:11px;color:var(--muted)}.timeline-zoom input{width:80px;height:12px;padding:0;accent-color:#b4b4b4}@media(max-width:1000px){.canvas-controls{gap:2px}.timeline-zoom input{width:48px}.transport-right{gap:4px}}@media(max-width:800px){.topbar{gap:10px;padding:0 12px}.project-title{font-size:14px}.canvas-controls .button{width:28px}.canvas-scale{font-size:14px;padding-left:2px}}.transport-left .timecode{font-size:14px;min-width:0}.time-display{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:6px;background:transparent;white-space:nowrap}.time-display:hover{background:var(--hover)}.timecode-current{display:grid;text-align:left}.timecode-current>span{grid-area:1 / 1}.timecode-sizer{visibility:hidden;pointer-events:none}.transport-left .frame-label{font-size:10px;min-width:0;margin-left:4px}.transport-left .loop-toggle[aria-pressed=true]{color:var(--accent);background:transparent}.transport-left .loop-toggle:hover{background:var(--hover)}.transport-left .loop-toggle[aria-pressed=true]:hover,.transport-right .button[aria-pressed=true]:hover{background:#f943051a}.transport-left .button{width:28px}.mode-switch{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:2px;padding:4px;border-radius:12px;background:#ffffff0d;isolation:isolate}.mode-switch:before{content:"";position:absolute;top:4px;left:4px;width:32px;height:32px;border-radius:9px;background:#ffffff1a;z-index:-1;transition:transform var(--mode-duration,.3s) ease-in-out}.mode-switch[data-mode=interactive]:before{transform:translate(34px)}.mode-switch .button{width:32px;height:32px;padding:0;border-radius:9px}.mode-switch .button[aria-pressed=false]{opacity:.7}.mode-switch .button:hover{background:#ffffff08;opacity:1}.mode-switch .icon,.mode-switch .icon svg,.mode-switch img{display:block;width:20px;height:20px}.outline-row{overflow:hidden}.outline-row:not(.property-row) .outline-label{min-height:0}.outline-row:not(.property-row) .outline-select{height:100%}.outline-row:not(.property-row) .disclosure{max-height:100%}.outline-row:not(.property-row) .lifetime-bar,.outline-row:not(.property-row) .motion-band{height:var(--layer-bar-height,18px);top:50%;transform:translateY(-50%)}.outline-row:not(.property-row) .bar-duration{top:50%;transform:translateY(-50%);line-height:9px}.property-row .outline-label,.property-row .outline-lane{min-height:32px}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 270px}.transport-left .subdued,.transport-left .frame-label{display:none}.preview-area{padding-left:24px;padding-right:24px}}@media(max-width:720px){.workspace{grid-template-columns:minmax(0,1fr);overflow:auto}.editor{min-height:650px;grid-template-rows:var(--header-height,80px) minmax(0,1fr) 56px var(--timeline-height,244px)}.studio-sidebar{min-height:280px;border-left:0;border-top:1px solid var(--border)}.studio-sidebar .comments-panel{min-height:240px}.preview-area{padding:16px}}@media(prefers-reduced-motion:reduce){.mode-switch:before{transition:none}}.editor{transition:grid-template-rows var(--mode-duration,.3s) ease-in-out}.editor[data-panel-resizing]{transition:none;user-select:none}.studio-shell[data-mode=comment] .editor{grid-template-rows:var(--header-height,80px) minmax(0,1fr) 60px 106px}.editor{--mode-reveal:1;--floating:calc(1 - var(--mode-reveal))}.transport{height:calc(56px + 4px * var(--floating));margin:0 calc(12px * var(--floating));padding:0 calc(12px + 4px * var(--floating));border:0;border-radius:calc(20px * var(--floating)) calc(20px * var(--floating)) 0 0;background:rgb(calc(20 + 7 * var(--floating)) calc(20 + 7 * var(--floating)) calc(20 + 7 * var(--floating)))}.timeline{margin:0 calc(12px * var(--floating)) calc(12px * var(--floating));padding:0 calc(12px * var(--floating)) calc(12px * var(--floating));border:0;border-radius:0 0 calc(20px * var(--floating)) calc(20px * var(--floating));background:rgb(calc(26 + var(--floating)) calc(26 + var(--floating)) calc(26 + var(--floating)))}.studio-shell[data-mode=comment] .transport-left{gap:12px}.studio-shell[data-mode=comment] .frame-label{display:none}.timeline{overflow:clip}.outline-toolbar,.outline-ruler-row,.outline-comments-row{overflow:hidden;transition:height var(--mode-duration,.3s) ease-in-out,opacity var(--mode-duration,.3s)}.is-review .outline-toolbar,.is-review .outline-comments-row{height:0;opacity:0;border-bottom:0;pointer-events:none}.is-review .outline-scroll{overflow-y:hidden}.outline-row,.outline-ruler-row{grid-template-columns:calc(var(--outline-label) * var(--outline-reveal,1)) minmax(0,1fr)}.is-review .outline-column-title{visibility:hidden;padding:0;border:0;overflow:hidden}.is-review .outline-label{visibility:hidden;padding:0!important;border:0;overflow:hidden}.is-review .outline-lane,.is-review .outline-row{background:none}.is-review .outline-scroll{outline:none}.outline-playhead-track{left:calc(var(--outline-label) * var(--outline-reveal,1) + 8px)}.is-review .outline-playhead-track{top:0}.is-review .playhead{top:26px;bottom:auto;height:40px;width:2px;border-radius:2px}.review-scene-slider{position:absolute;top:0;left:calc(var(--outline-label) + 8px);width:calc(100% - var(--outline-label) - 20px);height:32px;margin:0;padding:0;opacity:0;z-index:4;cursor:ew-resize}.is-review .review-scene-slider{top:30px;left:calc(var(--outline-label) * var(--outline-reveal,1) + 8px);width:calc(100% - var(--outline-label) * var(--outline-reveal,1) - 20px);height:48px}.is-review .outline-main:has(.review-scene-slider:focus-visible) .lifetime-bar{outline:1px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.editor,.transport,.timeline,.outline-row,.outline-toolbar,.outline-ruler-row,.outline-comments-row,.outline-playhead-track{transition:none}}.comment-composer{flex-shrink:0;margin:0;padding:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.composer-heading,.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-heading strong{font-size:12px;font-weight:500;color:#aaa}.composer-heading .timestamp{font-size:11px;padding:3px 6px}.comment-composer textarea{width:100%;min-height:88px;max-height:160px;resize:vertical;padding:12px;font-size:13px}.composer-actions{align-items:flex-end}.composer-actions>.button{width:32px;height:32px;flex-shrink:0;border-radius:8px}.comment-range{flex:1;min-width:0;color:#999;font-size:12px}.comment-range summary{cursor:pointer;width:fit-content;padding:6px 0}.comment-range input{width:100%;margin-top:6px;font-size:12px}.comment-composer .form-error{margin:0;font-size:12px}.time-control{position:relative;min-width:0}.nudge-settings{position:absolute;bottom:calc(100% + 12px);left:0;width:248px;max-width:calc(100vw - 64px);padding:12px;z-index:30;background:#1f1f1f;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0006;font-size:14px}.nudge-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.nudge-heading .button{height:24px}.nudge-settings label{display:grid;grid-template-columns:1fr 112px;gap:12px;align-items:center;margin-top:8px}.nudge-settings input,.nudge-settings select{width:100%;min-width:0;height:32px;padding:4px 8px;font:inherit;color:var(--text);background:var(--background);border:1px solid var(--input);border-radius:4px}.nudge-settings input{user-select:text;-webkit-user-select:text}.nudge-settings input:invalid{border-color:var(--accent)}.button .icon,.button .icon svg{display:block;width:16px;height:16px;flex-shrink:0}.mode-switch .button .icon,.mode-switch .button .icon svg{width:16px;height:16px}.studio-tooltip{position:fixed;z-index:1000;display:flex;align-items:center;gap:14px;max-width:min(320px,calc(100vw - 16px));padding:7px 10px;border:1px solid #ffffff14;border-radius:8px;background:#202020;color:#fafafa;font:14px/1.3 Inter UI,system-ui,sans-serif;box-shadow:0 2px 6px #0003;pointer-events:none;user-select:none}.studio-tooltip>span:first-child{min-width:0;overflow-wrap:anywhere}.tooltip-shortcut{flex-shrink:0;color:#aaa;white-space:nowrap}.studio-shell[data-mode=comment] .editor{grid-template-rows:var(--header-height,80px) minmax(0,1fr) 60px 132px}.studio-shell[data-mode=comment] .editor[data-review-layers=true]{grid-template-rows:var(--header-height,80px) minmax(0,1fr) 60px var(--timeline-height,320px)}.studio-shell[data-mode=comment] .selection-overlay{visibility:hidden}.review-canvas{cursor:var(--comment-cursor);touch-action:none}.transport-right{gap:8px}.transport-right .button[aria-pressed=true]{color:var(--accent)}.outline-ruler-row,.outline-ruler-time .ruler{height:56px}.outline-ruler-time .ruler{align-items:flex-end;padding-bottom:8px}.outline-ruler-time .slider{height:56px}.is-review .review-scene-slider{top:56px}.is-review .playhead,.outline-playhead-track .playhead{top:52px}.review-canvas{position:absolute;z-index:6;user-select:none}.review-regions{position:absolute;inset:0;pointer-events:none}.review-selection,.review-saved-region{position:absolute;border:1px dashed var(--review-stroke);border-radius:2px;background:transparent;pointer-events:none}.review-time-pins{position:absolute;top:0;left:calc(var(--outline-label) * var(--outline-reveal,1) + 8px);right:calc(12px + var(--outline-gutter,0px));height:56px;pointer-events:none;z-index:7}.review-range-selection{position:absolute;top:67px;height:26px;border:1px solid var(--review-stroke);border-radius:2px;background:#f943054f;pointer-events:none}.review-time-range{position:absolute;height:26px;top:67px;border:1px solid var(--review-stroke);border-radius:2px;background:#f943054f;pointer-events:none}.review-time-range.is-active{background:#f943054f}.comment-avatar{position:relative;display:inline-flex;width:28px;height:28px;flex:0 0 28px;align-items:center;justify-content:center;border-radius:50%;background:#754029;color:#fff0e8;font:12px/1 Inter UI,system-ui,sans-serif;overflow:hidden}.comment-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.button.review-pin{position:absolute;width:24px;height:24px;padding:4px;border:0;border-radius:4px;background:transparent;box-shadow:none;transform:translate(-4px,-4px);pointer-events:auto;cursor:pointer;z-index:3}.button.review-pin:hover,.button.review-pin.is-active{background:transparent}.button.review-pin.is-active{width:40px;height:40px;outline:none}.button.review-pin.is-draft{outline:none}.review-time-pins .button.review-pin{transform:translate(-4px)}.comment-pin-artwork{position:relative;display:block;width:16px;height:16px;flex:0 0 16px}.comment-pin-artwork>img{display:block;position:absolute;inset:0;width:16px;height:16px}.comment-pin-artwork>.comment-pin-photo{inset:2.5px;width:11px;height:11px;border-radius:50%;object-fit:cover}.profile-button.button{padding:0;width:30px;height:30px;border-radius:50%;flex-shrink:0}.sidebar-actions .session-status{font-size:10px}.review-bubble,.review-hover{position:fixed;z-index:80;width:312px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #ffffff14;border-radius:18px 18px 18px 3px;background:#292929;box-shadow:0 8px 30px #0006;font-size:14px;color:var(--text)}.review-bubble:focus-within{border-color:var(--review-stroke)}.review-bubble-heading{display:flex;gap:10px;align-items:center;padding:14px 14px 10px}.review-bubble-heading>div{min-width:0;flex:1}.review-bubble-heading strong{display:block;font-weight:400}.review-bubble small,.review-hover small{display:block;color:var(--muted);font-size:11px;margin-top:4px;overflow-wrap:anywhere}.review-bubble-content{padding:0 14px;overflow-wrap:anywhere}.review-comment-text{white-space:pre-wrap;margin:0 0 12px}.review-reply{padding:10px 0;border-top:1px solid var(--border)}.review-reply strong{font-size:12px;color:var(--muted)}.review-reply p{white-space:pre-wrap}.review-bubble textarea{display:block;width:100%;min-height:76px;max-height:180px;padding:12px 14px;border:0;background:transparent;border-radius:0;resize:vertical;outline:none;font:14px/1.5 Inter UI,system-ui,sans-serif}.review-bubble-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:10px 12px}.review-bubble-actions .button.primary{padding:0;width:32px;height:32px;border-radius:50%}.review-bubble .form-error{padding:0 14px 12px}.review-hover{display:flex;gap:12px;padding:14px;pointer-events:none}.review-hover>div{flex:1;min-width:0}.review-hover p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin-top:6px}.review-author{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.review-author strong{font-weight:400}.review-author span{color:var(--muted);font-size:12px}.comment-target-label{color:#979797;font-size:11px}.review-pointer{position:fixed;width:20px;height:20px;pointer-events:none;z-index:2000}.review-pointer .comment-pin-artwork{transform:scale(1.25);transform-origin:top left}.comment-pin-artwork>.comment-pin-active{display:none;transform:scaleY(-1)}.review-pin.is-active .comment-pin-artwork{width:32px;height:32px;flex-basis:32px}.review-pin.is-active .comment-pin-default{display:block;opacity:0;width:100%;height:100%}.review-pin.is-active .comment-pin-active{display:block;width:100%;height:100%}.review-pin.is-active .comment-pin-photo{inset:4px;width:24px;height:24px}.review-pin.is-active{justify-content:flex-start;align-items:flex-start}.review-bubble{transform-origin:left top}.review-range-editor{position:absolute;top:67px;height:26px;border:1px solid var(--review-stroke);border-radius:2px;pointer-events:none;z-index:10}.review-range-editor.is-point{border:0}.button.review-range-handle{position:absolute;top:-1px;width:14px;height:26px;min-width:0;padding:0;border:0;background:transparent;pointer-events:auto;cursor:ew-resize;touch-action:none}.review-range-handle:after{content:"";position:absolute;left:6px;top:0;height:26px;width:2px;border-radius:1px;background:var(--review-stroke)}.range-start{left:-7px}.range-end{right:-7px}.review-range-handle:hover:after,.review-range-handle:focus-visible:after{width:3px}.thread .comment-text,.thread .thread-meta,.thread .comment-target-label{cursor:pointer}.thread:hover,.thread.is-selected{background:#1f1f1f}.thread-location{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.thread-heading .thread-status{background:transparent;color:#fafafa;opacity:0;pointer-events:none}.thread:hover .thread-status,.thread:has(:focus-visible) .thread-status,.thread:focus-visible .thread-status{opacity:1;pointer-events:auto}.thread-status .status-hover{display:none}.thread-status:hover .icon:not(.status-hover),.thread-status:focus-visible .icon:not(.status-hover){display:none}.thread-status:hover .status-hover,.thread-status:focus-visible .status-hover{display:inline-flex}.thread-status:not(:has(.status-hover)):hover .icon,.thread-status:not(:has(.status-hover)):focus-visible .icon{display:inline-flex}.thread .reply-form[hidden]{display:none}.thread .reply-form textarea{resize:none}.studio-shell[data-mode=comment] .editor{grid-template-rows:var(--header-height,80px) minmax(0,1fr) 56px 106px}.studio-shell[data-mode=comment] .transport{height:56px;background:transparent;border-radius:0;margin:0 12px;padding:0 16px}.studio-shell[data-mode=comment] .timeline{background:#1f1f1f;border-radius:20px;margin:0 12px 12px;padding:0 17px}.is-review .outline-ruler-row,.is-review .outline-ruler-time .ruler,.is-review .outline-ruler-time .slider{height:32px}.ruler{position:relative;background:none}.ruler-label{position:absolute;top:11px;transform:translate(-50%);white-space:nowrap;line-height:12px;letter-spacing:.2px}.ruler-label:first-child{transform:none}.ruler-label:nth-child(7){transform:translate(-100%)}.ruler-tick{position:absolute;bottom:0;width:1px;height:4px;background:#ffffff0d}.ruler-tick.middle{height:6px}.ruler-tick.major{height:8px}.is-review .review-scene-slider{top:32px;height:48px}.is-review .outline-row:not(.property-row) .lifetime-bar{height:24px;background:#ffffff29;border:0;top:26px}.is-review .outline-playhead-track .playhead{top:0;bottom:auto;width:16px;height:94px;transform:translate(-7.5px);border-radius:0;background:var(--timeline-playhead) center/16px 94px no-repeat}.is-review .playhead:before{display:none}.review-time-range{top:46px;height:24px;border:1px solid #fafafa80;border-radius:3px;background:#ffffff1a}.review-time-range.is-active{visibility:hidden}.review-range-editor{top:44px;height:28px;min-width:5px;border:2px solid var(--review-stroke);border-radius:3px;background:#f943054f}.review-range-editor.is-point{border:2px solid var(--review-stroke)}.button.review-range-handle{top:0;height:24px;width:12px}.review-range-handle:after{left:5px;top:4px;height:16px;width:2px;border-radius:2px;background:#fafafa}.range-start{left:-12px}.range-end{right:-12px}.review-time-pins .button.review-pin.is-active{width:24px;height:24px}.review-time-pins .is-active .comment-pin-artwork{width:16px;height:16px;flex-basis:16px}.review-time-pins .is-active .comment-pin-default{opacity:1}.review-time-pins .is-active .comment-pin-active{display:none}.thread{padding:12px 0;margin-bottom:16px;border:1px solid #1f1f1f;border-radius:4px 16px 16px}.thread-heading{position:relative;min-height:16px;margin-bottom:8px;padding:0 16px}.thread-heading .thread-status{position:absolute;right:12px;top:-5px}.thread-location{display:block;padding:0 16px;font-size:12px;line-height:24px;overflow-wrap:anywhere}.thread-location .timestamp,.thread-location .comment-target-label{display:inline-flex;vertical-align:baseline;margin-right:4px;padding:1px 6px;border:1px solid #f9430533;border-radius:6px;background:transparent;color:#dedede;font:500 12px/19.8px Inter UI,sans-serif}.thread-location .comment-text{display:inline;margin:0;font:12px/16px Inter UI,sans-serif}.thread.is-selected .thread-status{opacity:1;pointer-events:auto}.thread .reply-form{margin-top:12px;padding:12px 12px 0 16px;gap:5px}.thread .reply-form textarea{padding:0;font-size:12px;line-height:16px}.thread .reply-form .button{width:28px;height:28px;border-radius:50%;background:#ffffff0a}.thread>.reply,.thread>.revision-note{margin-left:16px;margin-right:16px}:root{--timeline-playhead:url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBvdmVyZmxvdz0idmlzaWJsZSIgc3R5bGU9ImRpc3BsYXk6IGJsb2NrOyIgd2lkdGg9IjE2IiBoZWlnaHQ9Ijk0IiB2aWV3Qm94PSIwIDAgMTYgOTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJDb250YWluZXIiPgo8cGF0aCBpZD0iVW5pb24iIGQ9Ik0xMy41MTA3IDBDMTQuMzMzMSAwIDE1IDAuNjY2ODYgMTUgMS40ODkyNkMxNSAxLjgyMDMgMTQuODg5NyAyLjE0MiAxNC42ODY1IDIuNDAzMzJMOC42MzE5NyAxMC4xODc1QzguMjIyMzggMTAuNzE0MSA4IDExLjM2MjIgOCAxMi4wMjkzVjkzLjVDOCA5My43NzYxIDcuNzc2MTQgOTQgNy41IDk0QzcuMjIzODYgOTQgNyA5My43NzYxIDcgOTMuNVYxMi4wMjk0QzcgMTEuMzYyMiA2Ljc3NzYyIDEwLjcxNDEgNi4zNjgwMyAxMC4xODc1TDAuMzEzNDc3IDIuNDAzMzJDMC4xMTAyNTMgMi4xNDIgMy44NjY0MmUtMDUgMS44MjAzIDAgMS40ODkyNkMwIDAuNjY2ODYgMC42NjY4NiAwIDEuNDg5MjYgMEgxMy41MTA3WiIgZmlsbD0iI0Y5NDMwNSIvPgo8L2c+Cjwvc3ZnPgo=)}.storyboard{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;background:var(--background);color:var(--text)}.board-toolbar{height:64px;padding:0 24px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border)}.board-toolbar img{margin-right:20px}.board-spacer{flex:1}.storyboard button,.storyboard select{padding:8px 12px;border-radius:7px;border:1px solid var(--input);background:var(--card);color:inherit;cursor:pointer;font:inherit}.storyboard button:disabled,.storyboard select:disabled{opacity:.45;cursor:default}.board-body{display:flex;flex:1;min-height:0}.board-scroll{flex:1;overflow:auto;background-image:radial-gradient(#353535 1px,transparent 1px);background-size:24px 24px}.board-space{position:relative}.board-world{position:relative;transform-origin:top left}.board-card{position:absolute;border:2px solid var(--input);border-radius:10px;background:var(--panel);overflow:hidden}.board-card.selected{border-color:var(--accent)}.board-card header{height:48px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;cursor:grab;touch-action:none;user-select:none}.board-card header span{color:var(--muted);font-size:13px;white-space:nowrap}.board-screen{display:grid;place-items:center;background:#000}.board-screen video{width:100%;height:100%;display:block}.board-card footer{display:flex;justify-content:space-between;padding:10px;gap:8px}.board-card footer button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.board-stale{color:#dfab76;padding:0 16px 12px;font-size:13px}.board-inspector{width:300px;flex-shrink:0;border-left:1px solid var(--border);overflow:auto;padding:22px}.board-inspector h3{margin:8px 0 16px;font-size:15px}.board-inspector h3:not(:first-child){margin-top:24px}.board-inspector select{width:100%}.board-inspector fieldset{border:0;padding:0;min-width:0}.board-inspector fieldset>button{margin:4px 5px 4px 0}.board-inspector hr{border:0;border-top:1px solid var(--border);margin:20px 0}.board-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;font-size:13px}.board-field>span{max-width:100px;overflow-wrap:anywhere;text-transform:capitalize}.board-field input,.board-field select{width:135px;min-width:0;border:1px solid var(--input);background:var(--background);color:inherit;border-radius:5px;padding:7px}.board-field input[type=checkbox]{width:auto}.board-multi label{display:block;margin:8px 0}.board-note,.board-inspector p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:24px}.board-empty{padding:80px;color:var(--muted);line-height:2}.topbar>.board-launch{margin-left:auto;border:1px solid var(--border);border-radius:6px;padding:7px 12px;background:var(--card);color:var(--text);cursor:pointer}.clip-tracks{min-height:100px}.clip-track-row{display:grid;grid-template-columns:var(--outline-label) minmax(0,1fr);height:54px;border-bottom:1px solid var(--border)}.clip-track-label{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 16px;border-right:1px solid var(--border);font-size:12px;color:var(--muted)}.clip-track-label small{opacity:.6;font-size:10px}.clip-lane{position:relative;margin:0 12px 0 8px}.editable-clip{position:absolute;top:7px;height:40px;display:flex;align-items:center;gap:8px;padding:0 13px;background:#443024;border:1px solid #956444;border-radius:5px;color:var(--text);font-size:12px;overflow:hidden;cursor:grab;touch-action:none;user-select:none}.editable-clip.selected{border-color:var(--accent);box-shadow:none;background:#603019}.editable-clip>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.editable-clip small{color:#cfad99;white-space:nowrap}.editable-clip.dragging{opacity:.3}.clip-trim{position:absolute;right:0;top:0;bottom:0;width:9px;border:0;background:transparent;cursor:ew-resize}.clip-details-toggle{border:0;background:transparent;padding:0;width:18px;color:inherit}.clip-drag-ghost{position:absolute;top:7px;height:40px;border:1px solid var(--accent);background:#f9430530;padding:10px;color:var(--text);font-size:11px;white-space:nowrap;pointer-events:none;border-radius:5px}.clip-drag-ghost.invalid{border-color:#f66;background:#f334}.clip-layer-details{border-bottom:1px solid var(--input);background:#ffffff03}.clip-inspector fieldset{border:0;margin:0;padding:0;min-width:0}.clip-inspector h4{margin:20px 0 12px}.clip-inspector input,.clip-inspector select{min-width:0}.clip-inspector select{background:var(--background);color:var(--text);border:1px solid var(--input);padding:7px;border-radius:5px}.clip-inspector .board-field input,.clip-inspector .board-field select{width:145px}.clip-actions{display:flex;gap:8px;margin:18px 0}.clip-binding{display:grid;gap:5px;font-size:12px;padding:10px 0}.clip-binding code{color:var(--muted);overflow-wrap:anywhere}.clip-binding small{color:var(--muted)}.editable-clip.pending{border-style:dashed}.modern-timeline{--bronze:#b1883d;--teal:#12a7a7;--cerulean:#4d9ebc;--mauve:#8a6381;--clip-gray:#686868;--clip-radius:4px}.modern-timeline-shell{display:flex;flex-direction:column;min-height:0;flex:1}.track-timeline{--clip-inset:calc((var(--timeline-row-height) - var(--clip-height) - 1px) / 2);min-height:0;flex:1;display:flex;flex-direction:column;background:#181818}.track-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff26 #181818}.track-surface{position:relative;padding-bottom:12px}.track-ruler-row{position:sticky;top:0;display:grid;grid-template-columns:var(--outline-label) minmax(0,1fr);height:38px;background:#181818;border-bottom:1px solid #ffffff09;z-index:12}.track-ruler-heading{position:sticky;left:0;z-index:15;padding:12px 12px 0;color:#777;font-size:10px;background:#181818;border-right:1px solid #ffffff09}.track-ruler{position:relative;margin:0 12px 0 8px;cursor:ew-resize;touch-action:none;outline:none}.track-ruler:focus-visible{box-shadow:inset 0 0 0 1px #aaa}.track-tick{position:absolute;bottom:0;height:4px;width:1px;background:#ffffff15;pointer-events:none}.track-tick.major{height:8px;background:#ffffff25}.track-tick>span{position:absolute;bottom:13px;left:50%;transform:translate(-50%);font:10px Inter UI,system-ui,sans-serif;color:#888;white-space:nowrap}.track-ruler-row .review-time-pins{inset:0 12px 0 calc(var(--outline-label) + 8px);height:38px}.track-ruler-playhead{position:absolute;top:0;bottom:-1px;width:16px;transform:translate(-7.5px);background:var(--timeline-playhead) left top/16px 94px no-repeat;pointer-events:none;z-index:14}.track-playhead-line{position:absolute;top:38px;bottom:0;width:1px;transform:translate(-.5px);background:var(--accent);z-index:6;pointer-events:none}.track-timeline .clip-tracks{position:relative;min-height:0;padding-top:2px}.clip-track-block{position:relative}.track-insertion-hint{position:absolute;top:-1px;left:calc(var(--outline-label) + 8px);right:12px;height:1px;background:var(--accent);z-index:14;pointer-events:none}.track-insertion-hint span{position:absolute;right:0;bottom:4px;padding:3px 6px;border-radius:3px;background:var(--accent);color:#fff;font-size:10px;line-height:14px}.track-timeline .clip-track-row,.track-layer-row{height:var(--timeline-row-height);display:grid;grid-template-columns:var(--outline-label) minmax(0,1fr);border-bottom:1px solid #0005;transition:height var(--mode-duration) ease}.track-timeline .clip-track-label,.track-layer-header{position:sticky;left:0;z-index:8;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;padding:0 12px;background:#181818;border-right:1px solid #ffffff09;font-size:10px;color:#818181}.track-timeline .clip-track-label{gap:5px;padding:0 8px}.track-number{font-variant-numeric:tabular-nums;color:#bbb;width:14px;flex:none}.track-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-name:is(button,input){height:24px;margin:0;padding:2px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:inherit;font:inherit;text-align:left}.track-name:is(button):not(:disabled):hover{background:var(--hover);color:var(--text);cursor:text}.track-name.track-name-input{width:0;background:var(--background);color:var(--text);border-color:var(--input);outline:none;user-select:text}.track-name.track-name-input:focus{border-color:var(--muted)}.track-name.track-name-input[aria-invalid=true]{border-color:var(--accent)}.track-name-error{position:absolute;left:8px;top:calc(100% - 2px);z-index:2;padding:6px 8px;border:1px solid var(--input);border-radius:4px;background:var(--card);color:var(--text);white-space:nowrap}.context-menu{z-index:100;width:190px;max-width:calc(100vw - 16px);max-height:var(--radix-context-menu-content-available-height);overflow:auto;padding:5px;border:1px solid var(--input);border-radius:8px;background:var(--card);color:var(--text);box-shadow:0 8px 24px #0006;outline:none}.context-menu-item{position:relative;display:flex;align-items:center;gap:6px;width:100%;padding:7px 8px 7px 26px;border:1px solid transparent;border-radius:4px;background:transparent;color:inherit;font:inherit;font-size:12px;text-align:left;cursor:default;user-select:none;outline:none}.context-menu-item[data-highlighted]{background:var(--hover)}.context-menu-item[data-disabled]{opacity:.35;pointer-events:none}.context-menu-item.danger{color:#ff8a72}.context-menu [role=separator]{height:1px;margin:4px;background:var(--input)}.context-menu .menu-check{position:absolute;left:8px;display:flex;align-items:center;justify-content:center;width:12px}.context-menu .menu-check .icon,.context-menu .menu-check svg{width:12px;height:12px}.track-controls{display:flex;gap:1px;flex:none}.track-toggle{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:1px solid transparent;border-radius:3px;background:transparent;color:#888;font-size:10px;line-height:1}.track-toggle .icon,.track-toggle .icon svg{width:12px;height:12px}.track-toggle:hover{background:#ffffff0c;color:#eee}.track-toggle[aria-pressed=true]{color:#f5d989;background:#b1883d33}.track-visuals-off>.clip-track-row .clip-lane,.track-visuals-off>.clip-layer-details .track-layer-lane{opacity:.35}.track-timeline .clip-lane,.track-layer-lane{position:relative;margin:0 12px 0 8px}.track-timeline .editable-clip,.track-timeline .clip-drag-ghost{top:var(--clip-inset);height:var(--clip-height);border:1px solid var(--clip-color);border-radius:var(--clip-radius);padding:0 8px;display:flex;align-items:center;gap:5px;background:var(--bronze);color:#fff;font-size:11px;transition:height var(--mode-duration) ease;box-shadow:none}.track-timeline .editable-clip.selected{border-color:#fff2b3;box-shadow:none;background:var(--bronze)}.track-timeline .editable-clip.dragging{opacity:.12}.track-timeline .editable-clip.pending{border-style:dashed}.track-timeline .clip-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-timeline .clip-details-toggle{flex-shrink:0;width:16px;height:100%;font-size:16px;color:#fff9}.clip-open-scene{display:flex;align-items:center;justify-content:center;flex:none;width:20px;height:22px;margin-left:auto;padding:0;border:0;border-radius:3px;background:transparent;color:#fffc;cursor:pointer}.clip-open-scene:hover,.clip-open-scene:focus-visible{color:#fff;background:#ffffff20}.clip-open-scene:focus-visible{outline:1px solid currentColor;outline-offset:-1px}.clip-open-scene:disabled{opacity:.5;cursor:default}.clip-open-scene .icon{width:12px;height:12px;transform:rotate(90deg)}.clip-open-scene .icon svg{width:100%;height:100%}.track-timeline .clip-trim{width:6px;border:0;background:transparent}.track-timeline .editable-clip:focus-visible,.track-timeline .editable-clip:has(.clip-trim:focus-visible){outline:none;border-color:var(--accent)}.track-timeline .clip-trim:focus-visible{outline:none}.clip-details-toggle,.track-disclosure{display:flex;align-items:center;justify-content:center}.clip-details-toggle .icon,.track-disclosure .icon{width:12px;height:12px;flex:none;transition:transform .15s ease}.clip-details-toggle .icon svg,.track-disclosure .icon svg{width:100%;height:100%}.clip-details-toggle[aria-expanded=true] .icon,.track-disclosure .icon.expanded{transform:rotate(90deg)}.track-timeline .clip-drag-ghost{z-index:9;overflow:visible;border-color:#fff2b3;box-shadow:0 2px 8px #0005}.track-timeline .clip-drag-ghost.invalid{background:#86433b;border-color:#ef7f73}.clip-drag-time{position:absolute;bottom:calc(100% + 7px);left:0;padding:4px 7px;border-radius:4px;background:#303030;color:#fff;font-size:10px;font-variant-numeric:tabular-nums;box-shadow:0 2px 8px #0006}.clip-snap-axis{position:absolute;inset:0 12px 0 calc(var(--outline-label) + 8px);pointer-events:none}.clip-snap-guide{position:absolute;top:0;bottom:0;width:1px;background:#e6d3a2;z-index:10}.track-timeline .clip-layer-details{background:#ffffff02;border:0}.track-layer-header{padding-right:5px;gap:3px}.track-layer-header>button{color:#959595;background:none;border:0;font-size:10px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;cursor:pointer}.track-layer-name{flex:1}.track-layer-name.draggable{cursor:grab;touch-action:none;user-select:none}.track-layer-name.draggable:hover{color:#eee}.layer-reordering .track-layer-bar{opacity:.45}.track-layer-row.layer-visuals-off>.track-layer-lane,.editable-clip.clip-visuals-off{opacity:.35}.track-layer-header .track-disclosure{width:14px;flex-shrink:0;padding:0;font-size:14px}.track-disclosure-space{width:14px;flex-shrink:0}.track-layer-row{--layer-color:var(--bronze)}.track-layer-row.type-text{--layer-color:var(--clip-gray)}.track-layer-row.type-composition{--layer-color:var(--cerulean)}.track-layer-row.type-rect,.track-layer-row.type-path{--layer-color:var(--teal)}.track-layer-row.type-image{--layer-color:var(--mauve)}.track-layer-row.type-video,.track-layer-row.type-audio,.track-layer-row.type-shader{--layer-color:var(--cerulean)}.track-layer-bar{--layer-fill:color-mix(in srgb,var(--layer-color) 65%,#252525);position:absolute;top:var(--clip-inset);height:var(--clip-height);display:flex;align-items:center;gap:6px;padding:0 7px;overflow:hidden;color:#eee;font-size:11px;background:var(--layer-fill);border:1px solid var(--layer-fill);border-radius:var(--clip-radius);cursor:pointer;transition:height var(--mode-duration) ease}.track-layer-bar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-layer-bar>span:nth-child(2){flex:1}.track-layer-bar .track-type-glyph{flex:none;opacity:.7;font-size:11px}.track-layer-bar.editable-layer{cursor:grab;touch-action:none;user-select:none;padding-right:12px}.track-layer-bar.invalid{outline:1px solid #f66}.track-layer-row.selected .track-layer-bar{border-color:#fff2b3;box-shadow:none}.track-layer-row.property{height:18px}.track-layer-row.property .track-layer-header button{padding-block:0;line-height:14px}.track-layer-row.property .track-layer-bar{height:1px;top:50%;transform:translateY(-50%);background:none;border:0;padding:0}.track-key-line{position:absolute;height:1px;top:50%;transform:translateY(-50%);background:#b1883d66;pointer-events:none}.track-key{position:absolute;top:50%;width:6px;height:6px;transform:translate(-50%,-50%) rotate(45deg);border:0;padding:0;background:#d4bf8f;cursor:pointer}.track-timeline.reviewing .editable-clip{cursor:pointer}.studio-shell[data-mode=comment] .editor:has(.modern-timeline){grid-template-rows:var(--header-height,80px) minmax(0,1fr) 56px 106px}.studio-shell[data-mode=comment] .modern-timeline{border-radius:20px;padding:0 17px;background:#181818;overflow:hidden}@media(prefers-reduced-motion:reduce){.track-timeline *{transition:none!important}}.track-ruler-row .review-time-range{top:14px;height:24px}.track-ruler-row .review-range-editor{top:12px;height:26px}.track-timeline .editable-clip,.track-timeline .clip-drag-ghost{--clip-color:var(--bronze);background:var(--clip-color)}.track-timeline .editable-clip.selected{background:var(--clip-color)}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-text{--clip-color:var(--clip-gray)}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-composition{--clip-color:var(--cerulean)}.track-timeline :is(.editable-clip,.clip-drag-ghost):is(.type-rect,.type-path){--clip-color:var(--teal)}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-image{--clip-color:var(--mauve)}.track-timeline :is(.editable-clip,.clip-drag-ghost):is(.type-video,.type-audio,.type-shader){--clip-color:var(--cerulean)}.track-timeline .clip-drag-ghost.invalid{background:#86433b}.timeline-panel{display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr)}.studio-shell[data-mode=interactive] .timeline-panel{padding-top:12px;background:var(--background)}.timeline-mode-view{grid-area:1 / 1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity var(--mode-duration,.18s) ease}.timeline-mode-view.is-active{opacity:1;pointer-events:auto;animation:timeline-view-enter var(--mode-duration,.18s) ease}.legacy-timeline-content{display:flex;flex-direction:column;min-height:0;flex:1}@keyframes timeline-view-enter{0%{opacity:0}to{opacity:1}}.comment-timeline{background:transparent}.comment-timeline .track-scroll{overflow:hidden}.comment-timeline .track-surface{padding:0}.comment-timeline .track-ruler-row{height:32px;background:none;border:0}.comment-timeline .track-ruler-heading{visibility:hidden;padding:0;border:0;overflow:hidden}.comment-timeline .track-ruler-playhead{top:0;bottom:auto;height:94px}.comment-timeline .track-playhead-line{display:none}.comment-scene-lane{position:relative;height:62px;margin:0 12px 0 8px}.comment-scene-bar{position:absolute;top:14px;width:100%;height:var(--clip-height);background:#ffffff29;border:0;border-radius:var(--clip-radius);cursor:ew-resize;touch-action:none;outline:none}.comment-scene-bar:focus-visible{box-shadow:0 0 0 1px #aaa}@media(prefers-reduced-motion:reduce){.timeline-mode-view,.timeline-mode-view.is-active{transition:none;animation:none}}.resources-panel{padding:18px 16px}.resources-panel h2{margin:0 0 16px;font-size:13px;font-weight:600}.resource-search{width:100%;height:30px;margin-bottom:16px;padding:0 9px;color:#ddd;background:#222;border:1px solid #303030;border-radius:5px;font:inherit;font-size:12px}.resource-search:focus{outline:1px solid #777;outline-offset:1px}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.resource-tile{display:flex;min-width:0;flex-direction:column;align-items:stretch;padding:0;color:#ddd;background:transparent;border:0;text-align:left;cursor:grab;touch-action:none;user-select:none}.resource-dragging,.resource-dragging *{cursor:copy!important;user-select:none!important}.resource-tile:disabled{opacity:.5;cursor:default}.resource-tile:focus-visible{outline:1px solid #999;outline-offset:4px;border-radius:4px}.resource-preview{display:flex;align-items:center;justify-content:center;aspect-ratio:1.4;overflow:hidden;background:#222;border-radius:5px;border:1px solid #333}.resource-tile:hover .resource-preview{border-color:#888}.resource-preview img,.resource-preview video{width:100%;height:100%;object-fit:cover;pointer-events:none}.resource-placeholder{color:#aaa;font-size:32px}.resource-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:12px}.resource-type{margin-top:3px;color:#888;font-size:10px}.resource-help,.resources-empty{color:#777;font-size:11px;line-height:1.6;margin:22px 0 0}.resource-examples{margin-top:18px;padding:7px 10px;background:#292929;border:1px solid #3a3a3a;border-radius:4px;color:#ddd;font-size:12px;cursor:pointer}.resources-error{color:#db9f86;font-size:11px;line-height:1.5;white-space:pre-line}.resource-drop-overlay{position:fixed;inset:0;z-index:100;pointer-events:none}.resource-drop-box{position:absolute;border:2px solid var(--accent,#ff4b00);background:#ff4b0018;border-radius:4px}.resource-drop-overlay svg{position:absolute;inset:0;width:100%;height:100%}.resource-drop-overlay polygon{fill:#ff4b0018;stroke:#ff4b00;stroke-width:2}.resource-drop-line{position:absolute;height:2px;background:#ff4b00}.resource-drop-label{position:absolute;max-width:245px;padding:7px 10px;border:1px solid #555;border-radius:5px;background:#242424;color:#eee;font-size:11px;box-shadow:0 2px 10px #0005}.resource-drop-label[data-invalid=true]{color:#efb8a4}.scene-breadcrumbs{display:flex;align-items:center;gap:4px;color:#777;font-size:12px;min-width:0;overflow:hidden}.scene-breadcrumbs button{background:none;border:0;color:#999;padding:4px;cursor:pointer;font:inherit}.scene-breadcrumbs button:hover{color:#ddd}.scene-breadcrumbs button[aria-current]{color:#ccc}.canvas-handle{pointer-events:all;touch-action:none}.canvas-handle rect{fill:var(--accent);stroke:#fff;stroke-width:1}.canvas-handle .canvas-handle-hit{fill:transparent;stroke:none}.canvas-drop-hint{stroke:var(--accent);stroke-width:2}.canvas-linked{position:absolute;color:var(--muted);font-size:10px;pointer-events:none}.editable-property{position:relative;padding-right:25px}.property-value{position:relative}.property-value>.property-keyframe{right:-25px}.editable-property input[readonly]{color:var(--muted);cursor:default}.property-keyframe{position:absolute;right:0;top:4px;width:22px;height:26px;padding:0;border:0;background:none;color:var(--muted);cursor:pointer;font-size:20px}.property-keyframe[data-animated=true]{color:var(--accent)}.property-keyframe[data-keyed=true]{background:color-mix(in srgb,var(--accent) 16%,transparent);border-radius:4px}.property-linked{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);padding-bottom:8px}.property-linked button{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer}.canvas-wrap canvas{touch-action:none}.canvas-spacing-guide{pointer-events:none}.canvas-spacing-guide line{stroke:var(--accent);stroke-width:1;stroke-dasharray:3 3}.canvas-spacing-guide text{fill:var(--accent);stroke:var(--background, #141414);paint-order:stroke;text-anchor:middle;font-variant-numeric:tabular-nums}.keyframe-editor{position:relative;height:100%;min-height:0;outline:none}.track-key{touch-action:none}.track-key.key-selected{background:var(--accent);box-shadow:0 0 0 1px #fff;z-index:4}.track-key:focus-visible{outline:2px solid #fff;outline-offset:3px}.keyframe-marquee{position:fixed;pointer-events:none;z-index:80;border:1px solid var(--accent);background:#ff510019}.keyframe-status{position:absolute;bottom:6px;right:12px;pointer-events:none;z-index:8;background:#181818e8;border-radius:4px;color:#bbb;font-size:11px;padding:4px 7px}.keyframe-menu-label{font-size:10px;color:var(--muted);padding:5px 8px}.keyframe-dialog-backdrop{position:fixed;inset:0;z-index:100;background:#0005;display:grid;place-items:center}.keyframe-dialog{width:300px;background:#202020;border:1px solid #444;border-radius:8px;padding:18px;color:#ddd;font-size:12px}.keyframe-dialog label{display:grid;gap:10px}.keyframe-dialog input{width:100%;padding:8px;background:#151515;color:#eee;border:1px solid #555;border-radius:4px}.keyframe-dialog p{font-size:11px;color:#aaa}.keyframe-dialog>div{display:flex;justify-content:flex-end;gap:8px}.keyframe-dialog button{background:#333;border:1px solid #555;border-radius:4px;color:#eee;padding:6px 12px}.keyframe-dialog button:disabled{opacity:.4}.keyframe-easing-segment{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;container-type:inline-size}.keyframe-easing-button{opacity:0;width:17px;height:17px;flex:none;padding:3px;border:1px solid #b1883d66;border-radius:4px;color:#b1883d;background:#29251d;cursor:pointer;z-index:2}.keyframe-easing-segment:hover .keyframe-easing-button,.keyframe-easing-button:focus-visible,.keyframe-easing-segment.selected .keyframe-easing-button{opacity:1}.keyframe-easing-segment.selected .keyframe-easing-button{color:var(--accent);border-color:var(--accent)}.keyframe-easing-button svg{display:block;width:100%;height:100%}@container (max-width:24px){.keyframe-easing-button{display:none}}.easing-description{color:#ddd;display:grid;gap:6px;font-size:12px}.easing-description span{color:#888;font-size:11px}.easing-preset-label{display:grid;gap:6px;font-size:11px;color:#999}.easing-preset-label select{background:#202020;border:1px solid #444;border-radius:4px;padding:7px;color:#ddd;width:100%}.easing-graph{background:#232323;border-radius:6px;margin-top:14px;padding:12px}.easing-graph svg{display:block;width:100%}.easing-grid{fill:none;stroke:#444;stroke-width:.5}.easing-reference{fill:none;stroke:#555;stroke-width:.5;stroke-dasharray:2 2}.easing-curve{fill:none;stroke:var(--accent);stroke-width:1.3}.easing-graph circle{fill:#232323;stroke:var(--accent);stroke-width:1}.easing-graph>span{display:block;text-align:center;color:#888;font-size:10px}.track-key{z-index:3}.version-menu{position:relative;min-width:0}.version-trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:#262626;color:#fafafa}.version-trigger .icon,.version-trigger .icon svg{width:16px;height:16px}.version-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:min(300px,calc(100vw - 32px));max-height:min(420px,70dvh);overflow-y:auto;padding:6px;border:1px solid var(--input);border-radius:10px;background:#202020;box-shadow:0 16px 48px #0008}.version-popover nav{display:flex;flex-direction:column;gap:2px}.version-row{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:8px 10px;border-radius:6px;background:transparent;color:var(--muted);text-align:left}.version-row:hover{background:var(--hover);color:var(--text)}.version-row[aria-current=page]{background:#ffffff0d;color:var(--text)}.version-row.latest{margin-bottom:6px;box-shadow:0 5px 0 -4px var(--input)}.version-meta{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.version-latest{padding:2px 6px;border-radius:4px;background:#ffffff1a;color:var(--text);font-size:9px}.version-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.version-status{display:flex;align-items:center;gap:8px;padding:10px;font-size:12px;color:var(--muted)}.version-more{width:100%;margin-top:4px;padding:8px;border-radius:6px;background:transparent;color:var(--muted);font-size:12px}.version-more:hover{background:var(--hover);color:var(--text)}.version-status .version-more{width:auto;margin:0;padding:0;text-decoration:underline}.sidebar-actions .review-name{max-width:128px;height:30px;padding:0 8px;font-size:12px;color:var(--muted)}.sidebar-actions .review-name span{overflow:hidden;text-overflow:ellipsis}.sidebar-actions .review-name:hover{color:var(--text)}@media(max-width:720px){.version-popover{position:fixed;top:calc(var(--header-height,56px) - 4px);left:16px;right:16px;width:auto}}.thread{border:0;border-radius:16px;padding:12px 0;margin-bottom:16px;background:#1f1f1f}.thread-location{display:block;padding:0 16px;line-height:24px;overflow-wrap:anywhere}.comment-time{display:inline;white-space:nowrap;user-select:none;margin-right:8px}.comment-time .timestamp{margin:0;font-size:12px;line-height:19.8px}.thread .reply{border:0;padding:0;margin-top:24px}.thread .reply time{display:block;color:gray;font-size:10px;line-height:12px;margin-bottom:4px}.thread .reply p{font-size:12px;line-height:18px;white-space:pre-wrap;overflow-wrap:anywhere}.review-bubble,.review-hover{width:271px;border:0;border-radius:16px;background:#1f1f1f;box-shadow:0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a}.review-bubble{padding:12px 12px 12px 16px;outline:1px solid var(--review-stroke);outline-offset:-1px}.review-bubble.is-composing{width:240px;min-height:52px;border-radius:16px;padding:12px 12px 12px 16px}.review-bubble-heading{padding:0;min-height:24px;gap:8px;margin-bottom:8px}.review-bubble-heading small{margin:0;font-size:10px;line-height:12px;color:#fafafa80}.review-bubble-heading .button{width:24px;height:24px;padding:4px}.review-bubble-content{padding:0}.review-comment-text{line-height:24px;margin:0}.review-reply{margin-top:8px;padding:8px 0 0;border:0}.review-reply time{display:block;font-size:10px;line-height:12px;color:#fafafa80;margin-bottom:4px}.review-reply p{font-size:14px;line-height:20px;margin:0}.review-bubble-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:12px}.is-composing .review-bubble-form{margin:0;padding:0;gap:12px}.message-input{position:relative;min-width:0;flex:1;overflow:hidden}.message-prefix{position:absolute;top:0;left:0;z-index:1}.message-prefix .comment-time{margin:0}.review-bubble .message-input textarea{width:100%;min-height:20px;max-height:144px;height:20px;padding:0;margin:0;border:0;background:transparent;resize:none;font-size:14px;line-height:20px;border-radius:0;box-shadow:none}.review-bubble:not(.is-composing) textarea{font-size:12px;line-height:16px}.review-bubble-actions{padding:0;border:0;flex:none}.review-bubble-actions .button,.is-composing .review-bubble-actions .button{width:28px;height:28px;padding:6px;border-radius:8px;background:#2a2a2a;color:#fafafa}.review-bubble-actions .button:disabled{opacity:.4}.review-bubble .form-error{flex-basis:100%;padding:0;margin:0}.review-pin,.comment-time button{cursor:default}.review-hover{display:block;padding:12px 12px 12px 16px;pointer-events:auto;cursor:default;animation:comment-hover-in .14s 40ms cubic-bezier(.22,1,.36,1) backwards}.review-hover p{line-height:24px;margin:8px 0 0}.review-hover:focus-visible{outline:2px solid #fafafa;outline-offset:2px}@keyframes comment-hover-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.review-hover{animation:none}}.time-control{position:relative;display:flex;align-items:center;gap:2px;height:32px}.time-control .time-display{height:32px;padding:6px 8px;border-radius:8px 2px 2px 8px;cursor:default}.transport-left .time-control .button{width:32px;height:32px;padding:8px;border-radius:2px;color:var(--text);background:transparent;transition:none;cursor:default}.transport-left .time-control .time-menu{border-radius:2px 8px 8px 2px}.time-control .time-display{transition:none}.time-control>.time-display:hover,.time-control>.time-display:focus-visible,.transport-left .time-control>.button:hover,.transport-left .time-control>.button:focus-visible{background:#2a2a2a;color:var(--text)}.time-control .nudge-settings{position:absolute;bottom:calc(100% + 12px);left:0;top:auto;width:280px;max-width:calc(100vw - 64px);padding:0;background:#1f1f1f;border:0;border-radius:16px;box-shadow:0 8px 24px #0006}.nudge-settings .nudge-heading{padding:12px 12px 8px;margin:0}.nudge-settings .nudge-heading strong{font-weight:400}.transport-left .nudge-heading .button{width:20px;height:20px;padding:2px}.nudge-fields{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;padding:0 12px 12px}.nudge-fields label{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0;font-size:11px;line-height:16px}.nudge-fields input,.nudge-fields select{width:100%;min-width:0}.nudge-reset{display:flex;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;border:0;border-top:1px solid #ffffff0d;color:var(--text);font-size:11px;border-radius:0 0 16px 16px}.nudge-reset:hover{background:#2a2a2a}.nudge-reset span{color:var(--muted)}.transport-right>.button{flex:0 0 32px;width:32px;height:32px;padding:8px}.thread-meta{display:flex;flex-wrap:wrap;gap:4px 8px}.thread-meta span{display:inline}.comment-time .button.timestamp{display:inline-flex;align-items:center;height:24px;margin:0;padding:1px 6px;border:1px solid #ffffff33;border-radius:6px;background:transparent;color:#dedede;font:500 12px/20px Inter UI,sans-serif;vertical-align:baseline}.message-prefix{top:0;height:24px;display:flex;align-items:center}.review-bubble .message-input textarea{min-height:24px;height:24px;font:400 12px/24px Inter UI,sans-serif}.review-bubble-form{align-items:center;min-height:28px}.review-bubble-actions{align-self:flex-end}.review-bubble-actions .button,.is-composing .review-bubble-actions .button{border:0;border-radius:50%;background:#f94305;color:#fff}.review-bubble-actions .button:hover{background:#ff571f}.review-bubble-actions .button:disabled{background:#f94305;opacity:.4}.review-canvas .button.review-pin{align-items:flex-start;justify-content:flex-start;overflow:visible;transition:width .18s cubic-bezier(.22,1,.36,1),height .18s cubic-bezier(.22,1,.36,1)}.review-canvas .button.review-pin.is-active{width:calc(var(--comment-pin-size,52px) + 8px);height:calc(var(--comment-pin-size,52px) + 8px)}.review-canvas .review-pin .comment-pin-artwork{width:var(--comment-pin-size,52px);height:var(--comment-pin-size,52px);flex:none;transform-origin:top left;transform:scale(calc(16 / 52));transition:transform .18s cubic-bezier(.22,1,.36,1),width .14s cubic-bezier(.22,1,.36,1),height .14s cubic-bezier(.22,1,.36,1)}.review-canvas .review-pin.is-active .comment-pin-artwork{transform:scale(1)}.review-canvas .review-pin .comment-pin-artwork>img{display:block;width:100%;height:100%;transition:opacity .14s cubic-bezier(.22,1,.36,1)}.review-canvas .review-pin .comment-pin-default{opacity:1}.review-canvas .review-pin .comment-pin-active,.review-canvas .review-pin.is-active .comment-pin-default{opacity:0}.review-canvas .review-pin.is-active .comment-pin-active{opacity:1}.review-time-pins .review-pin .comment-pin-artwork>img{display:block;width:16px;height:16px;transition:opacity .14s cubic-bezier(.22,1,.36,1)}.review-time-pins .review-pin .comment-pin-active{opacity:0}.review-time-pins .review-pin.is-active .comment-pin-active{opacity:1}.review-time-pins .review-pin.is-active .comment-pin-default{opacity:0}@media(prefers-reduced-motion:reduce){.review-canvas .button.review-pin,.review-canvas .review-pin .comment-pin-artwork,.review-pin .comment-pin-artwork>img{transition:none}}.review-selection,.review-saved-region{border:0}.review-selection-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.review-selection-outline rect{fill:none;stroke:var(--review-stroke);stroke-width:1px;stroke-dasharray:4 8;stroke-linecap:round;vector-effect:non-scaling-stroke}.transport-left .loop-toggle[aria-pressed]{color:var(--text)}.transport-left .play-toggle{width:32px;height:32px;padding:8px;border-radius:9px}.nudge-fields input[type=number]{appearance:textfield;-moz-appearance:textfield}.nudge-fields input::-webkit-inner-spin-button,.nudge-fields input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-control .nudge-settings{background:transparent;box-shadow:none}.nudge-settings .nudge-heading{background:#1f1f1f;border-radius:16px 16px 0 0}.nudge-settings .nudge-fields{background:#1f1f1f;border-radius:0 0 16px 16px}.nudge-settings .nudge-reset{margin-top:4px;border:0;border-radius:12px;background:#2a2a2a}.nudge-settings .nudge-reset:hover{background:#333}.review-pin img{-webkit-user-drag:none;user-select:none}.comments-panel .empty-state>.icon{width:32px;height:32px;border:0;border-radius:0;background:none}.comments-panel .empty-state>.icon svg{width:32px;height:32px}.comments-panel .empty-state h3{max-width:none;white-space:nowrap}.time-control .time-display{gap:4px;font-variant-numeric:tabular-nums}.time-control .timecode-current{text-align:right}.time-control .nudge-settings{background:#1f1f1f;box-shadow:0 8px 24px #0006}.nudge-fields label{text-align:left}.nudge-fields input,.nudge-fields select{border-radius:8px;background:#ffffff0a}.nudge-settings .nudge-reset{margin-top:0;background:transparent;border-radius:0 0 16px 16px}.nudge-settings .nudge-reset:hover{background:#ffffff0a}.nudge-settings .nudge-reset:active{background:#ffffff14}.comments-panel .empty-state>.icon,.comments-panel .empty-state>.icon svg{width:48px;height:48px}.comment-timeline .track-surface{padding-bottom:12px}.comment-timeline .track-ruler,.comment-timeline .comment-scene-lane{margin-left:12px}.comment-timeline .review-time-pins{left:12px;right:12px}.nudge-fields label{align-items:stretch}.comment-timeline .track-surface{padding-bottom:0}.comment-timeline .comment-scene-lane{height:71px}.studio-shell[data-mode=comment] .editor:has(.modern-timeline){grid-template-rows:var(--header-height,80px) minmax(0,1fr) 56px 115px}.comment-time .button.timestamp:hover,.comment-time .button.timestamp:active{border-color:#fff;background:transparent;color:#fff}.review-region-handle{position:absolute;top:-22px;left:-22px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;pointer-events:auto;cursor:nwse-resize;touch-action:none}.review-region-handle:before{content:"";position:absolute;inset:14px;border-radius:50%;background:#f94305;pointer-events:none}.review-canvas .review-pin.is-composing{cursor:move}.review-time-range.is-point{height:28px;background:#fafafa80;border:0}.comment-scene-scrubber{position:absolute;inset:0;cursor:ew-resize;touch-action:none;outline:none}.comment-scene-scrubber:before{content:"";position:absolute;top:14px;left:0;right:0;height:var(--clip-height);border-radius:var(--clip-radius);background:#ffffff29;pointer-events:none}.time-control>button:focus-visible{outline:1px solid #f94305;outline-offset:2px}.comment-timeline .review-range-editor{top:46px;height:var(--clip-height)}.track-ruler-row .review-range-editor{top:14px;height:var(--clip-height)}.review-range-editor:not(.is-point){pointer-events:auto;cursor:grab;touch-action:none}.review-range-editor:not(.is-point):active{cursor:grabbing}.review-time-pins .button.review-pin{transform:translate(-2px)}.comment-timeline .review-time-range{top:46px;height:var(--clip-height)}.track-ruler-row .review-time-range{top:14px;height:var(--clip-height)}.review-pin-stack{--pin-step:4px;position:absolute;width:calc(24px + (var(--pin-count) - 1) * var(--pin-step));height:24px;left:clamp(0px,var(--pin-position),calc(100% - 24px - (var(--pin-count) - 1) * var(--pin-step)));pointer-events:auto;transition:width .18s cubic-bezier(.22,1,.36,1),left .18s cubic-bezier(.22,1,.36,1)}.review-pin-stack:hover,.review-pin-stack:focus-within{--pin-step:8px;z-index:20}.review-pin-stack .review-pin{transition:left .18s cubic-bezier(.22,1,.36,1)}.time-control{gap:4px}.time-control .time-display,.transport-left .time-control>.button{border-radius:9px}.comment-time .button.timestamp:hover,.comment-time .button.timestamp:active,.comment-time .button.timestamp:focus{background:#ffffff0a}.comment-time-separator{display:inline-block;margin:0 4px}@media(prefers-reduced-motion:reduce){.review-pin-stack,.review-pin-stack .review-pin{transition:none}}.review-range-editor.is-point{transform:translate(-50%)}.review-pin-stack[data-multiple=true]{transform:translate(4px)}.review-hover.is-timeline{padding:8px}.review-hover.is-timeline p{margin-top:4px}.review-hover.is-timeline .comment-time{margin-right:4px}.review-selection-outline rect{stroke-width:2px}.review-canvas .review-pin.is-hovered:not(.is-active) .comment-pin-artwork{transform:scale(calc(24 / 52))}.review-pin.is-hovered .comment-pin-default{opacity:0}.review-canvas .review-pin.is-hovered .comment-pin-active,.review-time-pins .review-pin.is-hovered .comment-pin-active{opacity:1}.review-time-pins .review-pin .comment-pin-artwork{transform-origin:top left;transition:transform .18s cubic-bezier(.22,1,.36,1)}.review-time-pins .review-pin.is-hovered .comment-pin-artwork{transform:scale(1.25)}.review-canvas .review-pin.is-hovered .comment-pin-default,.review-time-pins .review-pin.is-hovered .comment-pin-default{opacity:0}.is-composing .message-prefix .button.timestamp:is(:hover,:active,:focus,:focus-visible){background:transparent;border-color:#fff3;outline:none;box-shadow:none;color:#dedede}.review-range-editor[data-movable=true]{pointer-events:auto;cursor:grab;touch-action:none}.review-range-editor[data-movable=true]:active{cursor:grabbing}@media(prefers-reduced-motion:reduce){.review-time-pins .review-pin .comment-pin-artwork{transition:none}}.review-hover .hover-time-chip{display:inline-flex;align-items:center;height:20px;padding:0 4px;border:1px solid #ffffff33;border-radius:5px;color:#dedede;font:500 11px/18px Inter UI,sans-serif;vertical-align:baseline}.review-hover .comment-time{margin-right:4px}.review-hover .comment-time-separator{margin:0 2px}.thread{padding-bottom:16px}.review-region-handle{cursor:default}.review-hover{max-height:min(320px,calc(100dvh - 24px))}.review-hover-reply{margin-top:12px}.review-hover-reply time{color:var(--muted);font-size:12px}.review-hover .review-hover-reply p{display:block;-webkit-line-clamp:unset;white-space:pre-wrap;margin-top:4px}.thread-location,.thread .comment-text,.thread .reply p,.review-comment-text,.review-reply p,.review-hover p{line-height:20px}.comment-time .button.timestamp{height:20px;padding:0 6px;line-height:18px}.thread-heading{min-height:26px}.thread-heading .thread-status{top:0;right:12px;border-radius:6px}.thread-heading .thread-status:hover,.thread-heading .thread-status:focus-visible,.review-bubble-heading .button:hover,.review-bubble-heading .button:focus-visible{background:#ffffff0a}.review-bubble-heading .button{border-radius:6px}.comment-tabs{padding-left:14px;padding-right:14px}.comment-tabs .button{height:32px;padding:4px 16px}.comment-tabs{gap:4px}.comment-tabs .button{padding-left:12px;padding-right:12px}.comment-tabs .button:first-child{padding-left:16px}.comment-tabs .button{flex:1;min-width:0}.review-canvas .review-pin.is-hovered:not(.is-active) .comment-pin-default,.review-time-pins .review-pin.is-hovered:not(.is-active) .comment-pin-default{opacity:1}.review-canvas .review-pin.is-hovered:not(.is-active) .comment-pin-active,.review-time-pins .review-pin.is-hovered:not(.is-active) .comment-pin-active{opacity:0}.export-fields{display:flex;flex-direction:column;gap:16px;border:0;margin:0;padding:0;min-width:0}.export-fields select{width:100%;min-height:36px;padding:7px 10px;border:1px solid var(--input);border-radius:6px;background:#292929;color:#eee;font:inherit;color-scheme:dark}.export-fields:disabled{opacity:.6}.export-range{display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-scale-label{display:flex;justify-content:space-between;gap:8px}.export-scale-label output{color:#eee;font-variant-numeric:tabular-nums}.export-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#ffffff04}.export-summary div{display:flex;flex-direction:column;gap:5px}.export-summary span{font-size:10px;color:#999}.export-summary strong{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.export-options .subdued{margin:0}@media(max-width:720px){.studio-shell[data-review=true] .editor{height:auto;min-height:0;grid-template-rows:auto auto 56px 106px}.studio-shell[data-review=true] .editor:has(.modern-timeline){grid-template-rows:auto auto 56px 115px}.studio-shell[data-review=true] .topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:44px 44px;height:auto;min-height:0;padding:12px 12px 0;column-gap:10px;row-gap:8px}.studio-shell[data-review=true] .topbar>.brand{grid-column:1;grid-row:1}.studio-shell[data-review=true] .topbar>.project-title{grid-column:2;grid-row:1}.studio-shell[data-review=true] .topbar>.version-menu{grid-column:3;grid-row:1;justify-self:end}.studio-shell[data-review=true] .topbar>.canvas-controls{grid-column:1 / -1;grid-row:2;justify-self:end;margin-left:0}.studio-shell[data-review=true] .version-popover{position:absolute;top:calc(100% + 6px);right:0;left:auto;width:min(300px,calc(100vw - 24px))}.studio-shell[data-review=true] .preview-area{padding:16px 0}.studio-shell[data-review=true] .canvas-wrap:not(:fullscreen){height:auto;aspect-ratio:var(--preview-aspect)}.studio-shell[data-review=true] .canvas-wrap:not(:fullscreen)>:is(canvas,.preview-video){display:block;width:100%;height:100%;max-height:none;box-shadow:none}}@media(max-width:720px),(hover:none),(pointer:coarse){.studio-shell input,.studio-shell textarea,.studio-shell select,.review-bubble .message-input textarea,.review-bubble textarea,.review-bubble:not(.is-composing) textarea,.dialog input,.dialog textarea{font-size:16px}.thread-heading .thread-status{opacity:1;pointer-events:auto}}@media(max-width:720px),(pointer:coarse){.review-bubble{display:flex;flex-direction:column;overflow:auto}.review-bubble-heading,.review-bubble-form{flex-shrink:0}.review-bubble-content{min-height:0;overflow-y:auto}.review-bubble-form{padding-bottom:env(safe-area-inset-bottom,0px)}}.version-popover-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 6px 10px}.version-popover-heading h2{margin:0;font-size:14px;font-weight:500}.version-popover-heading .button.icon-button{width:44px;height:44px;flex-shrink:0}@media(max-width:720px),(pointer:coarse){.studio-shell .button:not(.review-pin):not(.timestamp),.studio-shell .time-control>button,.review-bubble .button:not(.timestamp),.version-row,.version-more,.version-status .version-more,.dialog .button{min-width:44px;min-height:44px}.thread-heading{min-height:44px;padding-right:48px}.thread-heading .thread-status{width:44px;height:44px}.review-pin:before{content:"";position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%,-50%)}}.version-trigger{background:transparent}.version-trigger:hover{background:var(--hover)}.version-popover{border:0;padding:8px}.version-popover-heading{padding:0 0 8px 8px}.version-row[aria-current=page]{background:transparent;box-shadow:inset 0 0 0 1px var(--accent)}.version-row.latest[aria-current=page]{margin-bottom:6px;box-shadow:inset 0 0 0 1px var(--accent)}.version-row.latest:has(+.version-row[aria-current=page]){box-shadow:none}.time-control .timecode-current{text-align:center}@media(max-width:720px){.studio-shell[data-mode=comment] .transport{margin:0;padding:0 8px}.studio-shell[data-review=true] .version-popover{position:fixed;top:62px;left:50%;right:auto;transform:translate(-50%);width:min(300px,calc(100vw - 16px))}}.mobile-review-menu{display:none}.transport-right>.mobile-review-fullscreen{display:none}@media(max-width:720px){.studio-shell[data-review=true] .topbar{grid-template-rows:44px}.studio-shell[data-review=true] .transport-right>.mobile-review-fullscreen{display:inline-flex}.studio-shell[data-review=true] .topbar>.canvas-controls,.studio-shell[data-review=true] .topbar>.version-menu,.studio-shell[data-review=true] .sidebar-actions{display:none}.mobile-review-menu{display:block;position:relative;grid-column:3;grid-row:1;justify-self:end}.mobile-review-options{position:absolute;right:0;top:calc(100% + 6px);z-index:45;width:220px;padding:8px;border-radius:10px;background:#202020;box-shadow:0 16px 48px #0008}.mobile-review-options>.button,.mobile-review-options .version-trigger{display:flex;justify-content:flex-start;gap:10px;width:100%;min-height:44px;padding:0 12px;font-size:14px;color:var(--text);background:transparent}.mobile-review-options>.button:hover,.mobile-review-options .version-trigger:hover{background:var(--hover)}.mobile-review-options:has(.version-popover)>.button,.mobile-review-options:has(.version-popover) .version-trigger{visibility:hidden}.mobile-review-options:has(.version-popover){background:transparent;box-shadow:none}}.studio-shell .transport .play-toggle,.studio-shell .transport-right>.button,.mobile-review-menu>.button{color:#fff}@media(max-width:720px){.mobile-review-options{border-radius:16px}.mobile-review-options>.button,.mobile-review-options .version-trigger{border-radius:12px}.mobile-review-options .icon,.mobile-review-options .icon svg{width:20px;height:20px;flex-shrink:0}.thread-heading{min-height:32px;margin-bottom:4px}.thread-heading .thread-status{top:-6px}.thread-heading .thread-status .icon,.thread-heading .thread-status .icon svg,.review-bubble-heading .button .icon,.review-bubble-heading .button .icon svg{width:20px;height:20px}.thread-location,.thread-location .comment-text,.thread .reply p,.review-comment-text,.review-reply p,.review-hover p{font-size:14px;line-height:22px}.comment-time .button.timestamp{font-size:14px;line-height:20px;height:22px}.comment-tabs .button{border-radius:12px}.studio-shell[data-mode=comment] .timeline,.studio-shell[data-mode=comment] .modern-timeline{background:transparent;border-radius:0;margin:0 0 12px;padding:0}}@media(max-width:720px){.studio-shell[data-review=true] .version-popover{width:calc(100vw - 16px);left:50%;right:auto;transform:translate(-50%);border-radius:12px}.version-popover .version-row{border-radius:12px;padding:10px}.version-popover-heading h2{font-size:16px;line-height:24px}.version-meta,.version-name{font-size:14px;line-height:20px}.version-latest{font-size:12px;line-height:16px}}.dialog:has(.name-dialog-content){border:0;border-radius:16px}.dialog:has(.name-dialog-content) .button{border-radius:12px}.dialog:has(.name-dialog-content) .clear-review-name{margin-right:auto}.version-popover,.studio-shell[data-review=true] .version-popover{border-radius:16px}dialog.version-popover,.studio-shell[data-review=true] dialog.version-popover{position:fixed;inset:0;margin:auto;transform:none;width:min(470px,calc(100vw - 16px));max-width:calc(100vw - 16px);max-height:calc(100dvh - 32px);color:var(--text);border:0;border-radius:16px}dialog.version-popover::backdrop{background:#0008;backdrop-filter:blur(3px)}.version-popover-heading .button.icon-button{border-radius:12px}.dialog:has(.name-dialog-content){width:min(470px,calc(100vw - 16px))}.dialog:has(.name-dialog-content) .dialog-heading{padding:8px 8px 8px 16px;border-bottom:0;min-height:60px}.dialog:has(.name-dialog-content) .dialog-heading h2{font-size:16px;line-height:24px;font-weight:500}.dialog:has(.name-dialog-content) .dialog-heading .button{width:44px;height:44px}.dialog:has(.name-dialog-content) .dialog-content{padding:16px}.dialog:has(.name-dialog-content) footer{padding:16px}@media(max-width:720px),(pointer:coarse){.review-bubble{padding-bottom:max(12px,env(safe-area-inset-bottom))}}.version-popover-heading h2{font-size:16px;line-height:24px;font-weight:500}.dialog:has(.name-dialog-content){max-width:calc(100vw - 16px)}@media(max-width:720px){.threads .thread{margin-bottom:8px}}.version-popover-heading .button.icon-button:focus,.version-popover-heading .button.icon-button:focus-visible{outline:none;box-shadow:none}@media(max-width:720px){.studio-shell[data-mode=comment] .transport-left{gap:4px}.transport-left .time-control{gap:0}}@media(max-width:720px),(pointer:coarse){.review-bubble .message-input textarea{max-height:var(--comment-input-max-height,144px);overflow-y:auto}.review-bubble-content{overscroll-behavior:contain}}.dialog:has(.name-dialog-content) .dialog-content{padding-top:4px}.dialog:has(.name-dialog-content) footer{border-top:0}
+/*! Adapted from ai-motion-designer-web/apps/web-new/src/styles.css:
+   Inter UI, #141414/#1f1f1f surfaces, #F94305 brand accent.
+   Controls share the editor's compact dimensions and native range interactions. */