npm - @osmo.inc/cli-linux-arm64 - Versions diffs - 0.1.24 → 0.1.25 - Mend

@osmo.inc/cli-linux-arm64 0.1.24 → 0.1.25

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 (14) hide show

package/dist/studio.js +2448 -1318
package/package.json +1 -1
package/release.json +25 -25
package/runtime/apps/native/tools/compile.mjs +2 -2
package/studio/src/app.css +1 -1
package/studio/src/app.js +184 -179
package/studio/src/engine_bg.wasm +0 -0
package/studio/src/preview-worker.js +1 -1
package/studio/src/stretch-worklet-Z4ADHTIR.mjs +1 -0
package/third-party/inventory.json +22 -0
package/third-party/npm/signalsmith-stretch@1.3.2/package.json +26 -0
package/third-party/npm/signalsmith-stretch@1.3.2/signalsmith-stretch-1.3.2-LICENSE.txt +21 -0
package/vendor/osmo-lite +0 -0
package/vendor/platform.json +1 -1

package/studio/src/app.css CHANGED Viewed

@@ -1,4 +1,4 @@
-.publish-control{display:flex;align-items:center;border-radius:8px;background:#303030;flex-shrink:0}.publish-control .osmo-action{height:32px;font-size:13px}.publish-control.is-split .publish-main{border-radius:8px 0 0 8px}.publish-control .osmo-action.publish-chevron{box-sizing:border-box;width:32px;height:32px;padding:0;border-left:1px solid #ffffff16;border-radius:0 8px 8px 0}.publish-icon{display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center}.publish-icon svg{width:100%;height:100%;stroke:none;fill:none}.publish-popover{box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);max-height:var(--radix-popover-content-available-height);overflow-y:auto;padding:24px;background:#202020;color:#f5f5f5;border:1px solid #ffffff0c;border-radius:14px;box-shadow:0 28px 100px #0008;z-index:120;font:14px/1.5 Inter UI,Inter,system-ui,sans-serif;position:relative;transform-origin:var(--radix-popover-content-transform-origin)}.publish-popover *{box-sizing:border-box}.publish-popover h2{font-size:17px;font-weight:600;line-height:24px;margin:0 36px 24px 0}.publish-popover .publish-close{position:absolute;right:8px;top:8px;color:#aaa}.publish-intro{color:#aaa;font-size:15px;line-height:1.5;margin:0 0 24px}.publish-benefits{list-style:none;padding:0;margin:8px 0 28px;display:grid;gap:18px}.publish-benefits li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5}.publish-benefits .publish-icon{width:20px;height:20px;margin-top:1px;color:#a3a3a3}.publish-signin{width:100%}.publish-signin .osmo-loading-logo{width:27px;height:17px;color:currentColor}.publish-signin .osmo-loading-logo path{animation:none;opacity:1;transform:none}.publish-login-status{display:block;font-size:12px;color:#aaa;margin:12px 0 0}.publish-login-status a{color:#f5f5f5}.publish-link-section{margin-bottom:24px}.publish-link-row{display:flex;align-items:center;gap:8px}.publish-link-field{display:flex;align-items:center;min-width:0;flex:1;height:40px;padding:4px;gap:4px;border-radius:8px;background:#362722;color:oklch(.86 .08 40)}.publish-link-field .osmo-action{height:32px;padding:0 8px;color:inherit;border-radius:5px;text-decoration:none}.publish-link-field .osmo-action:hover{background:#4d372f}.publish-link-field .osmo-action[data-size=icon]{width:32px;padding:0}.publish-url{min-width:0;flex:1;justify-content:flex-start;font-size:13px}.publish-url>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publish-link-row>.osmo-action{padding:0 10px}.publish-version{display:flex;align-items:center;gap:7px;font-size:12px;color:#aaa;margin:10px 0 0}.publish-version>span{width:5px;height:5px;border-radius:50%;background:#a3b89e;flex-shrink:0}.publish-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.publish-label>output{font-size:11px;color:#aaa}.publish-popover label{font-size:13px;font-weight:500}.publish-popover .osmo-select-trigger{height:40px;font-size:14px;gap:10px;border-radius:8px;padding:0 12px;background:#2a2a2a;color:#f5f5f5;border:0;min-width:0}.publish-access .osmo-select-trigger{width:100%}.publish-popover .osmo-select-trigger>.publish-icon{color:#b5b5b5}.publish-popover .osmo-select-trigger>span:last-child{margin-left:auto;display:flex}.publish-popover .osmo-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-people{margin-top:24px}.publish-people>label{display:block;margin-bottom:10px}.publish-people form{display:flex;gap:8px}.publish-invite-field{display:flex;align-items:center;min-width:0;flex:1;border:1px solid #ffffff13;border-radius:8px;background:#262626;height:40px}.publish-invite-field input{font:inherit;color:inherit;border:0;background:transparent;min-width:0;width:100%;height:100%;padding:0 11px;outline-offset:0}.publish-invite-field input::placeholder{color:#818181}.publish-popover .publish-invite-field .osmo-select-trigger{height:38px;padding:0 6px;background:transparent;font-size:12px;flex-shrink:0;width:94px}.publish-popover input:focus-visible{outline:2px solid #f94305;outline-offset:2px}.publish-grants:not(:empty){margin-top:12px}.publish-person{display:flex;align-items:center;gap:11px;padding:10px 0;min-width:0}.publish-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#383838;color:#c9c9c9;flex-shrink:0;font-size:12px}.publish-person>div{min-width:0;flex:1}.publish-person strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.publish-person small{display:block;color:#909090;font-size:12px}.publish-person strong>span,.publish-person>span:last-child{color:#999;font-size:12px}.publish-popover .publish-person .osmo-select-trigger{background:transparent;font-size:12px;padding:0 4px;max-width:100px}.publish-footer{display:flex;justify-content:flex-end;margin-top:24px}.publish-note{font-size:12px;color:#aaa}.publish-error{color:#f79982;font-size:12px;margin:16px 0 0;overflow-wrap:anywhere}.publish-error .osmo-action{height:28px;margin-left:8px;font-size:12px}.publish-progress{display:flex;flex-direction:column;gap:10px;align-items:stretch;color:#bbb;font-size:13px;margin:20px 0 0}.publish-spin svg{animation:publish-spin 1s linear infinite}.publish-spin svg path:first-child{opacity:.2}.publish-reveal{animation:publish-reveal .2s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--publish-order, 0) * 40ms)}@keyframes publish-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes publish-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.publish-reveal,.publish-spin svg{animation:none}}@media(max-width:480px){.publish-popover{padding:18px}.publish-popover .publish-close{top:4px;right:4px}}.publish-popover .osmo-ui.osmo-select-trigger.osmo-select-cell{height:40px;padding:0 12px;gap:10px;background:#2a2a2a;border-radius:8px;max-width:none}.publish-popover .osmo-ui.osmo-select-trigger{max-width:none}.publish-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:236px;min-height:34px;flex-shrink:0}.publish-actions-skeleton>span{display:block;height:32px;border-radius:8px;background:#ffffff0c}.publish-skeleton-icon{width:32px}.publish-skeleton-button{width:194px}@media(prefers-reduced-motion:no-preference){.publish-actions-skeleton>span{animation:publish-skeleton-pulse 1.2s ease-in-out infinite alternate}.publish-actions-ready{animation:publish-actions-appear .15s ease-out}}@keyframes publish-skeleton-pulse{to{opacity:.45}}@keyframes publish-actions-appear{0%{opacity:0}to{opacity:1}}.publish-popover .publish-unpublish{color:#ff9b8a}.publish-popover .publish-unpublish:hover:not(:disabled){background:#c93636;color:#fff}.publish-progress-label{display:flex;align-items:center;gap:8px}.publish-progress-percent{margin-left:auto;font-variant-numeric:tabular-nums}.publish-progress-bar{appearance:none;border:0;width:100%;height:4px;border-radius:2px;overflow:hidden;background:#ffffff14;color:#f94305}.publish-progress-bar::-webkit-progress-bar{background:#ffffff14;border-radius:2px}.publish-progress-bar::-webkit-progress-value{background:#f94305;border-radius:2px}.publish-progress-bar::-moz-progress-bar{background:#f94305;border-radius:2px}@media(prefers-reduced-motion:no-preference){.publish-control .osmo-action{transition:background-color .2s ease-out,color .2s ease-out}}.export-popover .export-options{display:flex;flex-direction:column;gap:20px}.export-popover .field-label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#f5f5f5}.export-popover .export-fields{gap:16px}.export-popover .field-label input{box-sizing:border-box;width:100%;height:40px;padding:0 12px;background:#262626;border:1px solid #ffffff14;border-radius:8px;color:#f5f5f5;font:inherit}.export-popover .field-label input:focus-visible{outline:2px solid #f94305;outline-offset:2px}.export-popover .export-range{margin-top:4px}.export-popover .export-scale-label output{color:#aaa}.export-popover .export-summary{padding:0;border:0;background:none;gap:16px 12px}.export-popover .export-summary span{font-size:11px}.export-popover .export-summary strong{font-size:12px}.export-popover .publish-footer,.export-popover .publish-progress,.export-popover .publish-error{margin:0}.export-popover .publish-progress-label span{min-width:0;overflow-wrap:anywhere}:root{font-size:100%;--osmo-font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--osmo-text-4xs: .5625rem;--osmo-text-3xs: .625rem;--osmo-text-2xs: .6875rem;--osmo-text-xs: .75rem;--osmo-text-compact: .8125rem;--osmo-text-sm: .875rem;--osmo-text-reading: .9375rem;--osmo-text-base: 1rem;--osmo-text-lg: 1.125rem;--osmo-text-xl: 1.25rem;--osmo-text-2xl: 1.5rem;--osmo-text-title: 1.75rem;--osmo-text-display-sm: 2rem;--osmo-text-4xl: 2.25rem;--osmo-text-display: 2.5rem;--osmo-text-5xl: 3rem;--osmo-text-display-lg: 3.5rem;--osmo-text-display-xl: 4rem;--osmo-text-7xl: 4.5rem;--osmo-type-caption-size: var(--osmo-text-xs);--osmo-type-caption-line: 1rem;--osmo-type-caption-weight: 400;--osmo-type-control-size: var(--osmo-text-sm);--osmo-type-control-line: 1.25rem;--osmo-type-control-weight: 500;--osmo-type-body-size: var(--osmo-text-sm);--osmo-type-body-line: 1.25rem;--osmo-type-body-weight: 400;--osmo-type-message-size: var(--osmo-text-sm);--osmo-type-message-line: 1.125rem;--osmo-type-message-weight: 500;--osmo-type-heading-size: var(--osmo-text-xl);--osmo-type-heading-line: 1.75rem;--osmo-type-heading-weight: 600}.osmo-scroll-area{position:relative;overflow:hidden}.osmo-scroll-area-viewport{width:100%;height:100%;border-radius:inherit;outline:none}.osmo-scroll-area-viewport:focus-visible{outline:1px solid var(--ring, #777);outline-offset:-1px}.osmo-scroll-area-scrollbar{display:flex;touch-action:none;user-select:none;padding:1px;transition:background-color .15s}.osmo-scroll-area-scrollbar[data-orientation=vertical]{height:100%;width:10px;border-left:1px solid transparent}.osmo-scroll-area-scrollbar[data-orientation=horizontal]{height:10px;flex-direction:column;border-top:1px solid transparent}.osmo-scroll-area-thumb{position:relative;flex:1;border-radius:9999px;background:var(--border, #3a3a3a)}.osmo-ui{-webkit-user-select:none;user-select:none;--osmo-surface: #1f1f1f;--osmo-popover: #121212;--osmo-hover: #262626;--osmo-text: #fafafa;--osmo-muted: #aaa;--osmo-accent: oklch(.648 .225 35.088);--osmo-font: var(--osmo-font-sans);color:var(--osmo-text);font-family:var(--osmo-font);font-size:var(--osmo-type-control-size);line-height:var(--osmo-type-control-line);font-weight:var(--osmo-type-control-weight)}.osmo-ui,.osmo-ui *{box-sizing:border-box}.osmo-ui button,.osmo-ui input,.osmo-ui textarea{font:inherit;color:inherit;margin:0}.osmo-ui button{border:0;background:none;cursor:default}.osmo-ui button:focus-visible,.osmo-ui [role=slider]:focus-visible{outline:1px solid var(--osmo-accent);outline-offset:2px}.osmo-ui [data-disabled],.osmo-ui[data-disabled]{opacity:.5}.osmo-cell{display:flex;align-items:center;width:100%;min-width:0;height:28px;min-height:28px;flex:none;border-radius:6px;background:var(--osmo-surface);padding:0 8px;overflow:hidden;user-select:none}.osmo-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osmo-spacer{min-width:8px;flex:1}.osmo-number{position:relative;touch-action:pan-y}.osmo-number-label{pointer-events:none;position:relative;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osmo-number-fill{pointer-events:none;position:absolute;inset:0 auto 0 0;border-right:1px solid transparent;background:#ffffff0a}:root:not(:has(.osmo-number[data-drag])) .osmo-number:not([data-disabled]):is(:hover,:focus-within) .osmo-number-fill{border-right-color:#fff3;background:#ffffff14}.osmo-number[data-drag] .osmo-number-fill{border-right-color:#fafafa;background:#ffffff1f}.osmo-number-wheel{pointer-events:none;position:absolute;inset:0 auto 0 0;opacity:0;transition:opacity .15s}:root:not(:has(.osmo-number[data-drag])) .osmo-number:not([data-disabled]):hover .osmo-number-wheel,.osmo-number[data-drag] .osmo-number-wheel{opacity:1}.osmo-value-box{position:relative;display:flex;flex-shrink:0;align-self:stretch;min-width:0;max-width:65%}.osmo-value-box>span{visibility:hidden;min-width:1ch;padding:0 8px;white-space:pre}.osmo-value-box>input{position:absolute;inset:0;width:100%;min-width:0;appearance:textfield;border:0;background:transparent;padding:0 8px;outline:none;cursor:default;transition:background-color .15s}.osmo-value-box>input::-webkit-inner-spin-button,.osmo-value-box>input::-webkit-outer-spin-button{appearance:none}.osmo-value-box>input:enabled:focus{background:transparent}.osmo-value-box>input::selection{background:#ffa36666}.osmo-number-value{z-index:1;margin-right:-8px}.osmo-trailing{position:relative;z-index:1;margin:0 -8px 0 8px;align-self:stretch;border-left:1px solid rgb(255 255 255 / 5%)}.osmo-ui .osmo-switch{display:block;position:relative;flex-shrink:0;width:28px;height:16px;padding:0;border-radius:999px;background:#ffffff26;transition:background-color .15s}.osmo-ui .osmo-switch[aria-checked=true]{background:var(--osmo-accent)}.osmo-switch>span{position:absolute;top:2px;left:2px;width:16px;height:12px;border-radius:10px;background:#fafafa;transition:transform .15s}.osmo-switch[aria-checked=true]>span{transform:translate(8px)}.osmo-text{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;background:var(--osmo-surface);width:100%;min-width:0;min-height:28px}.osmo-text>label{color:#a3a3a3;flex-shrink:0}.osmo-text>input,.osmo-text>textarea{width:100%;min-width:0;flex:1;border:0;outline:none;background:transparent;padding:0;line-height:1.25rem}.osmo-text-multiline{align-items:stretch;flex-direction:column;gap:4px}.osmo-text>textarea{resize:none;max-height:140px;overflow:auto;line-height:1rem}.osmo-select-trigger{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;max-width:70%;height:20px;padding:0;white-space:nowrap}.osmo-select-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis}.osmo-select-trigger svg{flex-shrink:0;display:block}.osmo-menu{z-index:1000;min-width:128px;max-width:min(320px,calc(100vw - 24px));max-height:var(--radix-popper-available-height, 350px);overflow:auto;padding:4px;background:var(--osmo-surface);border-radius:12px;box-shadow:0 12px 32px #00000087,0 4px 12px #0006;animation:osmo-menu-in .1s ease-out}.osmo-menu-item{position:relative;display:flex;align-items:center;gap:8px;min-height:28px;padding:4px 30px 4px 8px;border-radius:8px;outline:none;user-select:none;cursor:default}.osmo-menu-item[data-highlighted]{background:var(--osmo-hover)}.osmo-menu-item[data-disabled]{pointer-events:none}.osmo-menu-check{position:absolute;right:8px;display:flex;align-items:center}.osmo-color-cell{gap:6px}.osmo-ui .osmo-color-swatch{display:block;flex-shrink:0;width:16px;height:16px;padding:0;overflow:hidden;border-radius:4px;border:0;background:repeating-conic-gradient(#777 0 25%,#333 0 50%) 0 0 / 8px 8px}.osmo-color-swatch>span{display:block;width:100%;height:100%}.osmo-color-popover{z-index:1000;width:336px;max-width:calc(100vw - 24px);padding:12px;border-radius:12px;background:var(--osmo-popover);box-shadow:0 12px 32px #00000087,0 4px 12px #0006;animation:osmo-menu-in .1s ease-out}.osmo-picker{display:flex;flex-direction:column;gap:16px;width:100%}.osmo-color-plane{position:relative;width:100%;height:128px;border-radius:4px;cursor:crosshair;touch-action:none}.osmo-color-dot{position:absolute;width:16px;height:16px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.osmo-color-slider{position:relative;display:flex;align-items:center;width:100%;height:16px;touch-action:none}.osmo-hue-track,.osmo-alpha-track{position:relative;flex:1;height:12px;border-radius:999px}.osmo-hue-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.osmo-alpha-track{background:linear-gradient(90deg,transparent,rgb(0 0 0 / 53%)),repeating-conic-gradient(#777 0 25%,#333 0 50%) 0 0 / 8px 8px}.osmo-color-thumb{display:block;width:16px;height:16px;border:1px solid rgb(255 255 255 / 50%);border-radius:50%;background:#141414;box-shadow:0 1px 3px #0006}.osmo-color-input-row{display:flex;gap:8px}.osmo-color-input-row>input{min-width:0;flex:1;height:32px;border:0;border-radius:6px;padding:0 10px;background:transparent;outline:none;font-family:monospace}.osmo-color-input-row>input:focus{border-color:var(--osmo-accent)}.osmo-ui .osmo-eye-button{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border:0;border-radius:6px;color:var(--osmo-muted)}@keyframes osmo-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.osmo-ui *{transition:none!important;animation:none!important}}.osmo-ui.osmo-keyframe-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:100%;min-height:28px;padding:0;border:0;border-radius:0 6px 6px 0;background:none}:root:not(:has(.osmo-number[data-drag])) .osmo-keyframe-button:hover{background:#ffffff0a}.osmo-keyframe-button[data-state=at]{background:color-mix(in srgb,var(--osmo-keyframe-at, var(--osmo-accent)) 8%,transparent)}:root:not(:has(.osmo-number[data-drag])) .osmo-keyframe-button[data-state=at]:hover{background:color-mix(in srgb,var(--osmo-keyframe-at, var(--osmo-accent)) 15%,transparent)}.osmo-ui.osmo-keyframe-button:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--osmo-accent);background:#ffffff14}.osmo-keyframe-button:disabled{opacity:.5;pointer-events:none}.osmo-text[data-keyframe]{position:relative;padding-right:45px;border-radius:6px;overflow:hidden}.osmo-text-keyframe{position:absolute;top:0;right:0;bottom:0;border-left:1px solid rgb(255 255 255 / 5%)}.osmo-ui.osmo-ui:not(.osmo-menu):focus,.osmo-ui.osmo-ui :focus{outline:none;outline-offset:0;box-shadow:none}.osmo-ui.osmo-menu{border:0}.osmo-ui.osmo-select-trigger{border-radius:4px;padding:0 4px;height:24px}.osmo-value-box>input{border-radius:4px}.osmo-text>input,.osmo-text>textarea{border-radius:4px}.osmo-ui .osmo-color-input-row>input:focus{border-color:#ffffff26}:root[data-osmo-keyboard] .osmo-ui.osmo-ui:not(.osmo-menu):focus-visible,:root[data-osmo-keyboard] .osmo-ui.osmo-ui :focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--osmo-accent)}:root[data-osmo-keyboard] .osmo-ui.osmo-menu .osmo-menu-item:focus{box-shadow:inset 0 0 0 1px var(--osmo-accent)}.osmo-text{position:relative;border-radius:6px}:root[data-osmo-keyboard] .osmo-ui.osmo-number:has(input:focus-visible):after,:root[data-osmo-keyboard] .osmo-ui.osmo-text:has(input:focus-visible,textarea:focus-visible):after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--osmo-accent);z-index:3}:root[data-osmo-keyboard] .osmo-ui.osmo-number input:focus-visible,:root[data-osmo-keyboard] .osmo-ui.osmo-text input:focus-visible,:root[data-osmo-keyboard] .osmo-ui.osmo-text textarea:focus-visible{box-shadow:none}.osmo-cell>.osmo-ui.osmo-select-trigger{align-self:stretch;height:28px;margin-right:-8px;padding:0 8px;border-radius:6px}.osmo-color-cell{padding-right:6px}.osmo-color-cell>.osmo-trailing{margin-left:0;margin-right:-6px}.osmo-ui .osmo-color-hex{width:10ch;min-width:0;flex-shrink:1;padding:0 0 0 4px;height:24px;border:0;border-radius:4px;background:transparent;text-align:right}.osmo-color-cell>.osmo-label{flex-shrink:1}.osmo-inspector-section{border-top:1px solid rgb(255 255 255 / 5%);padding:16px 0}.osmo-inspector-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.osmo-inspector-section>header>h3{margin:0;font-size:var(--osmo-text-compact);font-weight:500}.osmo-section-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 6px}.osmo-control-group{min-width:0;display:flex;flex-direction:column;gap:4px}.osmo-group-heading{display:flex;align-items:center;justify-content:space-between;min-height:16px;color:#ffffff7f;font-size:var(--osmo-text-2xs);line-height:1rem}.osmo-ui .osmo-property-action{display:flex;align-items:center;justify-content:center;border:0;border-radius:4px;width:20px;height:16px;background:transparent;color:#ffffff7f;padding:0}.osmo-ui .osmo-property-action[aria-pressed=true]{background:#ffffff14;color:#fafafa}.osmo-property-action:disabled{opacity:.4}.osmo-number-compact>.osmo-spacer{display:none}.osmo-number-compact>.osmo-number-fill{display:none}.osmo-number-compact>.osmo-number-label{color:#ffffff7f;flex-shrink:0}.osmo-number-compact>.osmo-number-value{margin-right:0;max-width:100%;flex:1}.osmo-number-compact>.osmo-number-value input{text-align:left;padding:0 4px 0 0}.osmo-number-compact>.osmo-number-value>span{padding:0 4px 0 0}.osmo-number-unit{color:#ffffff7f;pointer-events:none;font-size:var(--osmo-text-2xs);z-index:1}.osmo-vector,.osmo-insets{display:flex;min-width:0;overflow:hidden;border-radius:6px;background:var(--osmo-surface)}.osmo-vector>.osmo-number{flex:1;width:0;border-radius:0}.osmo-vector>.osmo-number+.osmo-number{border-left:1px solid rgb(255 255 255 / 5%)}.osmo-vector-keyframe{display:flex;flex:none;width:29px;border-left:1px solid rgb(255 255 255 / 5%)}.osmo-vector>.osmo-number:first-child{border-radius:6px 0 0 6px}.osmo-vector>.osmo-number:last-child{border-radius:0 6px 6px 0}.osmo-insets>.osmo-number{flex:1;width:0}.osmo-insets-sides{flex:1;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ffffff0d}.osmo-insets-sides .osmo-number{border-radius:0}.osmo-segmented{display:flex;min-width:0;border-radius:6px;background:var(--osmo-surface);padding:0;gap:0}.osmo-origin{display:flex;gap:8px;align-items:center;min-width:0}.osmo-origin>.osmo-vector{flex:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,28px);height:57px;gap:1px 0;background:#ffffff0d}.osmo-origin>.osmo-vector:has(>.osmo-vector-keyframe){grid-template-columns:minmax(0,1fr) 29px}.osmo-origin>.osmo-vector>.osmo-number{width:100%;height:100%;grid-column:1;border-left:0;border-radius:0}.osmo-origin .osmo-vector-keyframe{grid-column:2;grid-row:1 / 3;align-items:center;background:var(--osmo-surface);border-radius:0 6px 6px 0}.osmo-origin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));width:57px;height:57px;gap:4px;flex:none;border-radius:6px;background:var(--osmo-surface)}.osmo-origin-grid>button{width:100%;height:100%;display:grid;place-items:center;padding:0;border-radius:2px;background:transparent}.osmo-origin-grid>button>span{display:block;width:4px;height:4px;margin:0;border-radius:4px;background:#ffffff29}.osmo-origin-grid>button[aria-pressed=true]>span{width:12px;height:12px;border-radius:2px;background:#fff}.osmo-origin-grid>button{position:relative}.osmo-origin-grid>button>span{position:relative;z-index:1}.osmo-origin-grid>button:before{opacity:0;content:"";position:absolute;width:12px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:2px;background:#ffffff14;pointer-events:none}.osmo-origin-grid>button:not(:disabled):not([aria-pressed=true]):hover:before{opacity:1}.osmo-origin-grid>button:disabled{opacity:.25}.osmo-dimension{position:relative;min-width:0}.osmo-dimension>.osmo-select-trigger{position:absolute;right:0;top:0;height:28px;width:28px;justify-content:center;padding:0;background:transparent;color:inherit;border:0}.osmo-dimension>.osmo-select-trigger>span:first-child{display:none}.osmo-dimension .osmo-number-value{margin-right:24px}.osmo-dimension-mode{gap:6px;color:#ffffff7f}.osmo-dimension-mode>span:nth-child(2){flex:1;color:#fafafa}.osmo-dimension-mode>.osmo-keyframe-button{margin-right:-8px;border-left:1px solid rgb(255 255 255 / 5%)}.osmo-number-compact>.osmo-number-label:empty{display:none}.osmo-number-compact>.osmo-number-value{flex:0 1 auto}.osmo-number-compact>.osmo-number-unit{margin-left:-2px}.osmo-number-compact>.osmo-trailing{margin-left:auto}.osmo-vector .osmo-number-compact>.osmo-number-label{font-size:var(--osmo-text-xs)}.osmo-ui.osmo-control-group,.osmo-ui.osmo-vector,.osmo-ui .osmo-origin-grid{border:0;padding:0;margin:0;min-inline-size:0}.osmo-segmented>label{position:relative;display:flex;justify-content:center;align-items:center;flex:1;min-width:0;height:30px;border-radius:0;color:#ffffff7f;cursor:default}.osmo-segmented>label>input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:default}.osmo-segmented>label:has(:checked){background:#ffffff12;color:#fafafa}:root:not(:has(.osmo-number[data-drag])) .osmo-segmented>label:not(:has(:checked,:disabled)):hover{background:#ffffff0a}.osmo-segmented>label:has(:disabled){opacity:.4}:root[data-osmo-keyboard] .osmo-segmented>label:has(:focus-visible){box-shadow:inset 0 0 0 1px var(--osmo-accent)}.osmo-dimension[data-keyframe]>.osmo-select-trigger{right:29px}.osmo-number-label>svg,.osmo-segmented svg,.osmo-property-action>svg,.osmo-dimension-mode svg{display:block;width:12px;height:12px;flex:none}.osmo-number-compact:has(>.osmo-number-label:empty){padding-left:8px}.osmo-number-compact>.osmo-number-label:not(:empty){margin-right:6px}.osmo-dimensions-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.osmo-color-cell[data-label-placement=above]{padding-left:6px}.osmo-color-cell[data-label-placement=above]>.osmo-color-hex{text-align:left;padding-left:0;flex:1}.osmo-ui input,.osmo-ui textarea,.osmo-ui [contenteditable=true]{-webkit-user-select:text;user-select:text}.osmo-control-action-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:start;gap:4px}.osmo-control-action-fields{min-width:0}.osmo-ui .osmo-control-action-row>.osmo-property-action{width:28px;height:28px;border-radius:6px;background:var(--osmo-surface)}.osmo-control-leading{display:flex;flex:none;margin-right:6px;color:#ffffff7f}.osmo-control-leading>svg{width:12px;height:12px}.osmo-number-label:has(>svg){display:flex;align-items:center;gap:4px}.osmo-ui .osmo-origin-grid{padding:4px}.osmo-segmented>label:first-child{border-radius:6px 0 0 6px}.osmo-segmented>label:last-child{border-radius:0 6px 6px 0}.osmo-segmented>label:only-child{border-radius:6px}.osmo-ui .osmo-insets-mixed{flex:1;gap:4px;border-radius:0;background:var(--osmo-surface);text-align:left}.osmo-insets-mixed>svg{width:12px;height:12px;flex:none;color:#ffffff7f}.osmo-insets-mixed-value{color:var(--osmo-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root:not(:has(.osmo-number[data-drag])) .osmo-number:not([data-disabled]):not(:has(input:focus)):hover{background:color-mix(in srgb,var(--osmo-surface),white 4%)}.osmo-number:not([data-disabled]):has(input:focus){background:color-mix(in srgb,var(--osmo-surface),white 8%)}.osmo-number:not([data-disabled])>.osmo-number-label:has(>svg){pointer-events:auto;cursor:default}:root:not(:has(.osmo-number[data-drag])) .osmo-number:not([data-disabled]):hover>.osmo-number-label:has(>svg){color:#fafafa}:root:not(:has(.osmo-number[data-drag])) .osmo-boolean-cell:not([data-disabled]):hover,:root:not(:has(.osmo-number[data-drag])) .osmo-color-cell:not([data-disabled]):not(:has(input:focus)):hover,:root:not(:has(.osmo-number[data-drag])) .osmo-select-cell:not([data-disabled]):hover{background:color-mix(in srgb,var(--osmo-surface),white 4%)}.osmo-color-cell:not([data-disabled]):has(>input:focus){background:color-mix(in srgb,var(--osmo-surface),white 8%)}.osmo-number[data-drag]{background:color-mix(in srgb,var(--osmo-surface),white 8%)}.osmo-number[data-drag]>.osmo-number-label:has(>svg){color:#fafafa}.osmo-ui.osmo-select-trigger.osmo-select-cell{max-width:100%;height:28px;padding:0 8px;border-radius:6px;background:var(--osmo-surface);text-align:left}.osmo-select-cell>.osmo-label{flex-shrink:0}.osmo-select-cell>.osmo-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis}.osmo-select-cell>.osmo-spacer{flex-shrink:0}.osmo-select-cell>.osmo-select-value{text-align:left;white-space:nowrap}.osmo-select-cell>span:last-child{flex-shrink:0}:root:not(:has(.osmo-number[data-drag])) .osmo-ui .osmo-property-action:not(:disabled):hover{background:color-mix(in srgb,var(--osmo-surface),white 4%);color:#fafafa}.osmo-dimensions-fields[data-linked]{position:relative}.osmo-dimensions-fields[data-linked]:before,.osmo-dimensions-fields[data-linked]:after{content:"";position:absolute;top:calc(50% - 8px);width:4px;height:16px;background:var(--osmo-surface);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 16' preserveAspectRatio='none'%3E%3Cpath d='M0 0C0 4 2 4 3 4S6 4 6 0V16C6 12 4 12 3 12S0 12 0 16Z'/%3E%3C/svg%3E");mask-size:8px 16px;mask-repeat:no-repeat;pointer-events:none}.osmo-dimensions-fields[data-linked]:before{left:calc(50% - 4px);mask-position:left center;transform-origin:left center}.osmo-dimensions-fields[data-linked]:after{left:50%;mask-position:right center;transform-origin:right center}@media(prefers-reduced-motion:no-preference){.osmo-dimensions-fields[data-linked]:before{animation:osmo-link-left .1s cubic-bezier(.42,0,.58,1) both}.osmo-dimensions-fields[data-linked]:after{animation:osmo-link-right .1s cubic-bezier(.42,0,.58,1) both}}@keyframes osmo-link-left{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes osmo-link-right{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.osmo-vector:not(.osmo-origin>.osmo-vector){position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.osmo-vector:not(.osmo-origin>.osmo-vector)>.osmo-number{width:100%}.osmo-vector:not(.osmo-origin>.osmo-vector):has(>.osmo-vector-keyframe)>.osmo-number:nth-last-child(2){padding-right:37px}.osmo-vector:not(.osmo-origin>.osmo-vector)>.osmo-vector-keyframe{position:absolute;right:0;top:0;height:100%;margin-left:0}.osmo-dimension>.osmo-select-trigger{opacity:0}:root:not(:has(.osmo-number[data-drag])) .osmo-dimension:hover>.osmo-select-trigger,:root[data-osmo-keyboard] .osmo-dimension:focus-within>.osmo-select-trigger,.osmo-dimension>.osmo-select-trigger[data-state=open]{opacity:1}:root:not(:has(.osmo-number[data-drag])) .osmo-dimension:hover .osmo-number:not([data-disabled]):not(:has(input:focus)){background:color-mix(in srgb,var(--osmo-surface),white 4%)}:root:not(:has(.osmo-number[data-drag])) .osmo-dimension:hover .osmo-number:not([data-disabled])>.osmo-number-label{color:#fafafa}@media(prefers-reduced-motion:no-preference){.osmo-cell,.osmo-property-action,.osmo-keyframe-button,.osmo-segmented>label,.osmo-menu-item{transition:background-color 75ms cubic-bezier(.42,0,.58,1),color 75ms cubic-bezier(.42,0,.58,1)}.osmo-number-label{transition:color 75ms cubic-bezier(.42,0,.58,1)}.osmo-dimension>.osmo-select-trigger,.osmo-number-wheel,.osmo-origin-grid>button:before{transition:opacity 75ms cubic-bezier(.42,0,.58,1)}}.osmo-color-alpha{flex:0 0 64px;align-self:stretch;border-left:1px solid rgb(255 255 255 / 5%)}.osmo-color-alpha>.osmo-number{border-radius:0}.osmo-color-alpha>.osmo-number-compact:has(>.osmo-number-label:empty){padding-left:8px}.osmo-color-alpha+.osmo-trailing{margin-left:-6px}.osmo-color-cell:not([data-disabled]):has(.osmo-number[data-drag],input:focus){background:color-mix(in srgb,var(--osmo-surface),white 8%)}.osmo-color-cell .osmo-color-alpha>.osmo-number,.osmo-color-cell .osmo-color-alpha>.osmo-number:is(:focus-within,[data-drag]),:root:not(:has(.osmo-number[data-drag])) .osmo-color-cell .osmo-color-alpha>.osmo-number:hover{background:transparent}.osmo-ui .osmo-auto-axis{min-width:0;width:100%;padding:0;border:0;outline:none;background:transparent;color:var(--osmo-muted)}.osmo-vector[data-axes="3"]:not(.osmo-origin>.osmo-vector):has(>.osmo-vector-keyframe){grid-template-columns:repeat(3,minmax(0,1fr)) 29px}.osmo-vector[data-axes="3"]:not(.osmo-origin>.osmo-vector):has(>.osmo-vector-keyframe)>.osmo-number:nth-last-child(2){padding-right:8px}.osmo-vector[data-axes="3"]:not(.osmo-origin>.osmo-vector)>.osmo-vector-keyframe{position:static}.osmo-menu-option-icon{display:flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;pointer-events:none}.osmo-number-steps{opacity:0;transition:opacity .12s ease-in-out;position:absolute;inset:0;pointer-events:none;overflow:hidden}.osmo-number-steps[data-visible=true]{opacity:1}@media(prefers-reduced-motion:reduce){.osmo-number-steps{transition:none}}.osmo-number-steps>span{transition:left .12s ease-in-out,opacity .12s ease-in-out;position:absolute;top:0;bottom:0;width:1px;background:#ffffff14;transform:translate(-50%)}.osmo-number-steps>span[data-active]{transition:none;background:#fff}.osmo-number-range-menu{z-index:1000;width:240px;padding:8px;background:#1f1f1f;border-radius:12px;box-shadow:0 12px 32px #00000087;color:#fafafa;font-size:var(--osmo-text-xs)}.osmo-number-range-menu header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:var(--osmo-text-sm)}.osmo-number-range-menu header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osmo-number-range-menu button:not(.osmo-switch){color:inherit;background:transparent;border:0;cursor:default}.osmo-number-range-menu header button{width:28px;height:28px;padding:6px;flex:none;border-radius:6px;font-size:var(--osmo-text-lg)}.osmo-number-range-fields{display:flex;gap:8px;padding:0 8px}.osmo-number-range-fields label{flex:1;min-width:0;color:#ffffff7f;font-size:var(--osmo-text-3xs)}.osmo-number-range-fields input{box-sizing:border-box;display:block;margin-top:4px;width:100%;height:24px;padding:2px 6px;border:0;border-radius:6px;background:#ffffff0a;color:#fafafa;font:var(--osmo-type-control-size)/var(--osmo-type-control-line) var(--osmo-font-sans);outline:none}.osmo-number-range-fields input:not(:disabled):hover,.osmo-number-range-fields input:not(:disabled):focus{background:color-mix(in srgb,var(--osmo-surface),white 8%)}.osmo-number-range-fields input:focus{box-shadow:inset 0 0 0 1px #fafafa}.osmo-number-range-menu hr{border:0;border-top:1px solid rgb(255 255 255 / 8%);margin:8px -8px 4px}.osmo-number-range-menu .osmo-number-range-reset{width:100%;height:28px;text-align:left;padding:0 8px;border-radius:6px}.osmo-number-range-menu button:not(.osmo-switch):hover{background:#ffffff0a}.osmo-number-range-menu p{color:#ff917c;font-size:var(--osmo-text-2xs);margin:8px 0 0}.osmo-number-range-steps{display:flex;align-items:center;justify-content:space-between;height:28px;margin-top:8px;padding:0 8px;border-radius:6px;cursor:default}.osmo-number-range-steps:hover{background:#ffffff0a}.osmo-number-range-fields input:disabled{opacity:.4}.osmo-number-range-menu header .osmo-number-range-title{flex:1;width:auto;min-width:0;padding:0 8px;text-align:left;font-size:var(--osmo-text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osmo-number-range-menu .osmo-number-range-title-input{flex:1;min-width:0;width:0;height:28px;padding:0 8px;border:0;outline:none;background:transparent;font-size:var(--osmo-text-sm)}.osmo-number-range-title-input::placeholder{color:#ffffff7f;opacity:1}.osmo-number-range-menu header button{display:flex;align-items:center;justify-content:center}.osmo-number-range-menu header .osmo-number-range-title{justify-content:flex-start}.osmo-number-range-menu header button:focus-visible{outline-offset:-1px}.osmo-number-range-menu{transform-origin:var(--radix-popover-content-transform-origin)}.osmo-number-range-menu[data-state=open]{animation:osmo-number-menu-in .18s cubic-bezier(.22,1,.36,1) both}.osmo-number-range-menu[data-state=closed]{animation:osmo-number-menu-out .12s cubic-bezier(.22,1,.36,1) both;pointer-events:none}@keyframes osmo-number-menu-in{0%{opacity:0;transform:translate(-8px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes osmo-number-menu-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-8px) scale(.92)}}@media(prefers-reduced-motion:reduce){.osmo-number-range-menu[data-state]{animation:none}}@media(prefers-reduced-motion:reduce){.osmo-number-steps>span{transition:none}}.osmo-number-steps>span[data-leaving]{opacity:0}@starting-style{.osmo-number-steps>span:not([data-active]){left:50%!important;opacity:0}}.osmo-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;height:40px;padding:0 14px;border:0;border-radius:8px;background:#303030;color:#f5f5f5;font:inherit;white-space:nowrap;cursor:pointer;transition:background .15s}.osmo-action:hover{background:#383838}.osmo-action[data-variant=default]{background:#f94305;color:#fff}.osmo-action[data-variant=default]:hover{background:#e83d04}.osmo-action[data-variant=ghost]{background:transparent}.osmo-action[data-variant=ghost]:hover{background:#ffffff0a}.osmo-action[data-size=icon]{width:40px;padding:0}.osmo-action:disabled{opacity:.45;pointer-events:none}.osmo-action:focus-visible{outline:2px solid #f94305;outline-offset:2px}.osmo-action svg{flex-shrink:0}.osmo-confirm-overlay{position:fixed;inset:0;z-index:140;background:#0008}.osmo-confirm-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:420px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;z-index:141;padding:24px;border:1px solid #ffffff16;border-radius:14px;background:#202020;color:#f5f5f5;box-shadow:0 28px 100px #0008;font:14px/1.5 Inter UI,Inter,system-ui,sans-serif}.osmo-confirm-dialog h2{margin:0 0 12px;font-size:18px;font-weight:600}.osmo-confirm-dialog p{margin:0;color:#bcbcbc}.osmo-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.osmo-confirm-dialog .osmo-confirm-destructive{background:#c93636;color:#fff}.osmo-confirm-dialog .osmo-confirm-destructive:hover{background:#b52c2c}@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;--fg-quinary:rgb(255 255 255 / 8%);--fg-tertiary:rgb(255 255 255 / 40%);--fg-secondary:rgb(255 255 255 / 50%);--hover:#2a2a2a;--border:rgb(255 255 255 / 5%);--input:rgb(255 255 255 / 15%);--text:#f5f5f5;--muted:#979797;--accent:#f94305;--review-stroke:#e73c06;--radius:8px;font-family:var(--osmo-font-sans);color:var(--text);background:var(--background);font-synthesis:none}:where(:root){--osmo-font-sans: "Inter UI", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--osmo-font-sans);font-size:var(--osmo-type-body-size);line-height:var(--osmo-type-body-line);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:var(--osmo-text-sm);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:var(--osmo-text-4xs);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:var(--osmo-text-2xs);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:0;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 rgb(255 255 255 / 15%);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 rgb(249 67 5 / 25%);color:#ffd4c7;padding:12px;border-radius:6px;font:var(--osmo-text-2xs)/1.5 var(--osmo-font-sans)}.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:var(--osmo-text-2xs) var(--osmo-font-sans);font-variant-numeric:tabular-nums;min-width:63px}.frame-label{color:var(--muted);font-size:var(--osmo-text-2xs);min-width:60px}.ruler{height:36px;display:flex;justify-content:space-between;align-items:center;color:#858585;font-size:var(--osmo-text-3xs);font-variant-numeric:tabular-nums;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to right,transparent 0,transparent calc(2.5% - 1px),rgb(255 255 255 / 5%) calc(2.5% - 1px),rgb(255 255 255 / 5%) 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 #00000087}.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:var(--osmo-text-compact);display:flex;align-items:center;gap:8px}.count{font:var(--osmo-text-3xs) var(--osmo-font-sans);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:var(--osmo-text-2xs);color:#aaa;padding:0 9px}.segmented .button.active{background:#303030;color:#fff;box-shadow:0 1px 3px #00000054}.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:var(--osmo-text-compact);color:#c9c9c9;line-height:1.5;max-width:190px}.empty-state p{font-size:var(--osmo-text-xs);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.draft-thread{display:block;width:100%;padding-inline:16px;text-align:left}.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:var(--osmo-text-2xs)}.thread-meta{display:flex;flex-direction:column;gap:3px;flex:1}.thread-meta strong{font-size:var(--osmo-text-2xs)}.thread-meta span{font-size:var(--osmo-text-3xs);color:gray}.thread-heading .button{height:26px;width:26px}.timestamp{display:inline-flex;color:#ff8e66;background:#f943050f;border-radius:4px;font:var(--osmo-text-3xs) var(--osmo-font-sans);padding:5px 7px;height:auto}.timestamp:hover{background:#ffffff0a}.comment-text{margin-top:10px;font-size:var(--osmo-text-xs);white-space:pre-wrap;overflow-wrap:anywhere;color:#dedede;line-height:1.65}.revision-note{display:inline-block;font-size:var(--osmo-text-3xs);color:#b39370;padding-top:9px}.reply{border-left:1px solid rgb(255 255 255 / 13%);padding-left:11px;margin-top:14px;overflow-wrap:anywhere}.reply strong{font-size:var(--osmo-text-3xs);color:#aaa}.reply p{font-size:var(--osmo-text-xs);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:var(--osmo-text-2xs);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:#00000087;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:var(--osmo-text-reading)}.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:var(--osmo-text-xs);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:var(--osmo-text-xs);color:#ff453a;white-space:pre-wrap}.form-error:empty{display:none}.export-progress{font-size:var(--osmo-text-xs);color:#c9c9c9}.dialog-content .subdued{font-size:var(--osmo-text-xs);white-space:pre-line;line-height:1.8}.toast-region{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}#toast,.toast-activity{background:#202020;border:1px solid rgb(255 255 255 / 8%);color:#fafafa;padding:7px 10px;border-radius:8px;box-shadow:0 2px 6px #0003;transition:opacity .15s,transform .15s;width:max-content;max-width:calc(100vw - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--osmo-text-sm)/1.3 var(--osmo-font-sans)}#toast{transform:translateY(10px);opacity:0;pointer-events:none}#toast:not(.visible){display:none}#toast.visible{opacity:1;transform:translateY(0)}.toast-activity{pointer-events:auto}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 286px}.preview-area{padding:0}.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:var(--osmo-text-2xs);max-width:160px}.header-actions{gap:4px}.preview-area{padding:0}.transport .button:not(.icon-button){font-size:var(--osmo-text-2xs);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:var(--osmo-text-2xs)}.outline-summary{font-size:var(--osmo-text-3xs);color:var(--muted);white-space:nowrap}.outline-tools .button{height:25px;padding:0 7px;font-size:var(--osmo-text-3xs);color:var(--muted)}.outline-legend{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:var(--osmo-text-3xs);white-space:nowrap}.outline-legend i{width:10px;height:6px;background:#b8b8b82b;border-radius:2px}.outline-legend i.animated{background:#e57f507f;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:var(--osmo-text-3xs);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:default}.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:var(--osmo-text-3xs)}.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:rgb(255 255 255 / 15%) 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:#ffffff05}.outline-row.selected{background:#ffffff0a}.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:var(--osmo-text-sm);flex:1;overflow:hidden;color:#bcbcbc}.outline-select span{overflow:hidden;text-overflow:ellipsis}.selected .outline-select{color:#fff}.node-type{font-size:var(--osmo-text-4xs);color:#666}.badge{display:inline-flex;align-items:center;border-radius:3px;background:#ffffff08;padding:2px 4px;font-size:var(--osmo-text-4xs);color:#aaa;white-space:nowrap}.outline-lane{margin:0 12px 0 8px;position:relative;cursor:pointer;background:repeating-linear-gradient(to right,rgb(255 255 255 / 3%) 0,rgb(255 255 255 / 3%) 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:var(--osmo-text-4xs) var(--osmo-font-sans);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:var(--osmo-text-3xs) var(--osmo-font-sans);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 rgb(249 67 5 / 31%)}.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:var(--osmo-text-2xs);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{flex-shrink:0;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:var(--osmo-text-2xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-content{--inspector-padding-x:14px;padding:12px 14px;font-size:var(--osmo-text-2xs);color:#aaa}.inspector-badges{display:flex;gap:5px}.source-location{font:var(--osmo-text-3xs) var(--osmo-font-sans);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:var(--osmo-text-3xs)}.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:var(--osmo-text-3xs);color:#d0d0d0;margin:18px 0 10px}.inspector-note{font-size:var(--osmo-text-3xs);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:var(--osmo-text-3xs) var(--osmo-font-sans);padding:0;justify-content:flex-start;height:22px;color:#c8a78d}.inspector-key code{overflow-wrap:anywhere;font-size:var(--osmo-text-3xs)}.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:var(--osmo-text-4xs)}.node-type{display:none}.scene-inspector{position:absolute;right:0;top:0;bottom:0;z-index:8;width:250px;box-shadow:-10px 0 20px #00000054}.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:var(--osmo-text-4xs)}.outline-summary{max-width:170px;white-space:normal;line-height:1.4}.outline-label .badge{display:none}.preview-area{padding:0}}.timeline{position:relative}.panel-resize{position:absolute;top:-12px;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:2px;background:#737373;border-radius:999px;left:50%;top:50%;transform:translate(-50%,-50%);transition:width .14s cubic-bezier(.2,0,0,1),height .14s cubic-bezier(.2,0,0,1),background-color .14s cubic-bezier(.2,0,0,1)}.panel-resize:hover:before,.panel-resize:focus-visible:before,.editor[data-panel-resizing] .panel-resize:before{background:#fff;width:40px;height:4px}@media(prefers-reduced-motion:reduce){.panel-resize:before{transition:none}}.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:2px;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}.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) var(--transport-height,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:var(--osmo-text-sm);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:10px;flex-shrink:0}.preview-fps{display:inline-flex;align-items:center;gap:6px;color:#d5ad69;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;padding:4px 0;cursor:help}.preview-fps-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.preview-fps:focus-visible{outline:1px solid currentColor;outline-offset:4px;border-radius:2px}.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;justify-content:center;gap:4px;min-width:58px;height:28px;padding:0 4px 0 8px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:var(--osmo-text-xs);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer}.canvas-scale:hover,.canvas-scale[data-state=open]{background:var(--hover)}.canvas-scale:focus-visible{outline:1px solid var(--accent)}.context-menu .menu-shortcut{flex-shrink:0;margin-left:auto;padding:0;color:#aaa;font:inherit;white-space:nowrap}.canvas-scale .icon,.canvas-scale .icon svg{width:16px;height:16px}.editor{grid-template-columns:minmax(0,1fr)}.preview-area{min-width:0}.canvas-wrap[data-zoomed]:not(:fullscreen,[data-fullscreen]){min-width:0;overflow:auto;align-items:flex-start;justify-content:flex-start;overscroll-behavior:contain;scrollbar-width:none}.canvas-wrap[data-zoomed]:not(:fullscreen,[data-fullscreen])>div>:is(canvas,.preview-video){flex:none;margin:auto;width:var(--canvas-width);height:var(--canvas-height);max-width:none;max-height:none}.canvas-wrap:is(:fullscreen,[data-fullscreen=window]){width:100vw;height:100dvh;background:#000;outline:none;cursor:pointer}.canvas-wrap:is(:fullscreen,[data-fullscreen=window]) canvas{width:min(100vw,calc(100dvh * var(--preview-aspect)));height:auto;outline:none;cursor:pointer!important}.canvas-wrap:is(:fullscreen,[data-fullscreen=window]) :is(.selection-overlay,.review-canvas){display:none}.canvas-wrap[data-fullscreen=window]{position:fixed;inset:0;z-index:1000}.canvas-wrap:focus-visible{outline:none}.fullscreen-exit{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:#000000ab;color:#fff;cursor:pointer;opacity:.7}.fullscreen-exit:hover,.fullscreen-exit:focus-visible{opacity:1}.fullscreen-exit .icon,.fullscreen-exit svg{width:18px;height:18px}.preview-area{background:var(--background);padding:0}.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)}.topbar>.session-status{flex-shrink:0}.sidebar-actions>.sidebar-toggle{margin-right:auto}.sidebar-actions .button.primary{height:30px;font-size:var(--osmo-text-xs)}.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:var(--osmo-text-compact);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:var(--osmo-text-compact)}.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:var(--osmo-text-compact)}.studio-sidebar .inspector-content{--inspector-padding-x:18px;padding:18px}.studio-sidebar .property-list{grid-template-columns:90px minmax(0,1fr);font-size:var(--osmo-text-xs);gap:10px}.studio-sidebar .inspector-content h4{font-size:var(--osmo-text-xs);margin-top:24px}.studio-sidebar .source-location{font-size:var(--osmo-text-2xs);margin:16px 0 22px}.inspector-empty{padding:22px 18px;color:var(--muted);font-size:var(--osmo-text-xs);line-height:1.6}.inspector-empty strong{color:var(--text);font-size:var(--osmo-text-compact)}.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}.shuttle-rate{font-size:var(--osmo-text-2xs);font-variant-numeric:tabular-nums;color:var(--accent)}.transport-right{display:flex;align-items:center;margin-left:auto;gap:12px}.transport-right .button{width:28px}.timeline-zoom{display:flex;align-items:center;gap:2px}.timeline-zoom .button{height:28px;padding:0;font-size:var(--osmo-text-2xs);color:var(--muted)}.timeline-zoom input{appearance:none;width:80px;height:20px;padding:0;border:0;outline:none;box-shadow:none;background:transparent;cursor:pointer}.timeline-zoom input::-webkit-slider-runnable-track{height:4px;border:0;border-radius:2px;background:linear-gradient(to right,rgb(255 255 255 / 80%) var(--zoom-progress),rgb(255 255 255 / 16%) var(--zoom-progress))}.timeline-zoom input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#fff;box-shadow:none}.timeline-zoom input::-moz-range-track{height:4px;border:0;border-radius:2px;background:#ffffff29}.timeline-zoom input::-moz-range-progress{height:4px;border-radius:2px;background:#fffc}.timeline-zoom input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}.timeline-zoom input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #ffffff29}.timeline-zoom input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #ffffff29}@media(max-width:1000px){.canvas-controls{gap:2px}.timeline-zoom input{width:48px}.transport-right{gap:4px}}@media(max-width:900px){.timeline-zoom input{display:none}}@media(max-width:800px){.topbar{gap:10px;padding:0 12px}.project-title{font-size:var(--osmo-text-sm)}.canvas-controls .button{width:28px}.canvas-scale{font-size:var(--osmo-text-xs)}}.transport-left .timecode{font-size:var(--osmo-text-sm);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:var(--osmo-text-3xs);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%;top:50%;transform:translate(-50%,-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:.5625rem}.property-row .outline-label,.property-row .outline-lane{min-height:32px}.studio-aside{display:none}.editor[data-aside]{grid-template-columns:auto minmax(0,1fr)}.editor[data-aside]>*{grid-column:2}.editor[data-aside]>.topbar{grid-column:2;grid-row:1}.editor[data-aside]>.studio-aside-header{grid-column:1;grid-row:1;display:flex;align-items:center;padding:0 16px;background:#181818;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.editor[data-aside]>.studio-aside{grid-column:1;grid-row:2 / -1;display:flex;min-height:0}@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:0;padding-right:0}}@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) var(--transport-height,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:0}}@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:default}.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:var(--osmo-text-xs);font-weight:500;color:#aaa}.composer-heading .timestamp{font-size:var(--osmo-text-2xs);padding:3px 6px}.comment-composer textarea{width:100%;min-height:88px;max-height:160px;resize:vertical;padding:12px;font-size:var(--osmo-text-compact)}.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:var(--osmo-text-xs)}.comment-range summary{cursor:pointer;width:fit-content;padding:6px 0}.comment-range input{width:100%;margin-top:6px;font-size:var(--osmo-text-xs)}.comment-composer .form-error{margin:0;font-size:var(--osmo-text-xs)}.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:var(--osmo-text-sm)}.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 rgb(255 255 255 / 8%);border-radius:8px;background:#202020;color:#fafafa;font:var(--osmo-text-sm)/1.3 var(--osmo-font-sans);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:var(--osmo-text-xs)/1 var(--osmo-font-sans);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:default;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:3px;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}.topbar>.session-status{font-size:var(--osmo-text-3xs)}.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 rgb(255 255 255 / 8%);border-radius:18px 18px 18px 3px;background:#292929;box-shadow:0 8px 30px #0006;font-size:var(--osmo-text-sm);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:var(--osmo-text-2xs);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:var(--osmo-text-xs);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:var(--osmo-text-sm)/1.5 var(--osmo-font-sans)}.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:var(--osmo-text-xs)}.comment-target-label{color:#979797;font-size:var(--osmo-text-2xs)}.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}.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:.75rem;letter-spacing:0px}.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 rgb(250 250 250 / 50%);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:-4px;height:32px;width:24px}.review-range-handle:after{left:5px;top:8px;height:16px;width:2px;border-radius:2px;background:#fafafa;transform:scale(1);transform-origin:center;transition:transform .14s cubic-bezier(.2,0,0,1)}.review-range-handle:hover:after,.review-range-handle:focus-visible:after,.review-range-handle:active:after{transform:scale(2,1.5)}.range-start{left:-24px}.range-start:after{left:auto;right:5px}.range-end{right:-24px}@media(prefers-reduced-motion:reduce){.review-range-handle:after{transition:none}}.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:var(--osmo-text-xs);line-height:1.5rem;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 rgb(249 67 5 / 20%);border-radius:6px;background:transparent;color:#dedede;font:500 var(--osmo-text-xs)/1.25rem var(--osmo-font-sans)}.thread-location .comment-text{display:inline;margin:0;font:var(--osmo-text-xs)/1rem var(--osmo-font-sans)}.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:var(--osmo-text-xs);line-height:1rem}.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:var(--osmo-text-compact);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:var(--osmo-text-compact)}.board-stale{color:#dfab76;padding:0 16px 12px;font-size:var(--osmo-text-compact)}.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:var(--osmo-text-reading)}.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:var(--osmo-text-compact)}.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:var(--osmo-text-xs);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:var(--osmo-text-xs);color:var(--muted)}.clip-track-label small{opacity:.6;font-size:var(--osmo-text-3xs)}.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:var(--osmo-text-xs);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:var(--osmo-text-2xs);white-space:nowrap;pointer-events:none;border-radius:5px}.clip-drag-ghost.invalid{border-color:#f66;background:#ff333345}.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-open-source{justify-content:space-between;margin:4px 0;border:0;cursor:pointer;text-align:left}.clip-open-source:hover{background:var(--osmo-hover)}.clip-open-source>svg{flex:none}.clip-binding{display:grid;gap:5px;font-size:var(--osmo-text-xs);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-shell,.modern-timeline{--bronze:#74747C;--teal:#438E89;--cerulean:#4E83B8;--mauve:#AD708D;--clip-gray:#748397;--scene-gray:#4E83B8;--audio-green:#568B65;--shader-violet:#8771B5;--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:rgb(255 255 255 / 15%) #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 rgb(255 255 255 / 4%);z-index:12}.track-ruler-heading{position:sticky;left:0;z-index:15;padding:12px 12px 0;color:#777;font-size:var(--osmo-text-3xs);background:#181818;border-right:1px solid rgb(255 255 255 / 4%)}.track-ruler{position:relative;margin:0 12px 0 8px;cursor:default;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:#ffffff14;pointer-events:none}.track-tick.major{height:8px;background:#ffffff26}.track-tick>span{position:absolute;bottom:13px;left:50%;transform:translate(-50%);font:var(--osmo-text-3xs) var(--osmo-font-sans);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:0}.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:var(--osmo-text-3xs);line-height:.875rem}.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 var(--border);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 rgb(255 255 255 / 4%);font-size:var(--osmo-text-3xs);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:transparent;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:1000;width:max-content;min-width:128px;max-width:min(320px,calc(100vw - 24px));max-height:var(--radix-context-menu-content-available-height,var(--radix-popper-available-height,350px));overflow:auto;padding:4px;border:0;border-radius:12px;background:#1f1f1f;color:#fafafa;font-size:var(--osmo-type-control-size);line-height:var(--osmo-type-control-line);box-shadow:var(--shadow-popover,0 1px 2px 1px rgb(0 0 0 / 10%),0 3px 6px -3px rgb(0 0 0 / 20%),0 4px 8px -2px rgb(0 0 0 / 20%));outline:none;transform-origin:var(--radix-context-menu-content-transform-origin,var(--radix-dropdown-menu-content-transform-origin,center));animation:osmo-menu-in .1s ease-out}.context-menu-item{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:28px;padding:4px 8px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:default;user-select:none;outline:none}.context-menu-item[data-highlighted]{background:#262626}.context-menu-item[data-disabled]{opacity:.35;pointer-events:none}.context-menu-item.danger{color:#ff8a72}.context-menu [role=separator]{height:1px;margin:4px -4px;background:#ffffff1a}.context-menu .menu-check{display:flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;height:14px;margin-left:auto}.context-menu .menu-shortcut+.menu-check{margin-left:0}.context-menu .menu-check .icon,.context-menu .menu-check svg{width:14px;height:14px}@media(prefers-reduced-motion:no-preference){.context-menu-item{transition:background-color 75ms cubic-bezier(.42,0,.58,1),color 75ms cubic-bezier(.42,0,.58,1)}}@media(prefers-reduced-motion:reduce){.context-menu{animation:none}}.track-controls{display:flex;gap:1px;flex:none;pointer-events:none}.track-controls>.track-toggle{opacity:0;pointer-events:none}.clip-track-row:hover>.clip-track-label .track-toggle,.track-layer-row:hover>.track-layer-header .track-toggle,.track-toggle:focus-visible,.track-toggle[aria-pressed=true]{opacity:1;pointer-events:auto}.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:#fff;font-size:var(--osmo-text-3xs);line-height:1}.track-toggle .icon,.track-toggle .icon svg{width:12px;height:12px}.track-toggle:hover{background:#ffffff0d;color:#fff}.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:var(--osmo-text-2xs);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:var(--osmo-text-base);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:#ffffff21}.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 #00000054}.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:var(--osmo-text-3xs);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:#ffffff03;border:0}.track-layer-header{padding-right:5px;gap:3px}.track-layer-header>button{color:#959595;background:none;border:0;font-size:var(--osmo-text-3xs);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:var(--osmo-text-sm)}.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(--scene-gray)}.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{--layer-color:var(--cerulean)}.track-layer-row.type-audio{--layer-color:var(--audio-green)}.track-layer-row.type-shader{--layer-color:var(--shader-violet)}.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:var(--osmo-text-2xs);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:var(--osmo-text-2xs)}.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:.875rem}.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:var(--layer-color);pointer-events:none}.track-key{position:absolute;top:50%;width:16px;height:16px;display:grid;place-items:center;transform:translate(-50%,-50%);border:0;padding:0;background:transparent;color:var(--layer-color);cursor:pointer}.track-key>svg{display:block;pointer-events:none}.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(--scene-gray)}.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).type-video{--clip-color:var(--cerulean)}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-audio{--clip-color:var(--audio-green)}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-shader{--clip-color:var(--shader-violet)}.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:0;background:var(--background);overflow:visible}.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:default;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}}.inspector-scroll,.resources-scroll{flex:1;min-height:0;min-width:0}.inspector-scroll>[data-slot=scroll-area-viewport],.resources-scroll>[data-slot=scroll-area-viewport]{overscroll-behavior:contain;overflow-anchor:none}.inspector-scroll>[data-slot=scroll-area-viewport]>div,.resources-scroll>[data-slot=scroll-area-viewport]>div{display:block!important}.resources-panel{padding:18px 16px}.project-section{border-bottom:1px solid var(--border)}.project-section>summary{display:flex;align-items:center;gap:10px;padding:18px;cursor:pointer;list-style:none;font-size:var(--osmo-text-compact);font-weight:600;color:var(--text);user-select:none}.project-section>summary::-webkit-details-marker{display:none}.project-section>summary:focus-visible{outline:1px solid var(--ring,#777);outline-offset:-3px}.project-controls{padding:0 18px 18px}.project-controls .studio-control{margin:4px 0}.project-controls>p{font-size:var(--osmo-text-xs)}.project-section .resources-panel{padding-top:0}.resources-panel h2{margin:0 0 16px;font-size:var(--osmo-text-compact);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:var(--osmo-text-xs)}.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:var(--osmo-text-display-sm)}.resource-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:var(--osmo-text-xs)}.resource-type{margin-top:3px;color:#888;font-size:var(--osmo-text-3xs)}.resource-help,.resources-empty{color:#777;font-size:var(--osmo-text-2xs);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:var(--osmo-text-xs);cursor:pointer}.resources-error{color:#db9f86;font-size:var(--osmo-text-2xs);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:#ff4b0017;border-radius:4px}.resource-drop-overlay svg{position:absolute;inset:0;width:100%;height:100%}.resource-drop-overlay polygon{fill:#ff4b0017;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:var(--osmo-text-2xs);box-shadow:0 2px 10px #00000054}.resource-drop-label[data-invalid=true]{color:#efb8a4}.scene-breadcrumbs{display:flex;align-items:center;gap:4px;color:#777;font-size:var(--osmo-text-xs);min-width:0;overflow:hidden}.scene-breadcrumbs button{background:none;border:0;color:#999;height:28px;padding:0 8px;border-radius:6px;cursor:pointer;font:inherit;min-width:0;white-space:nowrap}.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:var(--osmo-text-3xs);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:var(--osmo-text-xl)}.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}.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;display:flex;flex-direction:column;height:100%;min-height:0;outline:none}.track-key{touch-action:none}.track-key.key-selected{color:#fff;box-shadow:none;z-index:4}.track-key:is(:hover,:active,:focus-visible){color:#fff}.track-key:focus-visible{outline:none;background:transparent;box-shadow:none}.keyframe-marquee{position:fixed;pointer-events:none;z-index:80;border:1px solid var(--accent);background:#ff51001a}.keyframe-status{position:absolute;bottom:6px;right:12px;pointer-events:none;z-index:8;background:#181818e8;border-radius:4px;color:#bbb;font-size:var(--osmo-text-2xs);padding:4px 7px}.keyframe-menu-label{font-size:var(--osmo-text-3xs);color:var(--muted);padding:5px 8px}.keyframe-dialog-backdrop{position:fixed;inset:0;z-index:100;background:#00000054;display:grid;place-items:center}.keyframe-dialog{width:300px;background:#202020;border:1px solid #444;border-radius:8px;padding:18px;color:#ddd;font-size:var(--osmo-text-xs)}.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:var(--osmo-text-2xs);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;transform:scale(.8);transform-origin:center;transition:opacity .14s cubic-bezier(.2,0,0,1),transform .14s cubic-bezier(.2,0,0,1);width:17px;height:17px;flex:none;padding:3px;border:1px solid currentColor;border-radius:4px;color:var(--layer-color);background:#181818;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;transform:scale(1)}.keyframe-easing-button:is(:hover,:focus-visible,:active),.keyframe-easing-segment.selected .keyframe-easing-button{color:#fff;border-color:currentColor}.keyframe-easing-button svg{display:block;width:100%;height:100%}.keyframe-easing-button svg path{stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.track-layer-row:hover .keyframe-easing-button{background:#212121}@container (max-width:24px){.keyframe-easing-button{display:none}}.easing-description{color:#ddd;display:grid;gap:6px;font-size:var(--osmo-text-xs)}.easing-description span{color:#888;font-size:var(--osmo-text-2xs)}.easing-preset-label{display:grid;gap:6px;font-size:var(--osmo-text-2xs);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:var(--osmo-text-3xs)}.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 #00000087}.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:var(--osmo-text-2xs);font-weight:500;font-variant-numeric:tabular-nums}.version-latest{padding:2px 6px;border-radius:4px;background:#ffffff1a;color:var(--text);font-size:var(--osmo-text-4xs)}.version-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--osmo-text-3xs)}.version-status{display:flex;align-items:center;gap:8px;padding:10px;font-size:var(--osmo-text-xs);color:var(--muted)}.version-more{width:100%;margin-top:4px;padding:8px;border-radius:6px;background:transparent;color:var(--muted);font-size:var(--osmo-text-xs)}.version-more:hover{background:var(--hover);color:var(--text)}.version-status .version-more{width:auto;margin:0;padding:0;text-decoration:underline}@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:1.5rem;overflow-wrap:anywhere}.comment-time{display:inline;white-space:nowrap;user-select:none;margin-right:8px}.comment-time .timestamp{margin:0;font-size:var(--osmo-text-xs);line-height:1.25rem}.thread .reply{border:0;padding:0;margin-top:24px}.thread .reply time{display:block;color:gray;font-size:var(--osmo-text-3xs);line-height:.75rem;margin-bottom:4px}.thread .reply p{font-size:var(--osmo-text-xs);line-height:1.125rem;white-space:pre-wrap;overflow-wrap:anywhere}.review-bubble,.review-hover,.message-composer-panel{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,.message-composer-panel{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:var(--osmo-text-3xs);line-height:.75rem;color:#fafafa7f}.review-bubble-heading .button{width:24px;height:24px;padding:4px}.review-bubble-content{padding:0}.review-comment-text{line-height:1.5rem;margin:0}.review-reply{margin-top:8px;padding:8px 0 0;border:0}.review-reply time{display:block;font-size:var(--osmo-text-3xs);line-height:.75rem;color:#fafafa7f;margin-bottom:4px}.review-reply p{font-size:var(--osmo-text-sm);line-height:1.25rem;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:var(--osmo-text-sm);line-height:1.25rem;border-radius:0;box-shadow:none}.review-bubble:not(.is-composing) textarea{font-size:var(--osmo-text-xs);line-height:1rem}.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}.review-hover p{line-height:1.5rem;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:var(--osmo-text-2xs);line-height:1rem}.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 rgb(255 255 255 / 5%);color:var(--text);font-size:var(--osmo-text-2xs);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 rgb(255 255 255 / 20%);border-radius:6px;background:transparent;color:#dedede;font:500 var(--osmo-text-xs)/1.25rem var(--osmo-font-sans);vertical-align:baseline}.message-prefix{top:0;height:24px;display:flex;align-items:center}.review-bubble .message-input textarea{min-height:18px;height:18px;font:400 var(--osmo-text-xs)/1.125rem var(--osmo-font-sans)}.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,.review-canvas[data-moving=true],.review-canvas[data-moving=true] .review-saved-region{cursor:default}.review-time-range.is-point{height:28px;background:#fafafa7f;border:0}.comment-scene-scrubber{position:absolute;inset:0;cursor:default;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:default;touch-action:none}.review-range-editor:not(.is-point):active{cursor:default}.review-time-pins .button.review-pin{transform:translate(-2px);touch-action:none}.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[data-active=true]{transition:none;z-index:21}.review-pin-stack[data-active=true] .review-pin{transition:none}.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:default;touch-action:none}.review-range-editor[data-movable=true]:active{cursor:default}@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 rgb(255 255 255 / 20%);border-radius:5px;color:#dedede;font:500 var(--osmo-text-2xs)/1.125rem var(--osmo-font-sans);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:var(--osmo-text-xs)}.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:1.25rem}.comment-time .button.timestamp{height:20px;padding:0 6px;line-height:1.125rem}.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:#ffffff05}.export-summary div{display:flex;flex-direction:column;gap:5px}.export-summary span{font-size:var(--osmo-text-3xs);color:#999}.export-summary strong{font-size:var(--osmo-text-2xs);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:0}.studio-shell[data-review=true] .canvas-wrap:not(:fullscreen,[data-fullscreen]){height:auto;aspect-ratio:var(--preview-aspect)}.studio-shell[data-review=true] .canvas-wrap:not(:fullscreen,[data-fullscreen],[data-zoomed])>div>: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:var(--osmo-text-base)}.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:var(--osmo-text-sm);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%)}.button.review-range-handle{width:44px;height:44px;top:-10px}.review-range-handle.range-start{left:-44px}.review-range-handle.range-end{right:-44px}.review-range-handle:after{top:14px}}.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:left}@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 #00000087}.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:var(--osmo-text-sm);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:var(--osmo-text-sm);line-height:1.375rem}.comment-time .button.timestamp{font-size:var(--osmo-text-sm);line-height:1.25rem;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:var(--osmo-text-base);line-height:1.5rem}.version-meta,.version-name{font-size:var(--osmo-text-sm);line-height:1.25rem}.version-latest{font-size:var(--osmo-text-xs);line-height:1rem}}.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:#00000087;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:var(--osmo-text-base);line-height:1.5rem;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:var(--osmo-text-base);line-height:1.5rem;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}.studio-control{min-width:0;margin:4px 0}.studio-control .osmo-label{text-transform:capitalize}.property-value>.property-keyframe{top:1px}.editable-property[data-embedded-keyframe]{padding-right:0}.property-value>.property-keyframe{width:28px;height:28px;font-size:inherit}.editable-property{padding-right:0}.editable-property[data-external-keyframe]{padding-right:29px}.studio-base-control{min-width:0}.osmo-section-fields>.editable-property{min-width:0}.osmo-section-fields>.property-wide{grid-column:1 / -1}.osmo-section-fields .studio-control{margin:0}.osmo-section-fields .board-field{margin:0 0 6px}.clip-inspector{-webkit-user-select:none;user-select:none}.clip-inspector input,.clip-inspector textarea,.clip-inspector [contenteditable=true]{-webkit-user-select:text;user-select:text}.mask-controls{display:grid;gap:1px;border-radius:6px;overflow:hidden;background:color-mix(in srgb,var(--osmo-surface, #1f1f1f),white 5%)}.mask-controls>.studio-control{margin:0}.mask-controls>.studio-control>.osmo-cell{border-radius:0}.mask-controls>.studio-control:first-child .osmo-select-value{flex:1}.clip-inspector .inspector-content>fieldset>.osmo-inspector-section:first-of-type{margin-top:16px}.clip-inspector .osmo-inspector-section{position:relative;border-top-color:transparent}.clip-inspector .osmo-inspector-section:before{content:"";position:absolute;top:-1px;left:calc(-1 * var(--inspector-padding-x));right:calc(-1 * var(--inspector-padding-x));height:1px;background:#ffffff0d;pointer-events:none}.clip-inspector .inspector-content h4.inspector-knobs-heading{position:relative;margin-top:16px;padding-top:16px}.clip-inspector .inspector-knobs-heading:before{content:"";position:absolute;top:0;left:calc(-1 * var(--inspector-padding-x));right:calc(-1 * var(--inspector-padding-x));height:1px;background:#ffffff0d;pointer-events:none}.property-link-actions{display:flex;height:100%}.property-link-actions>.osmo-select-trigger{width:28px;max-width:none;min-height:28px;height:28px;flex:0 0 28px;align-self:center;padding:0;border:0;display:flex;align-items:center;justify-content:center;color:#fafafa;background:transparent;border-radius:0 6px 6px 0}.property-link-actions>.osmo-select-trigger:hover,.property-link-actions>.osmo-select-trigger[data-state=open]{color:#fafafa;background:#ffffff0a}.property-link-actions>.osmo-select-trigger>span{display:none}.osmo-dimension-mode>.property-link-actions{margin-right:-8px;border-left:1px solid rgb(255 255 255 / 5%)}.property-link-actions[data-state=at]>.osmo-select-trigger{color:#fafafa;background:color-mix(in srgb,var(--osmo-keyframe-at, var(--osmo-accent)) 8%,transparent)}.property-link-actions[data-state=between]>.osmo-select-trigger{color:#fafafa}@media(prefers-reduced-motion:no-preference){.property-link-actions>.osmo-select-trigger{transition:background-color 75ms cubic-bezier(.42,0,.58,1),color 75ms cubic-bezier(.42,0,.58,1)}}.asset-control{display:flex;flex-direction:column;gap:2px;min-width:0;margin:12px 0 4px}.asset-control-label{color:#909090;font-size:var(--osmo-text-xs);line-height:1rem}.asset-control-drop{display:flex;align-items:center;gap:8px;width:100%;height:40px;min-width:0;padding:8px;text-align:left;background:var(--osmo-surface);border:0;border-radius:6px;color:inherit;cursor:pointer}.asset-control-drop:hover,.asset-control-drop[data-dragging]{background:var(--osmo-hover)}.asset-control-drop button:focus-visible{outline:1px solid var(--osmo-accent);outline-offset:2px}.asset-control-replace:disabled{cursor:default;opacity:.6}.asset-control-preview{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;overflow:hidden;border-radius:4px;background:transparent;font-size:var(--osmo-text-lg)}.asset-control-preview img{width:100%;height:100%;object-fit:contain}.asset-control-file{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.asset-control-file>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--osmo-text-xs)}.asset-control-file small{color:#999;font-size:var(--osmo-text-3xs)}.asset-control-error{color:#ff9a91;font-size:var(--osmo-text-xs);margin:0;overflow-wrap:anywhere}.asset-control-cancel{align-self:flex-start;color:#bbb;background:transparent;border:0;padding:0;font-size:var(--osmo-text-2xs);cursor:pointer}.asset-control-details{display:grid;min-width:0;flex-shrink:0}.asset-control-details>span{grid-area:1 / 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-control-hint{visibility:hidden}.asset-control-drop:not([data-disabled]):is(:hover,:focus-within,[data-dragging]) .asset-control-hint{visibility:visible}.asset-control-drop:not([data-disabled]):is(:hover,:focus-within,[data-dragging]) .asset-control-metadata{visibility:hidden}.asset-control-preview>svg,.asset-control-preview .icon,.asset-control-preview .icon svg{display:block;width:20px;height:20px}.asset-control-drop .asset-control-preview{padding:0;border:0;background:transparent;box-shadow:none}.asset-control-drop button.asset-control-preview{cursor:pointer}.asset-control-drop button.asset-control-preview:hover{background:transparent;box-shadow:none}.asset-control-drop .asset-control-replace{display:flex;align-items:center;flex:1;align-self:stretch;min-width:0;text-align:left;padding:0;cursor:pointer}.asset-preview-popover{z-index:150;width:min(360px,calc(100vw - 24px));max-height:var(--radix-popover-content-available-height);overflow:auto;background:#202020;border-radius:16px;padding:8px;box-shadow:0 8px 36px #00000087,0 0 0 1px #ffffff12}.asset-preview-popover header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.asset-preview-popover header>span{font-size:var(--osmo-text-sm);min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-preview-popover .asset-preview-close{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:6px;cursor:pointer}.asset-preview-popover .asset-preview-close:hover{background:#ffffff12}.asset-preview-close svg{width:16px;height:16px}.asset-preview-image{display:grid;place-items:center;min-height:160px;height:280px;padding:16px;border-radius:8px;overflow:hidden;background-color:#888;background-image:conic-gradient(#777 25%,transparent 0 50%,#777 0 75%,transparent 0);background-size:16px 16px}.asset-preview-image img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.asset-preview-popover video{display:block;width:100%;max-height:280px;aspect-ratio:16 / 9;border-radius:6px;background:#101010}.asset-preview-audio{display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:24px}.asset-preview-audio>.icon svg{width:48px;height:48px;color:#aaa}.asset-preview-audio audio{display:block;width:100%;color-scheme:dark}.asset-preview-metadata{margin:12px 0 0;color:#999;font-size:var(--osmo-text-2xs);overflow-wrap:anywhere}.asset-preview-message{padding:36px 12px;margin:0;color:#aaa;text-align:center}.review-bubble-form.has-attachments .attachment-picker{width:28px;height:28px;padding:6px;border-radius:8px;background:transparent;color:#fafafa7f;align-self:flex-start;flex:none}.inspector-knob-group{margin:16px 0}.inspector-knob-group>h5{margin:0 0 8px;font-size:var(--osmo-text-2xs);font-weight:500;line-height:1rem;color:var(--muted)}.project-knob-group{margin:0;padding:12px 0;border-top:1px solid var(--border)}.project-controls>.project-knob-group{margin:0 -18px;padding:12px 18px}.project-knob-group>summary{display:flex;align-items:center;gap:10px;list-style:none;padding:8px 0;font-size:var(--osmo-text-xs);font-weight:500;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.project-knob-group .project-knob-group{margin-left:12px}.project-knob-group>summary::-webkit-details-marker{display:none}[data-parent-highlight=true]{outline:1px solid var(--accent);outline-offset:-1px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--accent)}.project-controls:has(>.project-knob-group:last-child){padding-bottom:0}.project-controls>.project-knob-group:first-child{border-top:1px solid var(--border);padding-top:0}.clip-inspector .inspector-content>fieldset>h4:first-child{margin:0 0 8px}.clip-inspector .inspector-content h4.inspector-knobs-heading{margin-top:12px;padding-top:12px;margin-bottom:8px}.review-bubble-form.has-attachments .attachment-picker:hover{background:#2a2a2a;color:#fafafa}.review-bubble-form.has-attachments .review-bubble-actions .button{border-radius:50%;background:#f94305}.review-bubble-form.has-attachments .review-bubble-actions .button:hover{background:#ff571f}.review-bubble-form.has-attachments .review-bubble-actions .button:disabled{opacity:.4}.review-bubble.is-composing:has(.is-expanded){padding:12px 12px 12px 16px}.is-composing .has-attachments:not(.is-expanded) .attachment-picker{display:none}.is-composing .has-attachments.is-expanded .message-input,.message-composer-panel.is-expanded .message-input{flex-basis:100%;order:0}.is-composing .has-attachments.is-expanded .attachment-picker,.message-composer-panel.is-expanded .attachment-picker{order:2}.is-composing .has-attachments.is-expanded .review-bubble-actions,.message-composer-panel.is-expanded .review-bubble-actions{order:3;margin-left:auto}.attachment-chips{display:flex;gap:4px;flex-wrap:wrap;flex-basis:100%;min-width:0;order:1}.attachment-chip{display:flex;align-items:center;gap:6px;height:28px;box-sizing:border-box;min-width:0;max-width:100%;padding:3px 3px 3px 6px;border-radius:6px;background:#2a2a2a;font-size:var(--osmo-text-2xs)}.attachment-chip>.attachment-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.attachment-preview{display:flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;overflow:hidden;border-radius:3px;background:#1c1c1c}.attachment-preview img{display:block;width:100%;height:100%;object-fit:contain}.attachment-preview .icon{width:16px;height:16px}.attachment-chip button{width:22px;height:22px;flex:none;background:transparent;border:0;color:inherit;cursor:pointer}.saved-attachments{display:flex;flex-direction:column;gap:4px;min-width:0;margin-top:8px}.saved-attachment{display:flex;align-items:center;gap:6px;width:100%;height:28px;min-width:0;padding:0 6px;background:transparent;border:0;border-radius:6px;color:inherit;font-size:var(--osmo-text-xs);text-align:left;cursor:pointer}.saved-attachment:hover{background:#2a2a2a}.saved-attachment>.icon{width:16px;height:16px;flex:none}.saved-attachment>.attachment-filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-bubble .message-input{min-height:24px;overflow:visible}.project-home{height:28px;border-radius:6px;border:0;padding:0 8px;background:none;color:inherit;font:inherit;cursor:pointer;text-align:left}.project-home:hover{color:var(--text)}.topbar .project-home:focus,.topbar .scene-breadcrumbs button:focus{outline:none;box-shadow:none}.topbar .project-home:focus-visible,.topbar .scene-breadcrumbs button:focus-visible{background:#ffffff0a}.scene-breadcrumbs>span{display:flex;align-items:center;gap:4px;min-width:0}.scene-breadcrumb-separator{flex:none}.project-title+.scene-breadcrumbs{margin-left:-12px}@media(max-width:800px){.project-title+.scene-breadcrumbs{margin-left:-6px}}.review-bubble .message-input textarea{padding:2px 0;box-sizing:border-box}.attachment-chip{padding:0 3px 0 0}.attachment-preview{flex:0 0 28px;width:28px;height:28px;border-radius:4px}.saved-attachment{padding:0 6px 0 0}.saved-attachment>.attachment-preview{flex:0 0 28px}.saved-attachment>.attachment-filename{flex:1}.attachment-preview,.saved-attachment>.attachment-preview{width:24px;height:24px;flex:0 0 24px;margin:2px 0 2px 2px;background:transparent}.attachment-preview img,.attachment-preview video{display:block;width:100%;height:100%;object-fit:contain}.attachment-preview.is-fallback{background:none}.attachment-preview.is-fallback .icon{width:14px;height:14px;flex:0 0 14px}.thread>.saved-attachments{margin-left:16px;margin-right:16px}.saved-attachment>.icon{width:14px;height:14px;flex:0 0 14px}.attachment-chips{align-items:flex-start;width:100%}.attachment-chip{font-size:var(--osmo-text-xs);gap:6px}.is-composing .review-bubble-form{align-items:flex-start}.is-composing .message-input{margin-top:2px}@media(max-width:720px),(pointer:coarse){.is-composing .message-input{margin-top:10px}}.review-bubble.is-composing{overflow:hidden}@media(prefers-reduced-motion:no-preference){.is-composing .is-expanded .attachment-picker{animation:composer-actions-in .18s cubic-bezier(.22,1,.36,1)}}@keyframes composer-actions-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.review-bubble{outline:0;box-shadow:0 0 0 1px var(--review-stroke),0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a}.review-bubble:has(.is-file-drop){box-shadow:0 0 0 3px var(--review-stroke),0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a}.reply-form{box-shadow:0 0 0 0 var(--review-stroke)}.reply-form.is-file-drop{box-shadow:0 0 0 3px var(--review-stroke)}@media(prefers-reduced-motion:no-preference){.review-bubble,.reply-form{transition:box-shadow .12s cubic-bezier(.22,1,.36,1)}}.is-file-drop .message-prefix,.is-file-drop .review-bubble-actions{opacity:.8}@media(prefers-reduced-motion:no-preference){.message-prefix,.review-bubble-actions{transition:opacity .12s cubic-bezier(.22,1,.36,1)}}.attachment-chip .attachment-open,.saved-attachment .attachment-open{display:flex;align-items:center;gap:6px;flex:1;min-width:0;width:auto;height:28px;padding:0;background:transparent;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.attachment-open .attachment-filename{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-attachment .attachment-download{display:flex;align-items:center;justify-content:center;flex:none;width:22px;height:24px;padding:4px;border:0;background:transparent;color:inherit;cursor:pointer}.attachment-download .icon{width:14px;height:14px}.track-timeline .clip-trim{width:24px;z-index:3;right:-24px}.track-timeline .clip-trim-start{left:-24px;right:auto}.clip-trim:after{content:"";position:absolute;width:2px;height:16px;left:5px;top:50%;border-radius:2px;background:#fafafa;opacity:0;transform:translateY(-50%) scale(1);transform-origin:center;transition:transform .14s cubic-bezier(.2,0,0,1),opacity .14s cubic-bezier(.2,0,0,1)}.clip-trim-start:after{left:auto;right:5px}.editable-clip.selected>.clip-trim:after,.editable-clip:hover>.clip-trim:after{opacity:1}.clip-trim:hover:after,.clip-trim:focus-visible:after,.clip-trim:active:after{opacity:1;transform:translateY(-50%) scale(2,1.5)}.clip-envelope{position:absolute;inset:0;pointer-events:none}.clip-envelope>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;clip-path:inset(-.5px 0);pointer-events:none;z-index:4}.clip-envelope>svg path{fill:none;vector-effect:non-scaling-stroke}.clip-envelope-curve{stroke:#fff2b3;stroke-width:1px;vector-effect:non-scaling-stroke;opacity:1;pointer-events:none}.clip-envelope .clip-envelope-value{stroke:transparent;stroke-width:12px;pointer-events:stroke;cursor:ns-resize;touch-action:none;outline:none}.clip-envelope svg:has(.clip-envelope-value:hover) .clip-envelope-curve,.clip-envelope svg:has(.clip-envelope-value:focus-visible) .clip-envelope-curve{stroke:#fff;opacity:1}.clip-envelope-handle{position:absolute;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:auto;cursor:ew-resize;touch-action:none;z-index:5;outline:none}.clip-envelope-handle{display:grid;place-items:center;padding:0;border:0;background:transparent;color:#fff;cursor:move}.clip-envelope-handle>svg{display:block;width:12px;height:12px;pointer-events:none}.clip-envelope-handle:is(:hover,:active,:focus-visible,.key-selected){color:#fff;background:transparent;box-shadow:none}.clip-envelope:not([data-revealed=true]):not(:focus-within) .clip-envelope-handle>svg{opacity:0}.clip-envelope:not([data-modified=true]):not([data-revealed=true])>svg .clip-envelope-curve{visibility:hidden}.clip-opacity-insert{stroke:transparent;stroke-width:12px;pointer-events:stroke;cursor:default}@media(prefers-reduced-motion:reduce){.clip-trim:after{transition:none}}.button.shortcut-help-button{width:28px;height:28px;flex:0 0 28px;padding:0;border:0;border-radius:6px}.shortcut-help{max-width:580px;width:calc(100vw - 48px);padding:24px;border:0;border-radius:12px;background:var(--osmo-popover,#121212);color:var(--text)}.shortcut-help::backdrop{background:#00000087}.shortcut-help header{display:flex;justify-content:space-between;align-items:center}.shortcut-help h2{font-size:var(--osmo-text-compact);margin:0}.shortcut-help header .button{width:32px;height:32px;flex:0 0 32px;padding:0;border:0}.shortcut-help dl>div{display:grid;grid-template-columns:216px 1fr;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid rgb(255 255 255 / 8%)}.shortcut-help dt,.shortcut-help dd{margin:0;font-size:var(--osmo-text-xs)}.shortcut-help p{font-size:var(--osmo-text-xs);color:var(--muted);line-height:1.5}.shortcut-keys{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:var(--hover);color:var(--text);font:var(--osmo-text-2xs)/1 var(--osmo-font-sans)}@media(max-width:600px){.shortcut-help dl>div{grid-template-columns:1fr;gap:8px}}.track-timeline .editable-clip{overflow:visible}.shortcut-help[open]{display:flex;flex-direction:column;max-height:min(900px,calc(100dvh - 48px));animation:shortcut-help-enter .16s cubic-bezier(.2,0,0,1)}.shortcut-help[open]::backdrop{animation:shortcut-backdrop-enter .16s ease-out}.shortcut-help header,.shortcut-help p{flex-shrink:0}.shortcut-help dl{overflow-y:auto;min-height:0}@keyframes shortcut-help-enter{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shortcut-backdrop-enter{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.shortcut-help[open],.shortcut-help[open]::backdrop{animation:none}}.clip-envelope-bottom{position:absolute;top:100%;width:20px;height:20px;padding:0;border:0;background:transparent;display:grid;place-items:center;transform:translate(-50%,-50%);color:#fff;pointer-events:auto;cursor:default;z-index:5}.clip-envelope-bottom>svg{display:block;width:12px;height:12px}.clip-opacity-insert[data-flat=true]{cursor:ns-resize;touch-action:none;outline:none}.clip-envelope-bottom:is(:hover,:active,:focus-visible,.key-selected){color:#fff;background:transparent}.clip-envelope-bottom:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){.keyframe-easing-button{transition:none;transform:none}}.track-key>svg,.clip-envelope-handle>svg,.clip-envelope-bottom>svg{transform:scale(.6666666667);transform-origin:center;transition:transform .14s cubic-bezier(.2,0,0,1)}.track-key:hover>svg,.clip-envelope-handle:hover>svg,.clip-envelope-bottom:hover>svg,.track-key.key-selected>svg,.clip-envelope-handle.key-selected>svg,.clip-envelope-bottom.key-selected>svg{transform:scale(1.1666666667)}.clip-envelope-handle:focus,.clip-envelope-handle:focus-visible,.clip-envelope-bottom:focus,.clip-envelope-bottom:focus-visible{outline:none;box-shadow:none}@media(prefers-reduced-motion:reduce){.track-key>svg,.clip-envelope-handle>svg,.clip-envelope-bottom>svg{transition:none}}.track-key,.clip-envelope-handle{cursor:default}.clip-inspector .osmo-keyframe-button[data-state=between] rect{fill:#fff;stroke:none}.clip-inspector .osmo-keyframe-button[data-state=at] rect{fill:#f94305;stroke:none}.track-key-line{opacity:1}.clip-envelope-curve{opacity:1;stroke-opacity:.4;transition:stroke-opacity .14s cubic-bezier(.2,0,0,1);shape-rendering:geometricPrecision}.track-layer-row:hover .track-key-line,.track-layer-row:has(.track-key:focus-visible) .track-key-line{opacity:1}.editable-clip:hover .clip-envelope-curve,.editable-layer:hover .clip-envelope-curve,.clip-envelope:has(:focus-visible) .clip-envelope-curve{stroke-opacity:1}@media(prefers-reduced-motion:reduce){.track-key-line,.clip-envelope-curve{transition:none}}.track-key>svg{transform:scale(1)}.track-key:hover>svg,.track-key.key-selected>svg{transform:scale(1.1666666667)}.track-key-line{opacity:1;transition:none}.clip-drag-ghost .clip-envelope-curve{stroke-opacity:1}.clip-preview-key{position:absolute;width:8px;height:8px;display:grid;place-items:center;transform:translate(-50%,-50%);color:#fff2b3;pointer-events:none;z-index:5}.track-timeline .editable-clip,.track-timeline .clip-drag-ghost,.track-layer-bar.editable-layer{border-radius:4px}.clip-details-toggle:focus,.clip-details-toggle:focus-visible{outline:none;box-shadow:none}.clip-details-toggle:hover,.clip-details-toggle:focus-visible{color:#fff;background:#ffffff14}.track-ruler-keyframes{position:absolute;inset:0;color:#fff;opacity:.2;pointer-events:none}.track-ruler-keyframe{position:absolute;bottom:2px;width:8px;height:8px;transform:translate(-50%);display:flex}.track-ruler-keyframe svg{width:8px;height:8px;flex:none}.review-canvas[data-comment-gap]{cursor:default}.review-canvas .review-pin.is-active:hover .comment-pin-artwork,.review-canvas[data-dragging-comment=true] .review-pin.is-active .comment-pin-artwork{transform:scale(1.08)}.review-bubble[data-saving-position=true] button:disabled:not([type=submit]),.review-bubble[data-saving-position=true] form[data-can-send=true] button[type=submit]:disabled,.thread[data-saving-position=true] .thread-status:disabled{opacity:1;cursor:default}.button.review-pin:is(:focus,:focus-visible,:active){outline:none;box-shadow:none}.review-time-pins:is(:focus,:focus-visible),.review-canvas:is(:focus,:focus-visible){outline:none;box-shadow:none}.track-layer-row:hover>.track-layer-header>.track-layer-name,.track-layer-row:hover>.track-layer-header>.track-disclosure{color:#fff}.track-layer-header{cursor:pointer}.track-disclosure:focus:not(:focus-visible),.track-toggle:focus:not(:focus-visible){outline:none}.track-layer-rename{flex:1;min-width:0;width:0;height:24px;padding:0 4px;border:1px solid var(--muted);border-radius:4px;background:var(--background);color:var(--text);font:inherit}.track-name:is(button,input),.track-layer-header .track-layer-name,.track-layer-header .track-layer-rename{height:28px;padding:0 8px;border:0;border-radius:6px;font:inherit;line-height:normal}.track-name:is(button,input){margin-left:-3px}.track-layer-header .track-layer-name,.track-layer-header .track-layer-rename{margin-left:-2px}.track-layer-header .track-layer-rename,.track-name.track-name-input,.track-name.track-name-input:focus{height:28px;padding:0 8px;border:0;border-radius:6px;background:#1f1f1f;color:#fafafa;outline:none;box-shadow:none}.track-layer-header .track-layer-rename:focus-visible,.track-name.track-name-input:focus-visible{outline:none;box-shadow:none}.track-disclosure>svg,.clip-details-toggle>svg{width:16px;height:16px;flex:none;transform:rotate(-90deg)}.track-disclosure[aria-expanded=true]>svg,.clip-details-toggle[aria-expanded=true]>svg{transform:rotate(0)}.track-header-disclosure{width:14px;height:24px;padding:0;flex:none;background:transparent;color:inherit}.track-header-disclosure:hover:not(:disabled){color:#fff}.track-timeline .clip-details-toggle{opacity:0;pointer-events:none}.editable-clip:hover .clip-details-toggle,.editable-clip:has(:focus-visible) .clip-details-toggle{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:no-preference){.track-disclosure>svg,.clip-details-toggle>svg{transition:transform .15s ease}.track-timeline .clip-details-toggle{transition:opacity .12s ease}}.track-timeline .editable-clip{padding-right:max(0px,calc((var(--clip-height) - 18px) / 2))}.track-timeline .clip-details-toggle{width:16px;height:16px;color:#fff}.track-toggle{width:24px;height:24px}.track-toggle>svg{width:16px;height:16px;flex:none}.track-timeline .clip-track-label{padding-left:4px;gap:4px}.track-header-disclosure,.track-layer-header .track-disclosure,.track-disclosure-space{width:16px}.track-name:is(button,input){margin-left:0}.track-layer-row.property .track-disclosure-space{display:none}.track-layer-row.property .track-layer-name{padding-left:0;margin-left:0}.clip-track-row:hover,.track-layer-row:hover{background-color:#ffffff0a}.clip-track-row:hover>.clip-track-label,.track-layer-row:hover>.track-layer-header{background-color:#212121}.track-header-disclosure,.track-layer-header .track-disclosure,.track-disclosure-space{width:24px;height:24px;border-radius:6px;flex:none}.track-disclosure:focus-visible{outline:1px solid var(--accent);outline-offset:-1px;border-radius:6px}.track-name:is(button,input),.track-layer-header .track-layer-name,.track-layer-header .track-layer-rename{padding-left:4px}.track-timeline .clip-track-label,.track-layer-header{gap:0}.track-layer-header .track-layer-name,.track-layer-header .track-layer-rename{margin-left:0}.clip-waveform{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;background:transparent;border-radius:inherit;box-shadow:none;pointer-events:none}.editable-clip.type-audio .clip-name{position:relative;z-index:1;text-shadow:0 1px 3px rgb(0 0 0 / 60%)}.track-layer-row.type-audio .track-layer-bar .clip-name{position:relative;z-index:1;flex:1;text-shadow:0 1px 3px rgb(0 0 0 / 60%)}.track-timeline .clip-track-label,.track-layer-header{--row-control-bg:#181818}.clip-track-row:hover>.clip-track-label,.track-layer-row:hover>.track-layer-header{--row-control-bg:#212121}.track-timeline .clip-track-label>.track-name,.track-layer-header>.track-layer-name{text-overflow:clip}:is(.clip-track-label,.track-layer-header)>.track-controls{position:absolute;right:5px;top:50%;transform:translateY(-50%);height:24px;background:var(--row-control-bg);opacity:0}:is(.clip-track-label,.track-layer-header)>.track-controls:before{content:"";position:absolute;right:100%;top:0;width:24px;height:24px;border-radius:0;background:linear-gradient(to right,transparent,var(--row-control-bg));pointer-events:none}.clip-track-row:hover>.clip-track-label>.track-controls,.track-layer-row:hover>.track-layer-header>.track-controls,:is(.clip-track-label,.track-layer-header)>.track-controls:has(:focus-visible,[aria-pressed=true]){opacity:1}.timeline-element-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;flex:none;color:inherit;pointer-events:none}.timeline-element-icon>svg{width:16px;height:16px;flex:none}.clip-track-row:hover>.clip-track-label>.timeline-element-icon,.track-layer-row:hover>.track-layer-header>.timeline-element-icon{color:#fff}.timeline-element-icon,.timeline-element-icon>svg,.track-toggle>svg{width:14px;height:14px}.track-timeline{position:relative}.timeline-column-resize{position:absolute;left:calc(var(--outline-label) - 3px);top:0;bottom:0;width:6px;z-index:20;cursor:col-resize;touch-action:none;outline:none}.timeline-column-resize:after{content:"";position:absolute;left:3px;top:0;bottom:0;width:1px;background:transparent}.timeline-column-resize:hover:after,.timeline-column-resize:focus-visible:after,.timeline-column-resize[data-dragging]:after{background:#ffffff7f}.clip-track-row:hover>.clip-track-label,.clip-track-row:hover>.clip-track-label>.track-name,.clip-track-row:hover>.clip-track-label>.track-disclosure,.track-layer-row:hover>.track-layer-header,.track-layer-row:hover>.track-layer-header>.track-layer-name,.track-layer-row:hover>.track-layer-header>.track-disclosure{color:#fff}.track-timeline .clip-track-label,.track-layer-header{font-size:var(--osmo-text-xs);font-weight:400;letter-spacing:0px}.track-header-disclosure,.track-layer-header .track-disclosure,.track-disclosure-space{width:14px}.track-disclosure>svg,.clip-details-toggle>svg{width:14px;height:14px}.timeline-element-icon{margin-left:4px}.track-timeline .clip-track-label>.track-name,.track-layer-header>.track-layer-name,.track-layer-header>.track-layer-rename{height:28px;margin-left:0;padding:0 8px;font-size:var(--osmo-text-xs);font-weight:400;line-height:normal;letter-spacing:0px}.track-layer-row.property .track-layer-name{padding-left:0}.track-timeline .editable-clip,.track-timeline .clip-drag-ghost,.track-layer-bar{font-size:var(--osmo-text-xs);font-weight:400}.track-layer-row.property{height:24px}.track-layer-row.property>.track-layer-header{min-height:0;height:100%}.track-layer-row.property>.track-layer-header>.track-layer-name{height:100%;min-height:0}.timeline-property-icon{display:flex;align-items:center;justify-content:center;flex:none;width:12px;height:12px;margin-right:8px}.timeline-property-icon>svg{width:12px;height:12px}.track-layer-header>.track-layer-name,.clip-track-label>.track-name{position:relative;z-index:0}:is(.clip-track-label,.track-layer-header)>.track-controls{z-index:1}.track-toggle:focus-visible{outline-offset:-2px;border-radius:6px}.clip-envelope-curve{stroke-linecap:round;stroke-linejoin:round}.timeline-property-icon>svg{width:10px;height:10px}.track-layer-row.property>.track-layer-header>.track-layer-name:focus-visible{outline:1px solid var(--accent);outline-offset:-2px;border-radius:4px;box-shadow:none}.timeline-property-icon{opacity:.5}.track-timeline .clip-track-label>.track-name,.track-layer-header>.track-layer-name{color:#ffffff7f}.clip-track-row:hover>.clip-track-label>.track-name,.track-layer-row:hover>.track-layer-header>.track-layer-name{color:#fff}.modern-timeline-shell,.modern-timeline{--bronze:#547ed4;--teal:#1fad96;--cerulean:#168bc5;--mauve:#a49237;--clip-gray:#df4958;--scene-gray:#cc5a33;--audio-green:#1da05e;--shader-violet:#b333cc}.track-timeline :is(.editable-clip,.clip-drag-ghost),.track-layer-row{--clip-selection:#d4feff}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-composition,.track-layer-row.type-composition{--clip-selection:#ffdab3}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-text,.track-layer-row.type-text{--clip-selection:#ffc9d8}.track-timeline :is(.editable-clip,.clip-drag-ghost):is(.type-rect,.type-path),.track-layer-row:is(.type-rect,.type-path){--clip-selection:#9fffff}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-image,.track-layer-row.type-image{--clip-selection:#ffffb7}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-video,.track-layer-row.type-video{--clip-selection:#96ffff}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-audio,.track-layer-row.type-audio{--clip-selection:#d6ffe5}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-shader,.track-layer-row.type-shader{--clip-selection:#ffb3ff}.track-timeline .editable-clip,.track-timeline .clip-drag-ghost,.track-layer-row:not(.property) .track-layer-bar{border-color:transparent}.track-layer-row:not(.property) .track-layer-bar{background:var(--layer-color)}.track-timeline .editable-clip.selected,.track-layer-row.selected:not(.property) .track-layer-bar{border-color:var(--clip-selection)}.clip-envelope .clip-envelope-curve,.clip-envelope svg:has(.clip-envelope-value:hover) .clip-envelope-curve,.clip-envelope svg:has(.clip-envelope-value:focus-visible) .clip-envelope-curve{stroke:#fff;stroke-opacity:.4}.track-timeline .editable-clip.selected .clip-envelope .clip-envelope-curve,.track-timeline .track-layer-row.selected .clip-envelope .clip-envelope-curve,.track-timeline .clip-envelope:has(.key-selected) .clip-envelope-curve{stroke-opacity:1}.track-timeline>.track-scroll{overscroll-behavior-x:none}.track-timeline[data-zoom="1"]>.track-scroll{overflow-x:hidden}.project-knob-group>summary,.project-section>summary{border-radius:6px}.project-knob-group>summary:focus-visible,.project-section>summary:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.project-disclosure-icon{margin-left:auto;flex:none;transform:rotate(-90deg)}details[open]>summary>.project-disclosure-icon{transform:rotate(0)}@media(prefers-reduced-motion:no-preference){.project-disclosure-icon{transition:transform 75ms cubic-bezier(.42,0,.58,1)}}@supports (interpolate-size: allow-keywords){@media(prefers-reduced-motion:no-preference){.project-panel details::details-content{interpolate-size:allow-keywords;height:0;overflow:clip;transition:height .15s cubic-bezier(.42,0,.58,1),content-visibility .15s allow-discrete}.project-panel details[open]::details-content{height:auto;overflow-clip-margin:4px}.project-panel .project-disclosure-icon{transition-duration:.15s}}}.asset-control-drop{box-shadow:0 0 0 0 var(--osmo-accent)}.asset-control-drop[data-dragging]:not([data-disabled]){box-shadow:0 0 0 3px var(--osmo-accent)}@media(prefers-reduced-motion:no-preference){.asset-control-drop{transition:box-shadow .12s cubic-bezier(.22,1,.36,1)}}.asset-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.asset-preview-footer .asset-preview-metadata{margin:0;min-width:0}.asset-preview-replace{flex:none;height:28px;padding:0 10px;border-radius:6px;background:#303030;color:#fafafa;cursor:pointer}.asset-preview-replace:hover:not(:disabled){background:#3a3a3a}.asset-control-drop button.asset-control-preview{overflow:visible}.asset-control-drop button.asset-control-preview>*{transform-origin:center}.asset-control-drop button.asset-control-preview>img{border-radius:inherit}.asset-control-drop button.asset-control-preview:hover>*{transform:scale(1.1666667)}@media(prefers-reduced-motion:no-preference){.asset-control-drop button.asset-control-preview>*{transition:transform .12s cubic-bezier(.22,1,.36,1)}}.attachment-preview-text{max-height:280px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#181818;border-radius:6px;font:var(--osmo-text-2xs)/1.5 monospace}.attachment-preview-document{display:block;width:100%;height:280px;border:0;border-radius:6px}[data-lock-owner=true] svg{transform-origin:center}.osmo-segmented>label:has([data-unavailable=true]){color:#ffffff3d}.timeline-media-import{position:relative}.timeline-import-ghost,.timeline-import-line{--review-stroke: var(--accent);position:absolute;height:28px;pointer-events:none;z-index:20;transition:height .18s cubic-bezier(.22,1,.36,1)}.timeline-import-line{height:2px;transform:translateY(-1px)}.timeline-import-ghost .review-selection-outline rect,.timeline-import-line .review-selection-outline rect{width:calc(100% - 2px);height:calc(100% - 2px);stroke-width:2px}.timeline-import-ghost .review-selection-outline line,.timeline-import-line .review-selection-outline line{fill:none;stroke:var(--review-stroke);stroke-width:2px;stroke-dasharray:4 8;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:opacity .18s}.timeline-import-ghost .review-selection-outline line{opacity:0}.timeline-import-line .review-selection-outline line{opacity:1}.timeline-import-ghost .review-selection-outline rect,.timeline-import-line .review-selection-outline rect{transition:opacity .18s}.timeline-import-line .review-selection-outline rect{opacity:0}@media(prefers-reduced-motion:reduce){.timeline-import-ghost,.timeline-import-line,.timeline-import-ghost .review-selection-outline *,.timeline-import-line .review-selection-outline *{transition:none}}.timeline-import-progress{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:12px;padding:8px 12px;background:#222;border:1px solid rgb(255 255 255 / 8%);border-radius:8px;z-index:21;font-size:var(--osmo-text-xs)}.timeline-import-progress{align-items:center;padding:8px 8px 8px 12px;border-radius:14px}.timeline-import-cancel.button{height:28px;padding:0 10px;border:0;border-radius:6px;background:#fafafa;color:#141414}.timeline-import-cancel.button:hover{background:#e6e6e6}.timeline-import-ghost.is-importing{overflow:hidden;border-radius:4px;background:var(--mauve);border:1px solid transparent;padding:0 8px;display:flex;align-items:center;color:#fff;font-size:var(--osmo-text-2xs);animation:timeline-import-breathe 1.6s ease-in-out infinite}.timeline-import-ghost.is-importing.type-video{background:var(--cerulean)}.timeline-import-ghost.is-importing.type-audio{background:var(--audio-green)}.timeline-import-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@keyframes timeline-import-breathe{0%,to{opacity:1}50%{opacity:.45}}.timeline-import-progress{padding:0;display:block;overflow:hidden;width:280px;max-width:calc(100% - 24px)}.timeline-import-toast-content{width:100%;justify-content:space-between;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 12px;white-space:nowrap}@media(prefers-reduced-motion:reduce){.timeline-import-ghost.is-importing{animation:none}.timeline-import-progress{transition:none}}.review-project{display:inline-flex;align-items:stretch}.review-project-link{text-decoration:none}.button.review-project-link:has(+.review-project-more){padding-right:12px;border-radius:6px 0 0 6px}.button.review-project-more{min-width:0;padding:0 5px;border-radius:0 6px 6px 0;border-left:1px solid rgb(255 255 255 / 28%)}.review-project-more .icon,.review-project-more .icon svg{width:16px;height:16px}.review-project-more[data-state=open]{background:#df3b04}.remix-popover{width:390px;max-width:calc(100vw - 24px);max-height:var(--radix-popover-content-available-height);overflow:auto;z-index:60;border:1px solid var(--border);border-radius:16px;background:#202020;color:var(--text);box-shadow:0 20px 60px #0006}.remix-content{position:relative;padding:28px 24px 24px}.remix-close{position:absolute;top:8px;right:8px}.remix-agents{display:flex;align-items:center;gap:12px;padding:8px 0 0}.remix-agents img{display:block;width:40px;height:40px;object-fit:contain;border-radius:10px}.remix-description{margin:20px 0;font-size:var(--osmo-text-xl);font-weight:500;line-height:1.4;letter-spacing:-.3px}.remix-prompt-box{padding:14px;border:1px solid var(--border);border-radius:12px;background:#171717}.remix-prompt-box textarea{display:block;width:100%;height:170px;resize:none;border:0;border-radius:4px;padding:0;background:transparent;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--osmo-text-compact);line-height:1.6}.remix-prompt-box textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.remix-copy{margin-top:14px;width:100%;justify-content:center}.remix-copy-status:empty{display:none}.remix-copy-status{display:block;margin-top:10px;font-size:var(--osmo-text-xs);color:var(--muted)}.remix-modal{width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border-radius:16px}.mobile-review-actions{display:none}@media(max-width:720px){.mobile-review-actions{display:flex;align-items:center;gap:8px;grid-column:3;grid-row:1;justify-self:end}.mobile-review-actions .button{min-height:44px}.mobile-review-actions .mobile-review-menu{grid-column:auto;grid-row:auto}.remix-content{padding:28px 20px 20px}}.remix-popover{transform-origin:var(--radix-popover-content-transform-origin);--remix-enter-x:0px;--remix-enter-y:-6px}.remix-popover[data-side=top]{--remix-enter-y:6px}.remix-popover[data-side=left]{--remix-enter-x:6px;--remix-enter-y:0px}.remix-popover[data-side=right]{--remix-enter-x:-6px;--remix-enter-y:0px}@keyframes remix-pop-in{0%{opacity:0;transform:translate(var(--remix-enter-x),var(--remix-enter-y)) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes remix-pop-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--remix-enter-x),var(--remix-enter-y)) scale(.98)}}@media(prefers-reduced-motion:no-preference){.remix-popover[data-state=open]{animation:remix-pop-in .18s cubic-bezier(.22,1,.36,1)}.remix-popover[data-state=closed]{animation:remix-pop-out .1s ease-in;pointer-events:none}.remix-modal[open]{animation:shortcut-help-enter .18s cubic-bezier(.22,1,.36,1)}.remix-modal[open]::backdrop{animation:shortcut-backdrop-enter .18s ease-out}}.review-bubble:not(.is-composing) .message-input textarea{line-height:1rem}.review-bubble .message-input textarea{scrollbar-width:none}.review-bubble .message-input textarea::-webkit-scrollbar{display:none}.review-bubble-form{align-items:flex-start}.review-canvas .review-pin:not(.is-active):not(:hover) .comment-pin-artwork{transform:scale(calc(16 / 52))}.review-canvas .review-pin .comment-pin-artwork>img{transition:opacity .18s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.review-canvas .review-pin .comment-pin-artwork>img{transition:none}}.review-canvas{z-index:auto}.review-canvas .button.review-pin.is-active{z-index:81}.review-hover{z-index:82}.review-canvas .button.review-pin.is-hovered:not(.is-active){z-index:83}.review-canvas .review-pin[data-creating=true]{cursor:none}.review-bubble:not(.is-composing) .message-input{padding-top:4px}.review-bubble:not(.is-composing) .review-bubble-actions{align-self:flex-end}@media(max-width:720px),(pointer:coarse){.review-bubble:not(.is-composing) .message-input{padding-top:12px}.review-bubble-heading{position:relative;height:24px;padding-right:34px;margin-bottom:4px}.review-bubble .review-bubble-heading .button{position:absolute;top:0;right:0;width:24px;height:24px;min-width:24px;min-height:24px}.review-bubble-heading .button:before{content:"";position:absolute;inset:-10px}}.review-bubble:not([hidden]){display:flex;flex-direction:column;overflow:hidden}.review-bubble-heading,.review-bubble-form{flex-shrink:0}.review-bubble-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / 20%) transparent}.review-bubble[data-scrollable]:not(.is-composing) .review-bubble-form{margin-top:0;border-top:1px solid rgb(255 255 255 / 10%);padding-top:11px}.workspace{--sidebar-width:300px;position:relative}.sidebar-content{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden;transition:opacity .12s ease-in-out}.workspace[data-panel-hidden] .sidebar-content{opacity:0;pointer-events:none}.sidebar-toggle{position:relative;flex-shrink:0}.sidebar-shortcut-ring{position:absolute;inset:-3px;border:1px solid var(--accent);border-radius:9px;pointer-events:none;animation:sidebar-shortcut-ring .6s ease-out both}@keyframes sidebar-shortcut-ring{0%,60%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.sidebar-shortcut-ring{animation-timing-function:steps(1,end)}}.sidebar-toggle .sidebar-toggle-hover{display:none}.sidebar-toggle:is(:hover,:focus-visible) .sidebar-toggle-static{display:none}.sidebar-toggle:is(:hover,:focus-visible) .sidebar-toggle-hover{display:block}@media(min-width:721px){.workspace{grid-template-columns:minmax(0,1fr) var(--sidebar-width);transition:grid-template-columns .18s cubic-bezier(.22,1,.36,1)}.studio-sidebar{position:relative;padding-top:var(--header-height,56px);border-left:0}.studio-sidebar:after{content:"";position:absolute;inset:0;z-index:6;box-shadow:inset 1px 0 var(--border);pointer-events:none}.studio-sidebar:before{content:"";position:absolute;top:0;left:0;width:100%;height:var(--header-height,56px);border-bottom:1px solid var(--border);pointer-events:none}.sidebar-actions{position:absolute;right:0;top:0;width:var(--sidebar-width);height:var(--header-height,56px);z-index:5;background:transparent;border-left:1px solid transparent;border-bottom-color:transparent}.sidebar-content>*{min-width:calc(var(--sidebar-width) - 1px)}.workspace[data-panel-hidden]{grid-template-columns:minmax(0,1fr) 0px}.workspace[data-panel-hidden] .sidebar-actions{width:max-content;padding-left:10px;border-left:0;background:transparent;border-color:transparent}.workspace .editor>.topbar{padding-right:12px;transition:padding-right .18s cubic-bezier(.22,1,.36,1)}.workspace[data-panel-hidden] .editor>.topbar{padding-right:var(--sidebar-actions-width, var(--sidebar-width))}}@media(min-width:721px)and (max-width:1100px){.workspace{--sidebar-width:270px}}@media(max-width:720px){.workspace[data-panel-hidden] .sidebar-content{display:none}.workspace[data-panel-hidden] .studio-sidebar{min-height:0}}@media(prefers-reduced-motion:reduce){.workspace,.sidebar-content,.workspace .editor>.topbar{transition:none}}:is(.studio-sidebar,.review-comment-scroll) .osmo-scroll-area-scrollbar{z-index:10;padding:2px;border:0;background:transparent}:is(.studio-sidebar,.review-comment-scroll) .osmo-scroll-area-scrollbar[data-orientation=vertical]{top:2px!important;bottom:10px!important;right:2px!important;width:8px;height:auto}:is(.studio-sidebar,.review-comment-scroll) .osmo-scroll-area-scrollbar[data-orientation=horizontal]{left:2px!important;right:10px!important;bottom:2px!important;height:8px}:is(.studio-sidebar,.review-comment-scroll) .osmo-scroll-area-scrollbar[data-orientation=vertical]{right:2px!important;bottom:2px!important}.canvas-options-menu{min-width:180px}.canvas-options-menu .context-menu-item{padding-left:30px}.canvas-options-menu .menu-check{position:absolute;left:8px;margin-left:0}.canvas-scroll-area{width:100%;height:100%;min-width:0;min-height:0}.canvas-scroll-area .canvas-wrap{display:block}.canvas-scroll-area .canvas-wrap::-webkit-scrollbar{display:none}.canvas-scroll-area .canvas-wrap>div{display:flex!important;width:100%;height:100%;align-items:center;justify-content:center}.canvas-scroll-area .canvas-wrap[data-zoomed]:not(:fullscreen,[data-fullscreen])>div{min-width:var(--canvas-width)!important;min-height:var(--canvas-height)}.canvas-scroll-area .osmo-scroll-area-scrollbar{z-index:10;padding:2px;border:0;background:transparent}.canvas-scroll-area .osmo-scroll-area-scrollbar[data-orientation=vertical]{top:2px!important;bottom:10px!important;right:2px!important;width:8px;height:auto}.canvas-scroll-area .osmo-scroll-area-scrollbar[data-orientation=horizontal]{left:2px!important;right:10px!important;bottom:2px!important;height:8px}.canvas-scroll-area .osmo-scroll-area-thumb{background:#5a5a5abf}.canvas-scroll-area .osmo-scroll-area-scrollbar:hover .osmo-scroll-area-thumb{background:#888}.canvas-scroll-area .osmo-scroll-area-scrollbar:active .osmo-scroll-area-thumb{background:#fff}.studio-shell[data-mode=interactive] .editor{--transport-height:60px}.studio-shell[data-mode=interactive] .transport{height:60px;padding-top:4px}.studio-shell[data-mode=interactive] .mode-switch{top:calc(50% - 6px)}.canvas-alignment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.canvas-alignment-group{display:flex;min-width:0;margin:0;padding:0;border:0;border-radius:6px;background:var(--osmo-surface)}.canvas-alignment-group button{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:28px;padding:0;border:0;border-radius:0;background:transparent;color:var(--osmo-text);cursor:pointer}.canvas-alignment-group button+button{border-left:1px solid rgb(255 255 255 / 5%)}.canvas-alignment-group button:first-child{border-radius:6px 0 0 6px}.canvas-alignment-group button:last-child{border-radius:0 6px 6px 0}.canvas-alignment-group button:not(:disabled):hover{background:#ffffff14}.canvas-alignment-group button:not(:disabled):active{background:#ffffff1f}.canvas-alignment-group button:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.canvas-alignment-group button:disabled{opacity:.35;cursor:default}.canvas-alignment-group svg{width:16px;height:16px}.canvas-text-editor{position:absolute;transform-origin:0 0;z-index:4;outline:1px solid var(--accent);pointer-events:none}@font-face{font-family:Osmo Canvas Inter;src:url("/src/InterDisplay-Regular-H4SUAKN5.ttf") format("truetype");font-weight:400;font-display:block}@font-face{font-family:Osmo Canvas Inter;src:url("/src/InterDisplay-Medium-HWBE5DYQ.ttf") format("truetype");font-weight:500;font-display:block}@font-face{font-family:Osmo Canvas Inter;src:url("/src/InterDisplay-SemiBold-LUGMSURW.ttf") format("truetype");font-weight:600;font-display:block}@font-face{font-family:Osmo Canvas Inter;src:url("/src/InterDisplay-Bold-MWURHEXQ.ttf") format("truetype");font-weight:700;font-display:block}.canvas-text-editor textarea{position:absolute;display:block;pointer-events:auto;box-sizing:border-box;margin:0;padding:0;min-width:0;min-height:0;border:0;border-radius:0;background:transparent;resize:none;overflow:hidden;outline:none;box-shadow:none;cursor:text;caret-color:var(--accent);user-select:text}.canvas-text-editor textarea:focus-visible{outline:none}.canvas-text-editor textarea::selection{background:#f9430540;color:transparent}.scene-switcher-trigger{display:flex;align-items:center;gap:8px;min-width:0;max-width:280px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--text);font:inherit;cursor:pointer}.scene-switcher-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-switcher-trigger>.icon{flex-shrink:0;width:10px;height:10px;transform:rotate(90deg)}.scene-switcher-trigger:hover,.scene-switcher-trigger[data-state=open]{background:var(--hover)}.scene-switcher-trigger:focus-visible{outline:1px solid var(--accent)}.scene-switcher-trigger:disabled{opacity:.5;cursor:wait}.scene-switcher-popover{z-index:150;width:min(360px,calc(100vw - 24px));max-height:var(--radix-popover-content-available-height);overflow:auto;padding:6px;border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 8px 36px #00000073,0 0 0 1px var(--border);font:13px/1.4 Inter UI,sans-serif}.scene-switcher-popover input{box-sizing:border-box;width:100%;margin:0 0 6px;padding:9px 10px;border:1px solid var(--border);border-radius:6px;background:var(--input);color:var(--text);font:inherit}.scene-switcher-popover input:focus{outline:1px solid var(--accent);outline-offset:-1px}.scene-switcher-list{max-height:min(320px,50vh);overflow:auto}.scene-switcher-list>button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 8px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.scene-switcher-list>button[data-highlighted]{background:var(--hover)}.scene-switcher-list>button:disabled{opacity:.5;cursor:wait}.scene-switcher-check{display:flex;flex:0 0 14px}.scene-switcher-check .icon,.scene-switcher-check svg{width:14px;height:14px}.scene-switcher-path{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.scene-switcher-path>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-switcher-path small{color:var(--muted);font-size:11px}.scene-switcher-status{display:block;padding:8px 10px;margin:0;color:var(--muted)}.scene-switcher-error{color:var(--text);overflow-wrap:anywhere}@media(max-width:600px){.scene-switcher-trigger{max-width:180px}}.editor-loading{position:relative;min-height:100%;background:var(--background)}.editor-loading-content{opacity:1;transition:opacity .18s cubic-bezier(.22,1,.36,1)}.editor-loading[data-phase=loading]>.editor-loading-content,.editor-loading[data-phase=finishing]>.editor-loading-content,.editor-loading[data-phase=leaving]>.editor-loading-content{opacity:0;pointer-events:none}.editor-loading-indicator{position:absolute;inset:0;z-index:100;display:grid;place-items:center;pointer-events:none;opacity:0}.editor-loading-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.editor-loading[data-phase=loading]>.editor-loading-indicator{opacity:1}.editor-loading[data-phase=finishing]>.editor-loading-indicator{transition:opacity .18s ease-out}@media(prefers-reduced-motion:no-preference){.editor-loading[data-phase=entering]>.editor-loading-content:has(.studio-shell){transition:none}.editor-loading[data-phase=entering] :is(.topbar,.studio-aside-header,.sidebar-actions,.preview-area,.studio-aside,.transport,.timeline-panel),.editor-loading[data-phase=entering] .workspace:not([data-panel-hidden]) .sidebar-content{animation:editor-section-reveal .18s cubic-bezier(.22,1,.36,1) var(--editor-reveal-delay,0ms) both}.editor-loading :is(.preview-area,.studio-aside,.sidebar-content){--editor-reveal-delay:70ms}.editor-loading .transport{--editor-reveal-delay:.14s}.editor-loading .timeline-panel{--editor-reveal-delay:.21s}}@keyframes editor-section-reveal{0%{opacity:0}to{opacity:1}}.osmo-loading-logo{display:block;width:68px;height:auto;overflow:visible;color:#404040}.osmo-loading-logo>path{transform-box:fill-box;transform-origin:center;animation:osmo-loading-wave 1s cubic-bezier(.37,0,.63,1) infinite}.osmo-loading-logo>path:nth-child(2){animation-delay:-.25s}.osmo-loading-logo>path:nth-child(3){animation-delay:-.5s}.osmo-loading-logo>path:nth-child(4){animation-delay:-.75s}@keyframes osmo-loading-wave{0%,65%,to{opacity:.32;transform:scale(.94)}32%{opacity:.8;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.editor-loading-content,.editor-loading-indicator{transition:none}.osmo-loading-logo>path{animation:none;opacity:.8;transform:none}}.review-comment-scroll{display:grid;grid-template-rows:minmax(0,1fr);min-height:0;min-width:0;margin-right:-12px}.review-comment-scroll>.review-bubble-content{height:auto;min-height:0;scrollbar-width:none}.review-comment-scroll>.review-bubble-content>div{display:block!important;padding-right:12px}.review-comment-scroll .osmo-scroll-area-scrollbar[data-orientation=vertical]{right:0!important}.review-bubble:not([data-scrollable]) .review-bubble-content{overflow-y:hidden!important;overscroll-behavior:none}.asset-preview-popover{padding-top:8px;transform-origin:var(--radix-popover-content-transform-origin)}.asset-preview-popover[data-state=open]{animation:osmo-menu-in .1s ease-out}.asset-preview-popover[data-state=closed]{animation:asset-preview-out .1s ease-in;pointer-events:none}@keyframes asset-preview-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media(prefers-reduced-motion:reduce){.asset-preview-popover[data-state]{animation:none}}.track-insertion-hint.whole-track-insertion{left:8px}.track-reorderable,.track-reorderable .track-name:is(button):not(:disabled):hover{cursor:grab;touch-action:none}.project-panel{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.project-tabs{display:flex;flex:none;gap:4px;padding:12px 14px;border-bottom:1px solid var(--border)}.project-tabs>button{flex:1;height:30px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.project-tabs>button:hover{color:var(--text);background:#ffffff0a}.project-tabs>button[aria-selected=true]{background:var(--osmo-surface,#242424);color:var(--text)}.project-tabs>button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.project-tab-panel:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.project-scene-settings{padding:18px;border-bottom:1px solid var(--border)}.project-scene-settings>.subdued{font-size:12px;line-height:1.5}.studio-shell[data-mode=interactive] .editor:not(:has(>.transport)){grid-template-rows:var(--header-height,80px) minmax(0,1fr) var(--timeline-height,244px)}.track-timeline[data-ruler-panels]{position:relative}.track-timeline[data-ruler-panels] .track-ruler-row{height:40px}.track-timeline[data-ruler-panels]:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border);z-index:21;pointer-events:none}.track-timeline[data-ruler-panels] .track-playhead-line{top:40px}.track-timeline[data-ruler-panels] .track-ruler-heading{min-height:0;padding:0 6px;display:flex;align-items:center;border-right:1px solid var(--border)}.track-timeline[data-ruler-panels] .transport-left,.track-timeline[data-ruler-panels] .transport-right{align-items:center;gap:4px}.track-timeline[data-ruler-panels] .time-control{height:28px;gap:4px}.track-timeline[data-ruler-panels] .time-display{height:28px;padding:6px 8px;border-radius:6px;color:var(--text)}.track-timeline[data-ruler-panels] .timecode{font-size:12px}.track-timeline[data-ruler-panels] .timecode.subdued{display:inline}.track-timeline[data-ruler-panels] .transport-left .button,.track-timeline[data-ruler-panels] .transport-right .button{width:28px;height:28px;flex:0 0 28px;padding:7px;border-radius:6px}.track-timeline[data-ruler-panels] .transport-left .icon,.track-timeline[data-ruler-panels] .transport-left .icon svg,.track-timeline[data-ruler-panels] .transport-right .icon,.track-timeline[data-ruler-panels] .transport-right .icon svg{width:14px;height:14px}.track-timeline[data-ruler-panels] .play-toggle{color:var(--text);background:transparent}.track-timeline[data-ruler-panels] .play-toggle:hover{background:var(--hover)}.ruler-right-panel{position:absolute;top:0;right:0;z-index:20;display:flex;align-items:center;height:40px;padding:6px;background:#181818;border-left:1px solid rgb(255 255 255 / 4%);border-bottom:1px solid rgb(255 255 255 / 4%)}.ruler-right-panel .timeline-zoom{gap:4px}.ruler-right-panel .timeline-zoom input{width:80px}.track-timeline[data-ruler-panels] .transport-left,.track-timeline[data-ruler-panels] .time-control{flex:1}.track-timeline[data-ruler-panels] .time-control>.loop-toggle{margin-left:auto}.timeline-panel{position:relative}.track-timeline[data-ruler-panels] .time-display{min-width:0;overflow:hidden}.track-timeline[data-ruler-panels] .time-control>.loop-toggle{flex-shrink:0}.timeline-bottom-zoom{position:absolute;right:4px;bottom:4px;z-index:25;height:28px;padding:4px;border-radius:16px;background:color-mix(in srgb,var(--card) 50%,transparent);transition:background-color .12s ease-out}.timeline-bottom-zoom .timeline-zoom{height:20px;gap:4px}.timeline-bottom-zoom .button{width:20px;height:20px;flex:0 0 20px;padding:3px;border-radius:10px;color:var(--fg-tertiary)}.timeline-bottom-zoom .button:disabled{color:var(--fg-tertiary);opacity:1}.timeline-bottom-zoom .button:hover:not(:disabled){background:var(--hover);color:var(--text)}.timeline-bottom-zoom .button:disabled:hover{background:transparent}.timeline-bottom-zoom .icon,.timeline-bottom-zoom .icon svg{width:14px;height:14px}.timeline-zoom-slider{position:relative;display:flex;align-items:center;width:64px;height:20px;touch-action:none;user-select:none}.timeline-zoom-slider [data-slot=slider-track]{position:relative;flex:1;height:4px;overflow:hidden;border-radius:999px;background:var(--fg-quinary)}.timeline-zoom-slider [data-slot=slider-range]{position:absolute;height:100%;width:var(--zoom-progress);min-width:4px;border-radius:4px;background:var(--fg-tertiary);transition:background-color .12s ease-out}.timeline-zoom-slider [data-slot=slider-thumb]{position:relative;display:block;width:16px;height:20px;background:transparent;border:0;outline:none}.timeline-zoom-slider [data-slot=slider-thumb]:after{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;background:var(--text);opacity:0;transform:translate(var(--zoom-thumb-origin,0px)) scale(.25);transition:transform .12s ease-out,opacity .12s ease-out}.timeline-bottom-zoom:hover [data-slot=slider-thumb]:after,.timeline-zoom:hover [data-slot=slider-thumb]:after,.timeline-zoom-slider [data-slot=slider-thumb]:focus-visible:after{opacity:1;transform:translate(0) scale(1)}.timeline-bottom-zoom:hover [data-slot=slider-range]{background:var(--fg-secondary)}.timeline-bottom-zoom:hover{background:var(--card)}@media(prefers-reduced-motion:reduce){.timeline-bottom-zoom,.timeline-zoom-slider [data-slot=slider-range],.timeline-zoom-slider [data-slot=slider-thumb]:after{transition:none}}.canvas-controls{gap:4px}.track-timeline[data-ruler-panels] .transport-left .button{color:var(--text)}.effect-stack{min-width:0}.effect-empty{margin:0 0 8px;font-size:var(--osmo-text-compact)}.effect-entry{position:relative;border-top:1px solid var(--border)}.effect-title{display:flex;align-items:center;gap:6px;min-height:38px;padding-right:118px;cursor:pointer;list-style:none;font-size:var(--osmo-text-compact);font-weight:500}.effect-title::-webkit-details-marker,.effect-parameter-group>summary::-webkit-details-marker{display:none}.effect-title>small{color:var(--muted);font-weight:400}.effect-entry>details:not([open])>summary>svg,.effect-parameter-group:not([open])>summary>svg{transform:rotate(-90deg)}.effect-up{transform:rotate(180deg)}.effect-actions{position:absolute;right:0;top:6px;display:flex;gap:2px}.effect-actions button{width:26px;height:26px;padding:0;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer}.effect-actions button:hover:not(:disabled),.effect-binding button:hover:not(:disabled){background:var(--hover);color:var(--text)}.effect-actions button:disabled{opacity:.3;cursor:default}.effect-actions button:focus-visible,.effect-title:focus-visible,.effect-parameter-group>summary:focus-visible,.effect-binding button:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.effect-parameters{padding:2px 0 12px;display:flex;flex-direction:column;gap:8px}.effect-parameter-group{margin-top:4px}.effect-parameter-group>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;color:var(--muted);font-size:var(--osmo-text-2xs);font-weight:500;padding:6px 0}.effect-parameter-group .effect-parameter{margin-top:8px}.effect-binding{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:var(--osmo-text-2xs);margin-top:3px}.effect-binding button{color:inherit;background:transparent;border:0;padding:2px;font:inherit;cursor:pointer;border-radius:3px}.project-effects{padding:0 18px;border-bottom:1px solid var(--border)}.effect-entry[data-effect-enabled=false] .effect-title{opacity:.5}.effect-actions button[aria-pressed=true]{color:var(--text)}.preview-mode-switch{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:20}.studio-shell[data-mode=interactive] .preview-mode-switch .mode-switch{position:relative;left:auto;top:auto;transform:none;background:#1c1c1c8c;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);box-shadow:inset 0 0 0 1px #ffffff14,0 4px 16px #00000026}.film-resource-notice{display:flex;align-items:center;gap:10px}.film-resource-notice progress{width:90px;height:4px;accent-color:#fafafa}.film-resource-notice button{cursor:pointer}
+.publish-control{display:flex;align-items:center;border-radius:8px;background:#303030;flex-shrink:0}.publish-control .osmo-action{height:32px;font-size:13px}.publish-control.is-split .publish-main{border-radius:8px 0 0 8px}.publish-control .osmo-action.publish-chevron{box-sizing:border-box;width:32px;height:32px;padding:0;border-left:1px solid #ffffff16;border-radius:0 8px 8px 0}.publish-icon{display:inline-flex;width:16px;height:16px;flex-shrink:0;align-items:center;justify-content:center}.publish-icon svg{width:100%;height:100%;stroke:none;fill:none}.publish-popover{box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);max-height:var(--radix-popover-content-available-height);overflow-y:auto;padding:24px;background:#202020;color:#f5f5f5;border:1px solid #ffffff0c;border-radius:14px;box-shadow:0 28px 100px #0008;z-index:120;font:14px/1.5 Inter UI,Inter,system-ui,sans-serif;position:relative;transform-origin:var(--radix-popover-content-transform-origin)}.publish-popover *{box-sizing:border-box}.publish-popover h2{font-size:17px;font-weight:600;line-height:24px;margin:0 36px 24px 0}.publish-popover .publish-close{position:absolute;right:8px;top:8px;color:#aaa}.publish-intro{color:#aaa;font-size:15px;line-height:1.5;margin:0 0 24px}.publish-benefits{list-style:none;padding:0;margin:8px 0 28px;display:grid;gap:18px}.publish-benefits li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5}.publish-benefits .publish-icon{width:20px;height:20px;margin-top:1px;color:#a3a3a3}.publish-signin{width:100%}.publish-signin .osmo-loading-logo{width:27px;height:17px;color:currentColor}.publish-signin .osmo-loading-logo path{animation:none;opacity:1;transform:none}.publish-login-status{display:block;font-size:12px;color:#aaa;margin:12px 0 0}.publish-login-status a{color:#f5f5f5}.publish-link-section{margin-bottom:24px}.publish-link-row{display:flex;align-items:center;gap:8px}.publish-link-field{display:flex;align-items:center;min-width:0;flex:1;height:40px;padding:4px;gap:4px;border-radius:8px;background:#362722;color:oklch(.86 .08 40)}.publish-link-field .osmo-action{height:32px;padding:0 8px;color:inherit;border-radius:5px;text-decoration:none}.publish-link-field .osmo-action:hover{background:#4d372f}.publish-link-field .osmo-action[data-size=icon]{width:32px;padding:0}.publish-url{min-width:0;flex:1;justify-content:flex-start;font-size:13px}.publish-url>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publish-link-row>.osmo-action{padding:0 10px}.publish-version{display:flex;align-items:center;gap:7px;font-size:12px;color:#aaa;margin:10px 0 0}.publish-version>span{width:5px;height:5px;border-radius:50%;background:#a3b89e;flex-shrink:0}.publish-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.publish-label>output{font-size:11px;color:#aaa}.publish-popover label{font-size:13px;font-weight:500}.publish-popover .osmo-select-trigger{height:40px;font-size:14px;gap:10px;border-radius:8px;padding:0 12px;background:#2a2a2a;color:#f5f5f5;border:0;min-width:0}.publish-access .osmo-select-trigger{width:100%}.publish-popover .osmo-select-trigger>.publish-icon{color:#b5b5b5}.publish-popover .osmo-select-trigger>span:last-child{margin-left:auto;display:flex}.publish-popover .osmo-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-people{margin-top:24px}.publish-people>label{display:block;margin-bottom:10px}.publish-people form{display:flex;gap:8px}.publish-invite-field{display:flex;align-items:center;min-width:0;flex:1;border:1px solid #ffffff13;border-radius:8px;background:#262626;height:40px}.publish-invite-field input{font:inherit;color:inherit;border:0;background:transparent;min-width:0;width:100%;height:100%;padding:0 11px;outline-offset:0}.publish-invite-field input::placeholder{color:#818181}.publish-popover .publish-invite-field .osmo-select-trigger{height:38px;padding:0 6px;background:transparent;font-size:12px;flex-shrink:0;width:94px}.publish-popover input:focus-visible{outline:2px solid #f94305;outline-offset:2px}.publish-grants:not(:empty){margin-top:12px}.publish-person{display:flex;align-items:center;gap:11px;padding:10px 0;min-width:0}.publish-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#383838;color:#c9c9c9;flex-shrink:0;font-size:12px}.publish-person>div{min-width:0;flex:1}.publish-person strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.publish-person small{display:block;color:#909090;font-size:12px}.publish-person strong>span,.publish-person>span:last-child{color:#999;font-size:12px}.publish-popover .publish-person .osmo-select-trigger{background:transparent;font-size:12px;padding:0 4px;max-width:100px}.publish-footer{display:flex;justify-content:flex-end;margin-top:24px}.publish-note{font-size:12px;color:#aaa}.publish-error{color:#f79982;font-size:12px;margin:16px 0 0;overflow-wrap:anywhere}.publish-error .osmo-action{height:28px;margin-left:8px;font-size:12px}.publish-progress{display:flex;flex-direction:column;gap:10px;align-items:stretch;color:#bbb;font-size:13px;margin:20px 0 0}.publish-spin svg{animation:publish-spin 1s linear infinite}.publish-spin svg path:first-child{opacity:.2}.publish-reveal{animation:publish-reveal .2s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--publish-order, 0) * 40ms)}@keyframes publish-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes publish-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.publish-reveal,.publish-spin svg{animation:none}}@media(max-width:480px){.publish-popover{padding:18px}.publish-popover .publish-close{top:4px;right:4px}}.publish-popover .osmo-ui.osmo-select-trigger.osmo-select-cell{height:40px;padding:0 12px;gap:10px;background:#2a2a2a;border-radius:8px;max-width:none}.publish-popover .osmo-ui.osmo-select-trigger{max-width:none}.publish-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:236px;min-height:34px;flex-shrink:0}.publish-actions-skeleton>span{display:block;height:32px;border-radius:8px;background:#ffffff0c}.publish-skeleton-icon{width:32px}.publish-skeleton-button{width:194px}@media(prefers-reduced-motion:no-preference){.publish-actions-skeleton>span{animation:publish-skeleton-pulse 1.2s ease-in-out infinite alternate}.publish-actions-ready{animation:publish-actions-appear .15s ease-out}}@keyframes publish-skeleton-pulse{to{opacity:.45}}@keyframes publish-actions-appear{0%{opacity:0}to{opacity:1}}.publish-popover .publish-unpublish{color:#ff9b8a}.publish-popover .publish-unpublish:hover:not(:disabled){background:#c93636;color:#fff}.publish-progress-label{display:flex;align-items:center;gap:8px}.publish-progress-percent{margin-left:auto;font-variant-numeric:tabular-nums}.publish-progress-bar{appearance:none;border:0;width:100%;height:4px;border-radius:2px;overflow:hidden;background:#ffffff14;color:#f94305}.publish-progress-bar::-webkit-progress-bar{background:#ffffff14;border-radius:2px}.publish-progress-bar::-webkit-progress-value{background:#f94305;border-radius:2px}.publish-progress-bar::-moz-progress-bar{background:#f94305;border-radius:2px}@media(prefers-reduced-motion:no-preference){.publish-control .osmo-action{transition:background-color .2s ease-out,color .2s ease-out}}.export-popover .export-options{display:flex;flex-direction:column;gap:20px}.export-popover .field-label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#f5f5f5}.export-popover .export-fields{gap:16px}.export-popover .field-label input{box-sizing:border-box;width:100%;height:40px;padding:0 12px;background:#262626;border:1px solid #ffffff14;border-radius:8px;color:#f5f5f5;font:inherit}.export-popover .field-label input:focus-visible{outline:2px solid #f94305;outline-offset:2px}.export-popover .export-range{margin-top:4px}.export-popover .export-scale-label output{color:#aaa}.export-popover .export-summary{padding:0;border:0;background:none;gap:16px 12px}.export-popover .export-summary span{font-size:11px}.export-popover .export-summary strong{font-size:12px}.export-popover .publish-footer,.export-popover .publish-progress,.export-popover .publish-error{margin:0}.export-popover .publish-progress-label span{min-width:0;overflow-wrap:anywhere}:root{font-size:100%;--osmo-font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--osmo-text-4xs: .5625rem;--osmo-text-3xs: .625rem;--osmo-text-2xs: .6875rem;--osmo-text-xs: .75rem;--osmo-text-compact: .8125rem;--osmo-text-sm: .875rem;--osmo-text-reading: .9375rem;--osmo-text-base: 1rem;--osmo-text-lg: 1.125rem;--osmo-text-xl: 1.25rem;--osmo-text-2xl: 1.5rem;--osmo-text-title: 1.75rem;--osmo-text-display-sm: 2rem;--osmo-text-4xl: 2.25rem;--osmo-text-display: 2.5rem;--osmo-text-5xl: 3rem;--osmo-text-display-lg: 3.5rem;--osmo-text-display-xl: 4rem;--osmo-text-7xl: 4.5rem;--osmo-type-caption-size: var(--osmo-text-xs);--osmo-type-caption-line: 1rem;--osmo-type-caption-weight: 400;--osmo-type-control-size: var(--osmo-text-sm);--osmo-type-control-line: 1.25rem;--osmo-type-control-weight: 500;--osmo-type-body-size: var(--osmo-text-sm);--osmo-type-body-line: 1.25rem;--osmo-type-body-weight: 400;--osmo-type-message-size: var(--osmo-text-sm);--osmo-type-message-line: 1.125rem;--osmo-type-message-weight: 500;--osmo-type-heading-size: var(--osmo-text-xl);--osmo-type-heading-line: 1.75rem;--osmo-type-heading-weight: 600}.osmo-scroll-area{position:relative;overflow:hidden}.osmo-scroll-area-viewport{width:100%;height:100%;border-radius:inherit;outline:none}.osmo-scroll-area-viewport:focus-visible{outline:1px solid var(--ring, #777);outline-offset:-1px}.osmo-scroll-area-scrollbar{display:flex;touch-action:none;user-select:none;padding:1px;transition:background-color .15s}.osmo-scroll-area-scrollbar[data-orientation=vertical]{height:100%;width:10px;border-left:1px solid transparent}.osmo-scroll-area-scrollbar[data-orientation=horizontal]{height:10px;flex-direction:column;border-top:1px solid transparent}.osmo-scroll-area-thumb{position:relative;flex:1;border-radius:9999px;background:var(--border, #3a3a3a)}.osmo-ui{-webkit-user-select:none;user-select:none;--osmo-surface: #1f1f1f;--osmo-popover: #121212;--osmo-hover: #262626;--osmo-text: #fafafa;--osmo-muted: #aaa;--osmo-accent: oklch(.648 .225 35.088);--osmo-font: var(--osmo-font-sans);color:var(--osmo-text);font-family:var(--osmo-font);font-size:var(--osmo-type-control-size);line-height:var(--osmo-type-control-line);font-weight:var(--osmo-type-control-weight)}.osmo-ui,.osmo-ui *{box-sizing:border-box}.osmo-ui button,.osmo-ui input,.osmo-ui textarea{font:inherit;color:inherit;margin:0}.osmo-ui button{border:0;background:none;cursor:default}.osmo-ui button:focus-visible,.osmo-ui [role=slider]:focus-visible{outline:1px solid var(--osmo-accent);outline-offset:2px}.osmo-ui [data-disabled],.osmo-ui[data-disabled]{opacity:.5}.osmo-cell{display:flex;align-items:center;width:100%;min-width:0;height:28px;min-height:28px;flex:none;border-radius:6px;background:var(--osmo-surface);padding:0 8px;overflow:hidden;user-select:none}.osmo-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osmo-spacer{min-width:8px;flex:1}.osmo-number{position:relative;touch-action:pan-y}.osmo-number-label{pointer-events:none;position:relative;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osmo-number-fill{pointer-events:none;position:absolute;inset:0 auto 0 0;border-right:1px solid transparent;background:#ffffff0a}:root:not(:has(.osmo-number[data-drag])) .osmo-number:not([data-disabled]):is(:hover,:focus-within) .osmo-number-fill{border-right-color:#fff3;background:#ffffff14}.osmo-number[data-drag] .osmo-number-fill{border-right-color:#fafafa;background:#ffffff1f}.osmo-number-wheel{pointer-events:none;position:absolute;inset:0 auto 0 0;opacity:0;transition:opacity .15s}:root:not(:has(.osmo-number[data-drag])) .osmo-number:not([data-disabled]):hover .osmo-number-wheel,.osmo-number[data-drag] .osmo-number-wheel{opacity:1}.osmo-value-box{position:relative;display:flex;flex-shrink:0;align-self:stretch;min-width:0;max-width:65%}.osmo-value-box>span{visibility:hidden;min-width:1ch;padding:0 8px;white-space:pre}.osmo-value-box>input{position:absolute;inset:0;width:100%;min-width:0;appearance:textfield;border:0;background:transparent;padding:0 8px;outline:none;cursor:default;transition:background-color .15s}.osmo-value-box>input::-webkit-inner-spin-button,.osmo-value-box>input::-webkit-outer-spin-button{appearance:none}.osmo-value-box>input:enabled:focus{background:transparent}.osmo-value-box>input::selection{background:#ffa36666}.osmo-number-value{z-index:1;margin-right:-8px}.osmo-trailing{position:relative;z-index:1;margin:0 -8px 0 8px;align-self:stretch;border-left:1px solid rgb(255 255 255 / 5%)}.osmo-ui .osmo-switch{display:block;position:relative;flex-shrink:0;width:28px;height:16px;padding:0;border-radius:999px;background:#ffffff26;transition:background-color .15s}.osmo-ui .osmo-switch[aria-checked=true]{background:var(--osmo-accent)}.osmo-switch>span{position:absolute;top:2px;left:2px;width:16px;height:12px;border-radius:10px;background:#fafafa;transition:transform .15s}.osmo-switch[aria-checked=true]>span{transform:translate(8px)}.osmo-text{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;background:var(--osmo-surface);width:100%;min-width:0;min-height:28px}.osmo-text>label{color:#a3a3a3;flex-shrink:0}.osmo-text>input,.osmo-text>textarea{width:100%;min-width:0;flex:1;border:0;outline:none;background:transparent;padding:0;line-height:1.25rem}.osmo-text-multiline{align-items:stretch;flex-direction:column;gap:4px}.osmo-text>textarea{resize:none;max-height:140px;overflow:auto;line-height:1rem}.osmo-select-trigger{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;max-width:70%;height:20px;padding:0;white-space:nowrap}.osmo-select-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis}.osmo-select-trigger svg{flex-shrink:0;display:block}.osmo-menu{z-index:1000;min-width:128px;max-width:min(320px,calc(100vw - 24px));max-height:var(--radix-popper-available-height, 350px);overflow:auto;padding:4px;background:var(--osmo-surface);border-radius:12px;box-shadow:0 12px 32px #00000087,0 4px 12px #0006;animation:osmo-menu-in .1s ease-out}.osmo-menu-item{position:relative;display:flex;align-items:center;gap:8px;min-height:28px;padding:4px 30px 4px 8px;border-radius:8px;outline:none;user-select:none;cursor:default}.osmo-menu-item[data-highlighted]{background:var(--osmo-hover)}.osmo-menu-item[data-disabled]{pointer-events:none}.osmo-menu-check{position:absolute;right:8px;display:flex;align-items:center}.osmo-color-cell{gap:6px}.osmo-ui .osmo-color-swatch{display:block;flex-shrink:0;width:16px;height:16px;padding:0;overflow:hidden;border-radius:4px;border:0;background:repeating-conic-gradient(#777 0 25%,#333 0 50%) 0 0 / 8px 8px}.osmo-color-swatch>span{display:block;width:100%;height:100%}.osmo-color-popover{z-index:1000;width:336px;max-width:calc(100vw - 24px);padding:12px;border-radius:12px;background:var(--osmo-popover);box-shadow:0 12px 32px #00000087,0 4px 12px #0006;animation:osmo-menu-in .1s ease-out}.osmo-picker{display:flex;flex-direction:column;gap:16px;width:100%}.osmo-color-plane{position:relative;width:100%;height:128px;border-radius:4px;cursor:crosshair;touch-action:none}.osmo-color-dot{position:absolute;width:16px;height:16px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.osmo-color-slider{position:relative;display:flex;align-items:center;width:100%;height:16px;touch-action:none}.osmo-hue-track,.osmo-alpha-track{position:relative;flex:1;height:12px;border-radius:999px}.osmo-hue-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.osmo-alpha-track{background:linear-gradient(90deg,transparent,rgb(0 0 0 / 53%)),repeating-conic-gradient(#777 0 25%,#333 0 50%) 0 0 / 8px 8px}.osmo-color-thumb{display:block;width:16px;height:16px;border:1px solid rgb(255 255 255 / 50%);border-radius:50%;background:#141414;box-shadow:0 1px 3px #0006}.osmo-color-input-row{display:flex;gap:8px}.osmo-color-input-row>input{min-width:0;flex:1;height:32px;border:0;border-radius:6px;padding:0 10px;background:transparent;outline:none;font-family:monospace}.osmo-color-input-row>input:focus{border-color:var(--osmo-accent)}.osmo-ui .osmo-eye-button{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border:0;border-radius:6px;color:var(--osmo-muted)}@keyframes osmo-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.osmo-ui *{transition:none!important;animation:none!important}}.osmo-ui.osmo-keyframe-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:100%;min-height:28px;padding:0;border:0;border-radius:0 6px 6px 0;background:none}:root:not(:has(.osmo-number[data-drag])) .osmo-keyframe-button:hover{background:#ffffff0a}.osmo-keyframe-button[data-state=at]{background:color-mix(in srgb,var(--osmo-keyframe-at, var(--osmo-accent)) 8%,transparent)}:root:not(:has(.osmo-number[data-drag])) .osmo-keyframe-button[data-state=at]:hover{background:color-mix(in srgb,var(--osmo-keyframe-at, var(--osmo-accent)) 15%,transparent)}.osmo-ui.osmo-keyframe-button:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--osmo-accent);background:#ffffff14}.osmo-keyframe-button:disabled{opacity:.5;pointer-events:none}.osmo-text[data-keyframe]{position:relative;padding-right:45px;border-radius:6px;overflow:hidden}.osmo-text-keyframe{position:absolute;top:0;right:0;bottom:0;border-left:1px solid rgb(255 255 255 / 5%)}.osmo-ui.osmo-ui:not(.osmo-menu):focus,.osmo-ui.osmo-ui :focus{outline:none;outline-offset:0;box-shadow:none}.osmo-ui.osmo-menu{border:0}.osmo-ui.osmo-select-trigger{border-radius:4px;padding:0 4px;height:24px}.osmo-value-box>input{border-radius:4px}.osmo-text>input,.osmo-text>textarea{border-radius:4px}.osmo-ui .osmo-color-input-row>input:focus{border-color:#ffffff26}:root[data-osmo-keyboard] .osmo-ui.osmo-ui:not(.osmo-menu):focus-visible,:root[data-osmo-keyboard] .osmo-ui.osmo-ui :focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--osmo-accent)}:root[data-osmo-keyboard] .osmo-ui.osmo-menu .osmo-menu-item:focus{box-shadow:inset 0 0 0 1px var(--osmo-accent)}.osmo-text{position:relative;border-radius:6px}:root[data-osmo-keyboard] .osmo-ui.osmo-number:has(input:focus-visible):after,:root[data-osmo-keyboard] .osmo-ui.osmo-text:has(input:focus-visible,textarea:focus-visible):after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--osmo-accent);z-index:3}:root[data-osmo-keyboard] .osmo-ui.osmo-number input:focus-visible,:root[data-osmo-keyboard] .osmo-ui.osmo-text input:focus-visible,:root[data-osmo-keyboard] .osmo-ui.osmo-text textarea:focus-visible{box-shadow:none}.osmo-cell>.osmo-ui.osmo-select-trigger{align-self:stretch;height:28px;margin-right:-8px;padding:0 8px;border-radius:6px}.osmo-color-cell{padding-right:6px}.osmo-color-cell>.osmo-trailing{margin-left:0;margin-right:-6px}.osmo-ui .osmo-color-hex{width:10ch;min-width:0;flex-shrink:1;padding:0 0 0 4px;height:24px;border:0;border-radius:4px;background:transparent;text-align:right}.osmo-color-cell>.osmo-label{flex-shrink:1}.osmo-inspector-section{border-top:1px solid rgb(255 255 255 / 5%);padding:16px 0}.osmo-inspector-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.osmo-inspector-section>header>h3{margin:0;font-size:var(--osmo-text-compact);font-weight:500}.osmo-section-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 6px}.osmo-control-group{min-width:0;display:flex;flex-direction:column;gap:4px}.osmo-group-heading{display:flex;align-items:center;justify-content:space-between;min-height:16px;color:#ffffff7f;font-size:var(--osmo-text-2xs);line-height:1rem}.osmo-ui .osmo-property-action{display:flex;align-items:center;justify-content:center;border:0;border-radius:4px;width:20px;height:16px;background:transparent;color:#ffffff7f;padding:0}.osmo-ui .osmo-property-action[aria-pressed=true]{background:#ffffff14;color:#fafafa}.osmo-property-action:disabled{opacity:.4}.osmo-number-compact>.osmo-spacer{display:none}.osmo-number-compact>.osmo-number-fill{display:none}.osmo-number-compact>.osmo-number-label{color:#ffffff7f;flex-shrink:0}.osmo-number-compact>.osmo-number-value{margin-right:0;max-width:100%;flex:1}.osmo-number-compact>.osmo-number-value input{text-align:left;padding:0 4px 0 0}.osmo-number-compact>.osmo-number-value>span{padding:0 4px 0 0}.osmo-number-unit{color:#ffffff7f;pointer-events:none;font-size:var(--osmo-text-2xs);z-index:1}.osmo-vector,.osmo-insets{display:flex;min-width:0;overflow:hidden;border-radius:6px;background:var(--osmo-surface)}.osmo-vector>.osmo-number{flex:1;width:0;border-radius:0}.osmo-vector>.osmo-number+.osmo-number{border-left:1px solid rgb(255 255 255 / 5%)}.osmo-vector-keyframe{display:flex;flex:none;width:29px;border-left:1px solid rgb(255 255 255 / 5%)}.osmo-vector>.osmo-number:first-child{border-radius:6px 0 0 6px}.osmo-vector>.osmo-number:last-child{border-radius:0 6px 6px 0}.osmo-insets>.osmo-number{flex:1;width:0}.osmo-insets-sides{flex:1;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ffffff0d}.osmo-insets-sides .osmo-number{border-radius:0}.osmo-segmented{display:flex;min-width:0;border-radius:6px;background:var(--osmo-surface);padding:0;gap:0}.osmo-origin{display:flex;gap:8px;align-items:center;min-width:0}.osmo-origin>.osmo-vector{flex:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,28px);height:57px;gap:1px 0;background:#ffffff0d}.osmo-origin>.osmo-vector:has(>.osmo-vector-keyframe){grid-template-columns:minmax(0,1fr) 29px}.osmo-origin>.osmo-vector>.osmo-number{width:100%;height:100%;grid-column:1;border-left:0;border-radius:0}.osmo-origin .osmo-vector-keyframe{grid-column:2;grid-row:1 / 3;align-items:center;background:var(--osmo-surface);border-radius:0 6px 6px 0}.osmo-origin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));width:57px;height:57px;gap:4px;flex:none;border-radius:6px;background:var(--osmo-surface)}.osmo-origin-grid>button{width:100%;height:100%;display:grid;place-items:center;padding:0;border-radius:2px;background:transparent}.osmo-origin-grid>button>span{display:block;width:4px;height:4px;margin:0;border-radius:4px;background:#ffffff29}.osmo-origin-grid>button[aria-pressed=true]>span{width:12px;height:12px;border-radius:2px;background:#fff}.osmo-origin-grid>button{position:relative}.osmo-origin-grid>button>span{position:relative;z-index:1}.osmo-origin-grid>button:before{opacity:0;content:"";position:absolute;width:12px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:2px;background:#ffffff14;pointer-events:none}.osmo-origin-grid>button:not(:disabled):not([aria-pressed=true]):hover:before{opacity:1}.osmo-origin-grid>button:disabled{opacity:.25}.osmo-dimension{position:relative;min-width:0}.osmo-dimension>.osmo-select-trigger{position:absolute;right:0;top:0;height:28px;width:28px;justify-content:center;padding:0;background:transparent;color:inherit;border:0}.osmo-dimension>.osmo-select-trigger>span:first-child{display:none}.osmo-dimension .osmo-number-value{margin-right:24px}.osmo-dimension-mode{gap:6px;color:#ffffff7f}.osmo-dimension-mode>span:nth-child(2){flex:1;color:#fafafa}.osmo-dimension-mode>.osmo-keyframe-button{margin-right:-8px;border-left:1px solid rgb(255 255 255 / 5%)}.osmo-number-compact>.osmo-number-label:empty{display:none}.osmo-number-compact>.osmo-number-value{flex:0 1 auto}.osmo-number-compact>.osmo-number-unit{margin-left:-2px}.osmo-number-compact>.osmo-trailing{margin-left:auto}.osmo-vector .osmo-number-compact>.osmo-number-label{font-size:var(--osmo-text-xs)}.osmo-ui.osmo-control-group,.osmo-ui.osmo-vector,.osmo-ui .osmo-origin-grid{border:0;padding:0;margin:0;min-inline-size:0}.osmo-segmented>label{position:relative;display:flex;justify-content:center;align-items:center;flex:1;min-width:0;height:30px;border-radius:0;color:#ffffff7f;cursor:default}.osmo-segmented>label>input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:default}.osmo-segmented>label:has(:checked){background:#ffffff12;color:#fafafa}:root:not(:has(.osmo-number[data-drag])) .osmo-segmented>label:not(:has(:checked,:disabled)):hover{background:#ffffff0a}.osmo-segmented>label:has(:disabled){opacity:.4}:root[data-osmo-keyboard] .osmo-segmented>label:has(:focus-visible){box-shadow:inset 0 0 0 1px var(--osmo-accent)}.osmo-dimension[data-keyframe]>.osmo-select-trigger{right:29px}.osmo-number-label>svg,.osmo-segmented svg,.osmo-property-action>svg,.osmo-dimension-mode svg{display:block;width:12px;height:12px;flex:none}.osmo-number-compact:has(>.osmo-number-label:empty){padding-left:8px}.osmo-number-compact>.osmo-number-label:not(:empty){margin-right:6px}.osmo-dimensions-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.osmo-color-cell[data-label-placement=above]{padding-left:6px}.osmo-color-cell[data-label-placement=above]>.osmo-color-hex{text-align:left;padding-left:0;flex:1}.osmo-ui input,.osmo-ui textarea,.osmo-ui [contenteditable=true]{-webkit-user-select:text;user-select:text}.osmo-control-action-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:start;gap:4px}.osmo-control-action-fields{min-width:0}.osmo-ui .osmo-control-action-row>.osmo-property-action{width:28px;height:28px;border-radius:6px;background:var(--osmo-surface)}.osmo-control-leading{display:flex;flex:none;margin-right:6px;color:#ffffff7f}.osmo-control-leading>svg{width:12px;height:12px}.osmo-number-label:has(>svg){display:flex;align-items:center;gap:4px}.osmo-ui .osmo-origin-grid{padding:4px}.osmo-segmented>label:first-child{border-radius:6px 0 0 6px}.osmo-segmented>label:last-child{border-radius:0 6px 6px 0}.osmo-segmented>label:only-child{border-radius:6px}.osmo-ui .osmo-insets-mixed{flex:1;gap:4px;border-radius:0;background:var(--osmo-surface);text-align:left}.osmo-insets-mixed>svg{width:12px;height:12px;flex:none;color:#ffffff7f}.osmo-insets-mixed-value{color:var(--osmo-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root:not(:has(.osmo-number[data-drag])) .osmo-number:not([data-disabled]):not(:has(input:focus)):hover{background:color-mix(in srgb,var(--osmo-surface),white 4%)}.osmo-number:not([data-disabled]):has(input:focus){background:color-mix(in srgb,var(--osmo-surface),white 8%)}.osmo-number:not([data-disabled])>.osmo-number-label:has(>svg){pointer-events:auto;cursor:default}:root:not(:has(.osmo-number[data-drag])) .osmo-number:not([data-disabled]):hover>.osmo-number-label:has(>svg){color:#fafafa}:root:not(:has(.osmo-number[data-drag])) .osmo-boolean-cell:not([data-disabled]):hover,:root:not(:has(.osmo-number[data-drag])) .osmo-color-cell:not([data-disabled]):not(:has(input:focus)):hover,:root:not(:has(.osmo-number[data-drag])) .osmo-select-cell:not([data-disabled]):hover{background:color-mix(in srgb,var(--osmo-surface),white 4%)}.osmo-color-cell:not([data-disabled]):has(>input:focus){background:color-mix(in srgb,var(--osmo-surface),white 8%)}.osmo-number[data-drag]{background:color-mix(in srgb,var(--osmo-surface),white 8%)}.osmo-number[data-drag]>.osmo-number-label:has(>svg){color:#fafafa}.osmo-ui.osmo-select-trigger.osmo-select-cell{max-width:100%;height:28px;padding:0 8px;border-radius:6px;background:var(--osmo-surface);text-align:left}.osmo-select-cell>.osmo-label{flex-shrink:0}.osmo-select-cell>.osmo-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis}.osmo-select-cell>.osmo-spacer{flex-shrink:0}.osmo-select-cell>.osmo-select-value{text-align:left;white-space:nowrap}.osmo-select-cell>span:last-child{flex-shrink:0}:root:not(:has(.osmo-number[data-drag])) .osmo-ui .osmo-property-action:not(:disabled):hover{background:color-mix(in srgb,var(--osmo-surface),white 4%);color:#fafafa}.osmo-dimensions-fields[data-linked]{position:relative}.osmo-dimensions-fields[data-linked]:before,.osmo-dimensions-fields[data-linked]:after{content:"";position:absolute;top:calc(50% - 8px);width:4px;height:16px;background:var(--osmo-surface);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 16' preserveAspectRatio='none'%3E%3Cpath d='M0 0C0 4 2 4 3 4S6 4 6 0V16C6 12 4 12 3 12S0 12 0 16Z'/%3E%3C/svg%3E");mask-size:8px 16px;mask-repeat:no-repeat;pointer-events:none}.osmo-dimensions-fields[data-linked]:before{left:calc(50% - 4px);mask-position:left center;transform-origin:left center}.osmo-dimensions-fields[data-linked]:after{left:50%;mask-position:right center;transform-origin:right center}@media(prefers-reduced-motion:no-preference){.osmo-dimensions-fields[data-linked]:before{animation:osmo-link-left .1s cubic-bezier(.42,0,.58,1) both}.osmo-dimensions-fields[data-linked]:after{animation:osmo-link-right .1s cubic-bezier(.42,0,.58,1) both}}@keyframes osmo-link-left{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes osmo-link-right{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.osmo-vector:not(.osmo-origin>.osmo-vector){position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.osmo-vector:not(.osmo-origin>.osmo-vector)>.osmo-number{width:100%}.osmo-vector:not(.osmo-origin>.osmo-vector):has(>.osmo-vector-keyframe)>.osmo-number:nth-last-child(2){padding-right:37px}.osmo-vector:not(.osmo-origin>.osmo-vector)>.osmo-vector-keyframe{position:absolute;right:0;top:0;height:100%;margin-left:0}.osmo-dimension>.osmo-select-trigger{opacity:0}:root:not(:has(.osmo-number[data-drag])) .osmo-dimension:hover>.osmo-select-trigger,:root[data-osmo-keyboard] .osmo-dimension:focus-within>.osmo-select-trigger,.osmo-dimension>.osmo-select-trigger[data-state=open]{opacity:1}:root:not(:has(.osmo-number[data-drag])) .osmo-dimension:hover .osmo-number:not([data-disabled]):not(:has(input:focus)){background:color-mix(in srgb,var(--osmo-surface),white 4%)}:root:not(:has(.osmo-number[data-drag])) .osmo-dimension:hover .osmo-number:not([data-disabled])>.osmo-number-label{color:#fafafa}@media(prefers-reduced-motion:no-preference){.osmo-cell,.osmo-property-action,.osmo-keyframe-button,.osmo-segmented>label,.osmo-menu-item{transition:background-color 75ms cubic-bezier(.42,0,.58,1),color 75ms cubic-bezier(.42,0,.58,1)}.osmo-number-label{transition:color 75ms cubic-bezier(.42,0,.58,1)}.osmo-dimension>.osmo-select-trigger,.osmo-number-wheel,.osmo-origin-grid>button:before{transition:opacity 75ms cubic-bezier(.42,0,.58,1)}}.osmo-color-alpha{flex:0 0 64px;align-self:stretch;border-left:1px solid rgb(255 255 255 / 5%)}.osmo-color-alpha>.osmo-number{border-radius:0}.osmo-color-alpha>.osmo-number-compact:has(>.osmo-number-label:empty){padding-left:8px}.osmo-color-alpha+.osmo-trailing{margin-left:-6px}.osmo-color-cell:not([data-disabled]):has(.osmo-number[data-drag],input:focus){background:color-mix(in srgb,var(--osmo-surface),white 8%)}.osmo-color-cell .osmo-color-alpha>.osmo-number,.osmo-color-cell .osmo-color-alpha>.osmo-number:is(:focus-within,[data-drag]),:root:not(:has(.osmo-number[data-drag])) .osmo-color-cell .osmo-color-alpha>.osmo-number:hover{background:transparent}.osmo-ui .osmo-auto-axis{min-width:0;width:100%;padding:0;border:0;outline:none;background:transparent;color:var(--osmo-muted)}.osmo-vector[data-axes="3"]:not(.osmo-origin>.osmo-vector):has(>.osmo-vector-keyframe){grid-template-columns:repeat(3,minmax(0,1fr)) 29px}.osmo-vector[data-axes="3"]:not(.osmo-origin>.osmo-vector):has(>.osmo-vector-keyframe)>.osmo-number:nth-last-child(2){padding-right:8px}.osmo-vector[data-axes="3"]:not(.osmo-origin>.osmo-vector)>.osmo-vector-keyframe{position:static}.osmo-menu-option-icon{display:flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;pointer-events:none}.osmo-number-steps{opacity:0;transition:opacity .12s ease-in-out;position:absolute;inset:0;pointer-events:none;overflow:hidden}.osmo-number-steps[data-visible=true]{opacity:1}@media(prefers-reduced-motion:reduce){.osmo-number-steps{transition:none}}.osmo-number-steps>span{transition:left .12s ease-in-out,opacity .12s ease-in-out;position:absolute;top:0;bottom:0;width:1px;background:#ffffff14;transform:translate(-50%)}.osmo-number-steps>span[data-active]{transition:none;background:#fff}.osmo-number-range-menu{z-index:1000;width:240px;padding:8px;background:#1f1f1f;border-radius:12px;box-shadow:0 12px 32px #00000087;color:#fafafa;font-size:var(--osmo-text-xs)}.osmo-number-range-menu header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:var(--osmo-text-sm)}.osmo-number-range-menu header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osmo-number-range-menu button:not(.osmo-switch){color:inherit;background:transparent;border:0;cursor:default}.osmo-number-range-menu header button{width:28px;height:28px;padding:6px;flex:none;border-radius:6px;font-size:var(--osmo-text-lg)}.osmo-number-range-fields{display:flex;gap:8px;padding:0 8px}.osmo-number-range-fields label{flex:1;min-width:0;color:#ffffff7f;font-size:var(--osmo-text-3xs)}.osmo-number-range-fields input{box-sizing:border-box;display:block;margin-top:4px;width:100%;height:24px;padding:2px 6px;border:0;border-radius:6px;background:#ffffff0a;color:#fafafa;font:var(--osmo-type-control-size)/var(--osmo-type-control-line) var(--osmo-font-sans);outline:none}.osmo-number-range-fields input:not(:disabled):hover,.osmo-number-range-fields input:not(:disabled):focus{background:color-mix(in srgb,var(--osmo-surface),white 8%)}.osmo-number-range-fields input:focus{box-shadow:inset 0 0 0 1px #fafafa}.osmo-number-range-menu hr{border:0;border-top:1px solid rgb(255 255 255 / 8%);margin:8px -8px 4px}.osmo-number-range-menu .osmo-number-range-reset{width:100%;height:28px;text-align:left;padding:0 8px;border-radius:6px}.osmo-number-range-menu button:not(.osmo-switch):hover{background:#ffffff0a}.osmo-number-range-menu p{color:#ff917c;font-size:var(--osmo-text-2xs);margin:8px 0 0}.osmo-number-range-steps{display:flex;align-items:center;justify-content:space-between;height:28px;margin-top:8px;padding:0 8px;border-radius:6px;cursor:default}.osmo-number-range-steps:hover{background:#ffffff0a}.osmo-number-range-fields input:disabled{opacity:.4}.osmo-number-range-menu header .osmo-number-range-title{flex:1;width:auto;min-width:0;padding:0 8px;text-align:left;font-size:var(--osmo-text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osmo-number-range-menu .osmo-number-range-title-input{flex:1;min-width:0;width:0;height:28px;padding:0 8px;border:0;outline:none;background:transparent;font-size:var(--osmo-text-sm)}.osmo-number-range-title-input::placeholder{color:#ffffff7f;opacity:1}.osmo-number-range-menu header button{display:flex;align-items:center;justify-content:center}.osmo-number-range-menu header .osmo-number-range-title{justify-content:flex-start}.osmo-number-range-menu header button:focus-visible{outline-offset:-1px}.osmo-number-range-menu{transform-origin:var(--radix-popover-content-transform-origin)}.osmo-number-range-menu[data-state=open]{animation:osmo-number-menu-in .18s cubic-bezier(.22,1,.36,1) both}.osmo-number-range-menu[data-state=closed]{animation:osmo-number-menu-out .12s cubic-bezier(.22,1,.36,1) both;pointer-events:none}@keyframes osmo-number-menu-in{0%{opacity:0;transform:translate(-8px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes osmo-number-menu-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-8px) scale(.92)}}@media(prefers-reduced-motion:reduce){.osmo-number-range-menu[data-state]{animation:none}}@media(prefers-reduced-motion:reduce){.osmo-number-steps>span{transition:none}}.osmo-number-steps>span[data-leaving]{opacity:0}@starting-style{.osmo-number-steps>span:not([data-active]){left:50%!important;opacity:0}}.osmo-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;height:40px;padding:0 14px;border:0;border-radius:8px;background:#303030;color:#f5f5f5;font:inherit;white-space:nowrap;cursor:pointer;transition:background .15s}.osmo-action:hover{background:#383838}.osmo-action[data-variant=default]{background:#f94305;color:#fff}.osmo-action[data-variant=default]:hover{background:#e83d04}.osmo-action[data-variant=ghost]{background:transparent}.osmo-action[data-variant=ghost]:hover{background:#ffffff0a}.osmo-action[data-size=icon]{width:40px;padding:0}.osmo-action:disabled{opacity:.45;pointer-events:none}.osmo-action:focus-visible{outline:2px solid #f94305;outline-offset:2px}.osmo-action svg{flex-shrink:0}.osmo-confirm-overlay{position:fixed;inset:0;z-index:140;background:#0008}.osmo-confirm-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:420px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;z-index:141;padding:24px;border:1px solid #ffffff16;border-radius:14px;background:#202020;color:#f5f5f5;box-shadow:0 28px 100px #0008;font:14px/1.5 Inter UI,Inter,system-ui,sans-serif}.osmo-confirm-dialog h2{margin:0 0 12px;font-size:18px;font-weight:600}.osmo-confirm-dialog p{margin:0;color:#bcbcbc}.osmo-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.osmo-confirm-dialog .osmo-confirm-destructive{background:#c93636;color:#fff}.osmo-confirm-dialog .osmo-confirm-destructive:hover{background:#b52c2c}@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;--fg-quinary:rgb(255 255 255 / 8%);--fg-tertiary:rgb(255 255 255 / 40%);--fg-secondary:rgb(255 255 255 / 50%);--hover:#2a2a2a;--border:rgb(255 255 255 / 5%);--input:rgb(255 255 255 / 15%);--text:#f5f5f5;--muted:#979797;--accent:#f94305;--review-stroke:#e73c06;--radius:8px;font-family:var(--osmo-font-sans);color:var(--text);background:var(--background);font-synthesis:none}:where(:root){--osmo-font-sans: "Inter UI", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--osmo-font-sans);font-size:var(--osmo-type-body-size);line-height:var(--osmo-type-body-line);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:var(--osmo-text-sm);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:var(--osmo-text-4xs);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:var(--osmo-text-2xs);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:0;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 rgb(255 255 255 / 15%);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 rgb(249 67 5 / 25%);color:#ffd4c7;padding:12px;border-radius:6px;font:var(--osmo-text-2xs)/1.5 var(--osmo-font-sans)}.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:var(--osmo-text-2xs) var(--osmo-font-sans);font-variant-numeric:tabular-nums;min-width:63px}.frame-label{color:var(--muted);font-size:var(--osmo-text-2xs);min-width:60px}.ruler{height:36px;display:flex;justify-content:space-between;align-items:center;color:#858585;font-size:var(--osmo-text-3xs);font-variant-numeric:tabular-nums;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to right,transparent 0,transparent calc(2.5% - 1px),rgb(255 255 255 / 5%) calc(2.5% - 1px),rgb(255 255 255 / 5%) 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 #00000087}.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:var(--osmo-text-compact);display:flex;align-items:center;gap:8px}.count{font:var(--osmo-text-3xs) var(--osmo-font-sans);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:var(--osmo-text-2xs);color:#aaa;padding:0 9px}.segmented .button.active{background:#303030;color:#fff;box-shadow:0 1px 3px #00000054}.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:var(--osmo-text-compact);color:#c9c9c9;line-height:1.5;max-width:190px}.empty-state p{font-size:var(--osmo-text-xs);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.draft-thread{display:block;width:100%;padding-inline:16px;text-align:left}.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:var(--osmo-text-2xs)}.thread-meta{display:flex;flex-direction:column;gap:3px;flex:1}.thread-meta strong{font-size:var(--osmo-text-2xs)}.thread-meta span{font-size:var(--osmo-text-3xs);color:gray}.thread-heading .button{height:26px;width:26px}.timestamp{display:inline-flex;color:#ff8e66;background:#f943050f;border-radius:4px;font:var(--osmo-text-3xs) var(--osmo-font-sans);padding:5px 7px;height:auto}.timestamp:hover{background:#ffffff0a}.comment-text{margin-top:10px;font-size:var(--osmo-text-xs);white-space:pre-wrap;overflow-wrap:anywhere;color:#dedede;line-height:1.65}.revision-note{display:inline-block;font-size:var(--osmo-text-3xs);color:#b39370;padding-top:9px}.reply{border-left:1px solid rgb(255 255 255 / 13%);padding-left:11px;margin-top:14px;overflow-wrap:anywhere}.reply strong{font-size:var(--osmo-text-3xs);color:#aaa}.reply p{font-size:var(--osmo-text-xs);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:var(--osmo-text-2xs);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:#00000087;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:var(--osmo-text-reading)}.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:var(--osmo-text-xs);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:var(--osmo-text-xs);color:#ff453a;white-space:pre-wrap}.form-error:empty{display:none}.export-progress{font-size:var(--osmo-text-xs);color:#c9c9c9}.dialog-content .subdued{font-size:var(--osmo-text-xs);white-space:pre-line;line-height:1.8}.toast-region{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}#toast,.toast-activity{background:#202020;border:1px solid rgb(255 255 255 / 8%);color:#fafafa;padding:7px 10px;border-radius:8px;box-shadow:0 2px 6px #0003;transition:opacity .15s,transform .15s;width:max-content;max-width:calc(100vw - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--osmo-text-sm)/1.3 var(--osmo-font-sans)}#toast{transform:translateY(10px);opacity:0;pointer-events:none}#toast:not(.visible){display:none}#toast.visible{opacity:1;transform:translateY(0)}.toast-activity{pointer-events:auto}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 286px}.preview-area{padding:0}.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:var(--osmo-text-2xs);max-width:160px}.header-actions{gap:4px}.preview-area{padding:0}.transport .button:not(.icon-button){font-size:var(--osmo-text-2xs);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:var(--osmo-text-2xs)}.outline-summary{font-size:var(--osmo-text-3xs);color:var(--muted);white-space:nowrap}.outline-tools .button{height:25px;padding:0 7px;font-size:var(--osmo-text-3xs);color:var(--muted)}.outline-legend{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:var(--osmo-text-3xs);white-space:nowrap}.outline-legend i{width:10px;height:6px;background:#b8b8b82b;border-radius:2px}.outline-legend i.animated{background:#e57f507f;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:var(--osmo-text-3xs);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:default}.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:var(--osmo-text-3xs)}.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:rgb(255 255 255 / 15%) 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:#ffffff05}.outline-row.selected{background:#ffffff0a}.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:var(--osmo-text-sm);flex:1;overflow:hidden;color:#bcbcbc}.outline-select span{overflow:hidden;text-overflow:ellipsis}.selected .outline-select{color:#fff}.node-type{font-size:var(--osmo-text-4xs);color:#666}.badge{display:inline-flex;align-items:center;border-radius:3px;background:#ffffff08;padding:2px 4px;font-size:var(--osmo-text-4xs);color:#aaa;white-space:nowrap}.outline-lane{margin:0 12px 0 8px;position:relative;cursor:pointer;background:repeating-linear-gradient(to right,rgb(255 255 255 / 3%) 0,rgb(255 255 255 / 3%) 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:var(--osmo-text-4xs) var(--osmo-font-sans);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:var(--osmo-text-3xs) var(--osmo-font-sans);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 rgb(249 67 5 / 31%)}.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:var(--osmo-text-2xs);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{flex-shrink:0;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:var(--osmo-text-2xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-content{--inspector-padding-x:14px;padding:12px 14px;font-size:var(--osmo-text-2xs);color:#aaa}.inspector-badges{display:flex;gap:5px}.source-location{font:var(--osmo-text-3xs) var(--osmo-font-sans);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:var(--osmo-text-3xs)}.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:var(--osmo-text-3xs);color:#d0d0d0;margin:18px 0 10px}.inspector-note{font-size:var(--osmo-text-3xs);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:var(--osmo-text-3xs) var(--osmo-font-sans);padding:0;justify-content:flex-start;height:22px;color:#c8a78d}.inspector-key code{overflow-wrap:anywhere;font-size:var(--osmo-text-3xs)}.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:var(--osmo-text-4xs)}.node-type{display:none}.scene-inspector{position:absolute;right:0;top:0;bottom:0;z-index:8;width:250px;box-shadow:-10px 0 20px #00000054}.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:var(--osmo-text-4xs)}.outline-summary{max-width:170px;white-space:normal;line-height:1.4}.outline-label .badge{display:none}.preview-area{padding:0}}.timeline{position:relative}.panel-resize{position:absolute;top:-12px;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:2px;background:#737373;border-radius:999px;left:50%;top:50%;transform:translate(-50%,-50%);transition:width .14s cubic-bezier(.2,0,0,1),height .14s cubic-bezier(.2,0,0,1),background-color .14s cubic-bezier(.2,0,0,1)}.panel-resize:hover:before,.panel-resize:focus-visible:before,.editor[data-panel-resizing] .panel-resize:before{background:#fff;width:40px;height:4px}@media(prefers-reduced-motion:reduce){.panel-resize:before{transition:none}}.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:2px;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}.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) var(--transport-height,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:var(--osmo-text-sm);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:10px;flex-shrink:0}.preview-fps{display:inline-flex;align-items:center;gap:6px;color:#d5ad69;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;padding:4px 0;cursor:help}.preview-fps-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.preview-fps:focus-visible{outline:1px solid currentColor;outline-offset:4px;border-radius:2px}.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;justify-content:center;gap:4px;min-width:58px;height:28px;padding:0 4px 0 8px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:var(--osmo-text-xs);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer}.canvas-scale:hover,.canvas-scale[data-state=open]{background:var(--hover)}.canvas-scale:focus-visible{outline:1px solid var(--accent)}.context-menu .menu-shortcut{flex-shrink:0;margin-left:auto;padding:0;color:#aaa;font:inherit;white-space:nowrap}.canvas-scale .icon,.canvas-scale .icon svg{width:16px;height:16px}.editor{grid-template-columns:minmax(0,1fr)}.preview-area{min-width:0}.canvas-wrap[data-zoomed]:not(:fullscreen,[data-fullscreen]){min-width:0;overflow:auto;align-items:flex-start;justify-content:flex-start;overscroll-behavior:contain;scrollbar-width:none}.canvas-wrap[data-zoomed]:not(:fullscreen,[data-fullscreen])>div>:is(canvas,.preview-video){flex:none;margin:auto;width:var(--canvas-width);height:var(--canvas-height);max-width:none;max-height:none}.canvas-wrap:is(:fullscreen,[data-fullscreen=window]){width:100vw;height:100dvh;background:#000;outline:none;cursor:pointer}.canvas-wrap:is(:fullscreen,[data-fullscreen=window]) canvas{width:min(100vw,calc(100dvh * var(--preview-aspect)));height:auto;outline:none;cursor:pointer!important}.canvas-wrap:is(:fullscreen,[data-fullscreen=window]) :is(.selection-overlay,.review-canvas){display:none}.canvas-wrap[data-fullscreen=window]{position:fixed;inset:0;z-index:1000}.canvas-wrap:focus-visible{outline:none}.fullscreen-exit{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:#000000ab;color:#fff;cursor:pointer;opacity:.7}.fullscreen-exit:hover,.fullscreen-exit:focus-visible{opacity:1}.fullscreen-exit .icon,.fullscreen-exit svg{width:18px;height:18px}.preview-area{background:var(--background);padding:0}.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)}.topbar>.session-status{flex-shrink:0}.sidebar-actions>.sidebar-toggle{margin-right:auto}.sidebar-actions .button.primary{height:30px;font-size:var(--osmo-text-xs)}.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:var(--osmo-text-compact);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:var(--osmo-text-compact)}.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:var(--osmo-text-compact)}.studio-sidebar .inspector-content{--inspector-padding-x:18px;padding:18px}.studio-sidebar .property-list{grid-template-columns:90px minmax(0,1fr);font-size:var(--osmo-text-xs);gap:10px}.studio-sidebar .inspector-content h4{font-size:var(--osmo-text-xs);margin-top:24px}.studio-sidebar .source-location{font-size:var(--osmo-text-2xs);margin:16px 0 22px}.inspector-empty{padding:22px 18px;color:var(--muted);font-size:var(--osmo-text-xs);line-height:1.6}.inspector-empty strong{color:var(--text);font-size:var(--osmo-text-compact)}.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}.shuttle-rate{font-size:var(--osmo-text-2xs);font-variant-numeric:tabular-nums;color:var(--accent)}.transport-right{display:flex;align-items:center;margin-left:auto;gap:12px}.transport-right .button{width:28px}.timeline-zoom{display:flex;align-items:center;gap:2px}.timeline-zoom .button{height:28px;padding:0;font-size:var(--osmo-text-2xs);color:var(--muted)}.timeline-zoom input{appearance:none;width:80px;height:20px;padding:0;border:0;outline:none;box-shadow:none;background:transparent;cursor:pointer}.timeline-zoom input::-webkit-slider-runnable-track{height:4px;border:0;border-radius:2px;background:linear-gradient(to right,rgb(255 255 255 / 80%) var(--zoom-progress),rgb(255 255 255 / 16%) var(--zoom-progress))}.timeline-zoom input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#fff;box-shadow:none}.timeline-zoom input::-moz-range-track{height:4px;border:0;border-radius:2px;background:#ffffff29}.timeline-zoom input::-moz-range-progress{height:4px;border-radius:2px;background:#fffc}.timeline-zoom input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}.timeline-zoom input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #ffffff29}.timeline-zoom input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #ffffff29}@media(max-width:1000px){.canvas-controls{gap:2px}.timeline-zoom input{width:48px}.transport-right{gap:4px}}@media(max-width:900px){.timeline-zoom input{display:none}}@media(max-width:800px){.topbar{gap:10px;padding:0 12px}.project-title{font-size:var(--osmo-text-sm)}.canvas-controls .button{width:28px}.canvas-scale{font-size:var(--osmo-text-xs)}}.transport-left .timecode{font-size:var(--osmo-text-sm);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:var(--osmo-text-3xs);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}.transport-left .playback-speed{width:auto;min-width:44px;padding:0 8px;font-variant-numeric:tabular-nums}.mode-switch{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:2px;padding:4px;border-radius:12px;background:#ffffff0d;isolation:isolate}.topbar{position:relative}.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:.5625rem}.property-row .outline-label,.property-row .outline-lane{min-height:32px}.studio-aside{display:none}.editor[data-aside]{grid-template-columns:auto minmax(0,1fr)}.editor[data-aside]>*{grid-column:2}.editor[data-aside]>.topbar{grid-column:2;grid-row:1}.editor[data-aside]>.studio-aside-header{grid-column:1;grid-row:1;display:flex;align-items:center;padding:0 16px;background:#181818;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.editor[data-aside]>.studio-aside{grid-column:1;grid-row:2 / -1;display:flex;min-height:0}@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:0;padding-right:0}}@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) var(--transport-height,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:0}}@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:default}.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:var(--osmo-text-xs);font-weight:500;color:#aaa}.composer-heading .timestamp{font-size:var(--osmo-text-2xs);padding:3px 6px}.comment-composer textarea{width:100%;min-height:88px;max-height:160px;resize:vertical;padding:12px;font-size:var(--osmo-text-compact)}.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:var(--osmo-text-xs)}.comment-range summary{cursor:pointer;width:fit-content;padding:6px 0}.comment-range input{width:100%;margin-top:6px;font-size:var(--osmo-text-xs)}.comment-composer .form-error{margin:0;font-size:var(--osmo-text-xs)}.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:var(--osmo-text-sm)}.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 rgb(255 255 255 / 8%);border-radius:8px;background:#202020;color:#fafafa;font:var(--osmo-text-sm)/1.3 var(--osmo-font-sans);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:var(--osmo-text-xs)/1 var(--osmo-font-sans);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:default;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:3px;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}.topbar>.session-status{font-size:var(--osmo-text-3xs)}.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 rgb(255 255 255 / 8%);border-radius:18px 18px 18px 3px;background:#292929;box-shadow:0 8px 30px #0006;font-size:var(--osmo-text-sm);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:var(--osmo-text-2xs);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:var(--osmo-text-xs);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:var(--osmo-text-sm)/1.5 var(--osmo-font-sans)}.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:var(--osmo-text-xs)}.comment-target-label{color:#979797;font-size:var(--osmo-text-2xs)}.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}.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-actions .button{background:transparent;color:#fafafa;opacity:0;pointer-events:none}.thread:hover .thread-actions .button,.thread:has(:focus-visible) .thread-actions .button,.thread:focus-visible .thread-actions .button{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:.75rem;letter-spacing:0px}.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 rgb(250 250 250 / 50%);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:-4px;height:32px;width:24px}.review-range-handle:after{left:5px;top:8px;height:16px;width:2px;border-radius:2px;background:#fafafa;transform:scale(1);transform-origin:center;transition:transform .14s cubic-bezier(.2,0,0,1)}.review-range-handle:hover:after,.review-range-handle:focus-visible:after,.review-range-handle:active:after{transform:scale(2,1.5)}.range-start{left:-24px}.range-start:after{left:auto;right:5px}.range-end{right:-24px}@media(prefers-reduced-motion:reduce){.review-range-handle:after{transition:none}}.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-actions{position:absolute;right:12px;top:-5px;display:flex;gap:4px}.thread-location{display:block;padding:0 16px;font-size:var(--osmo-text-xs);line-height:1.5rem;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 rgb(249 67 5 / 20%);border-radius:6px;background:transparent;color:#dedede;font:500 var(--osmo-text-xs)/1.25rem var(--osmo-font-sans)}.thread-location .comment-text{display:inline;margin:0;font:var(--osmo-text-xs)/1rem var(--osmo-font-sans)}.thread.is-selected .thread-actions .button{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:var(--osmo-text-xs);line-height:1rem}.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:var(--osmo-text-compact);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:var(--osmo-text-compact)}.board-stale{color:#dfab76;padding:0 16px 12px;font-size:var(--osmo-text-compact)}.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:var(--osmo-text-reading)}.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:var(--osmo-text-compact)}.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:var(--osmo-text-xs);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:var(--osmo-text-xs);color:var(--muted)}.clip-track-label small{opacity:.6;font-size:var(--osmo-text-3xs)}.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:var(--osmo-text-xs);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:var(--osmo-text-2xs);white-space:nowrap;pointer-events:none;border-radius:5px}.clip-drag-ghost.invalid{border-color:#f66;background:#ff333345}.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-open-source{justify-content:space-between;margin:4px 0;border:0;cursor:pointer;text-align:left}.clip-open-source:hover{background:var(--osmo-hover)}.clip-open-source>svg{flex:none}.clip-binding{display:grid;gap:5px;font-size:var(--osmo-text-xs);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-shell,.modern-timeline{--bronze:#74747C;--teal:#438E89;--cerulean:#4E83B8;--mauve:#AD708D;--clip-gray:#748397;--scene-gray:#4E83B8;--audio-green:#568B65;--shader-violet:#8771B5;--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:rgb(255 255 255 / 15%) #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 rgb(255 255 255 / 4%);z-index:12}.track-ruler-heading{position:sticky;left:0;z-index:15;padding:12px 12px 0;color:#777;font-size:var(--osmo-text-3xs);background:#181818;border-right:1px solid rgb(255 255 255 / 4%)}.track-ruler{position:relative;margin:0 12px 0 8px;cursor:default;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:#ffffff14;pointer-events:none}.track-tick.major{height:8px;background:#ffffff26}.track-tick>span{position:absolute;bottom:13px;left:50%;transform:translate(-50%);font:var(--osmo-text-3xs) var(--osmo-font-sans);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:0}.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:var(--osmo-text-3xs);line-height:.875rem}.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 var(--border);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 rgb(255 255 255 / 4%);font-size:var(--osmo-text-3xs);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:transparent;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:1000;width:max-content;min-width:128px;max-width:min(320px,calc(100vw - 24px));max-height:var(--radix-context-menu-content-available-height,var(--radix-popper-available-height,350px));overflow:auto;padding:4px;border:0;border-radius:12px;background:#1f1f1f;color:#fafafa;font-size:var(--osmo-type-control-size);line-height:var(--osmo-type-control-line);box-shadow:var(--shadow-popover,0 1px 2px 1px rgb(0 0 0 / 10%),0 3px 6px -3px rgb(0 0 0 / 20%),0 4px 8px -2px rgb(0 0 0 / 20%));outline:none;transform-origin:var(--radix-context-menu-content-transform-origin,var(--radix-dropdown-menu-content-transform-origin,center));animation:osmo-menu-in .1s ease-out}.context-menu-item{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:28px;padding:4px 8px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:default;user-select:none;outline:none}.context-menu-item[data-highlighted]{background:#262626}.context-menu-item[data-disabled]{opacity:.35;pointer-events:none}.context-menu-item.danger{color:#ff8a72}.context-menu [role=separator]{height:1px;margin:4px -4px;background:#ffffff1a}.context-menu .menu-check{display:flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;height:14px;margin-left:auto}.context-menu .menu-shortcut+.menu-check{margin-left:0}.context-menu .menu-check .icon,.context-menu .menu-check svg{width:14px;height:14px}@media(prefers-reduced-motion:no-preference){.context-menu-item{transition:background-color 75ms cubic-bezier(.42,0,.58,1),color 75ms cubic-bezier(.42,0,.58,1)}}@media(prefers-reduced-motion:reduce){.context-menu{animation:none}}.track-controls{display:flex;gap:1px;flex:none;pointer-events:none}.track-controls>.track-toggle{opacity:0;pointer-events:none}.clip-track-row:hover>.clip-track-label .track-toggle,.track-layer-row:hover>.track-layer-header .track-toggle,.track-toggle:focus-visible,.track-toggle[aria-pressed=true]{opacity:1;pointer-events:auto}.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:#fff;font-size:var(--osmo-text-3xs);line-height:1}.track-toggle .icon,.track-toggle .icon svg{width:12px;height:12px}.track-toggle:hover{background:#ffffff0d;color:#fff}.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:var(--osmo-text-2xs);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:var(--osmo-text-base);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:#ffffff21}.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 #00000054}.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:var(--osmo-text-3xs);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:#ffffff03;border:0}.track-layer-header{padding-right:5px;gap:3px}.track-layer-header>button{color:#959595;background:none;border:0;font-size:var(--osmo-text-3xs);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:var(--osmo-text-sm)}.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(--scene-gray)}.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{--layer-color:var(--cerulean)}.track-layer-row.type-audio{--layer-color:var(--audio-green)}.track-layer-row.type-shader{--layer-color:var(--shader-violet)}.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:var(--osmo-text-2xs);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:var(--osmo-text-2xs)}.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:.875rem}.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:var(--layer-color);pointer-events:none}.track-key{position:absolute;top:50%;width:16px;height:16px;display:grid;place-items:center;transform:translate(-50%,-50%);border:0;padding:0;background:transparent;color:var(--layer-color);cursor:pointer}.track-key>svg{display:block;pointer-events:none}.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(--scene-gray)}.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).type-video{--clip-color:var(--cerulean)}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-audio{--clip-color:var(--audio-green)}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-shader{--clip-color:var(--shader-violet)}.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:0;background:var(--background);overflow:visible}.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:default;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}}.inspector-scroll,.resources-scroll,.threads-scroll{flex:1;min-height:0;min-width:0}.inspector-scroll>[data-slot=scroll-area-viewport],.resources-scroll>[data-slot=scroll-area-viewport],.threads-scroll>[data-slot=scroll-area-viewport]{overscroll-behavior:contain;overflow-anchor:none}.inspector-scroll>[data-slot=scroll-area-viewport]>div,.resources-scroll>[data-slot=scroll-area-viewport]>div,.threads-scroll>[data-slot=scroll-area-viewport]>div{display:block!important}@supports (animation-timeline:scroll()){.threads{border-top:1px solid transparent;animation:threads-divider linear both;animation-timeline:scroll(self);animation-range:0 8px}@keyframes threads-divider{to{border-top-color:#ffffff14}}}.resources-panel{padding:18px 16px}.project-section{border-bottom:1px solid var(--border)}.project-section>summary{display:flex;align-items:center;gap:10px;padding:18px;cursor:pointer;list-style:none;font-size:var(--osmo-text-compact);font-weight:600;color:var(--text);user-select:none}.project-section>summary::-webkit-details-marker{display:none}.project-section>summary:focus-visible{outline:1px solid var(--ring,#777);outline-offset:-3px}.project-controls{padding:0 18px 18px}.project-controls .studio-control{margin:4px 0}.project-controls>p{font-size:var(--osmo-text-xs)}.project-section .resources-panel{padding-top:0}.resources-panel h2{margin:0 0 16px;font-size:var(--osmo-text-compact);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:var(--osmo-text-xs)}.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:var(--osmo-text-display-sm)}.resource-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:var(--osmo-text-xs)}.resource-type{margin-top:3px;color:#888;font-size:var(--osmo-text-3xs)}.resource-help,.resources-empty{color:#777;font-size:var(--osmo-text-2xs);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:var(--osmo-text-xs);cursor:pointer}.resources-error{color:#db9f86;font-size:var(--osmo-text-2xs);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:#ff4b0017;border-radius:4px}.resource-drop-overlay svg{position:absolute;inset:0;width:100%;height:100%}.resource-drop-overlay polygon{fill:#ff4b0017;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:var(--osmo-text-2xs);box-shadow:0 2px 10px #00000054}.resource-drop-label[data-invalid=true]{color:#efb8a4}.scene-breadcrumbs{display:flex;align-items:center;gap:4px;color:#777;font-size:var(--osmo-text-xs);min-width:0;overflow:hidden}.scene-breadcrumbs button{background:none;border:0;color:#999;height:28px;padding:0 8px;border-radius:6px;cursor:pointer;font:inherit;min-width:0;white-space:nowrap}.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:var(--osmo-text-3xs);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:var(--osmo-text-xl)}.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}.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;display:flex;flex-direction:column;height:100%;min-height:0;outline:none}.track-key{touch-action:none}.track-key.key-selected{color:#fff;box-shadow:none;z-index:4}.track-key:is(:hover,:active,:focus-visible){color:#fff}.track-key:focus-visible{outline:none;background:transparent;box-shadow:none}.keyframe-marquee{position:fixed;pointer-events:none;z-index:80;border:1px solid var(--accent);background:#ff51001a}.keyframe-status{position:absolute;bottom:6px;right:12px;pointer-events:none;z-index:8;background:#181818e8;border-radius:4px;color:#bbb;font-size:var(--osmo-text-2xs);padding:4px 7px}.keyframe-menu-label{font-size:var(--osmo-text-3xs);color:var(--muted);padding:5px 8px}.keyframe-dialog-backdrop{position:fixed;inset:0;z-index:100;background:#00000054;display:grid;place-items:center}.keyframe-dialog{width:300px;background:#202020;border:1px solid #444;border-radius:8px;padding:18px;color:#ddd;font-size:var(--osmo-text-xs)}.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:var(--osmo-text-2xs);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;transform:scale(.8);transform-origin:center;transition:opacity .14s cubic-bezier(.2,0,0,1),transform .14s cubic-bezier(.2,0,0,1);width:17px;height:17px;flex:none;padding:3px;border:1px solid currentColor;border-radius:4px;color:var(--layer-color);background:#181818;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;transform:scale(1)}.keyframe-easing-button:is(:hover,:focus-visible,:active),.keyframe-easing-segment.selected .keyframe-easing-button{color:#fff;border-color:currentColor}.keyframe-easing-button svg{display:block;width:100%;height:100%}.keyframe-easing-button svg path{stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.track-layer-row:hover .keyframe-easing-button{background:#212121}@container (max-width:24px){.keyframe-easing-button{display:none}}.easing-description{color:#ddd;display:grid;gap:6px;font-size:var(--osmo-text-xs)}.easing-description span{color:#888;font-size:var(--osmo-text-2xs)}.easing-preset-label{display:grid;gap:6px;font-size:var(--osmo-text-2xs);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:var(--osmo-text-3xs)}.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 #00000087}.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:var(--osmo-text-2xs);font-weight:500;font-variant-numeric:tabular-nums}.version-latest{padding:2px 6px;border-radius:4px;background:#ffffff1a;color:var(--text);font-size:var(--osmo-text-4xs)}.version-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--osmo-text-3xs)}.version-status{display:flex;align-items:center;gap:8px;padding:10px;font-size:var(--osmo-text-xs);color:var(--muted)}.version-more{width:100%;margin-top:4px;padding:8px;border-radius:6px;background:transparent;color:var(--muted);font-size:var(--osmo-text-xs)}.version-more:hover{background:var(--hover);color:var(--text)}.version-status .version-more{width:auto;margin:0;padding:0;text-decoration:underline}@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:24px;padding:12px 0;margin-bottom:16px;background:#1f1f1f}.thread-location{display:block;padding:0 16px;line-height:1.5rem;overflow-wrap:anywhere}.comment-time{display:inline-flex;align-items:center;white-space:nowrap;user-select:none;margin-right:8px}.comment-time .timestamp{margin:0;font-size:var(--osmo-text-xs);line-height:1.25rem}.thread .reply{border:0;padding:0;margin-top:24px}.thread .reply time{display:block;color:gray;font-size:var(--osmo-text-3xs);line-height:.75rem;margin-bottom:4px}.thread .reply p{font-size:var(--osmo-text-xs);line-height:1.125rem;white-space:pre-wrap;overflow-wrap:anywhere}.review-bubble,.review-hover,.message-composer-panel{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,.message-composer-panel{width:240px;min-height:52px;border-radius:16px;padding:12px 12px 12px 16px}.review-bubble{border-radius:24px}.review-bubble.is-composing{width:280px;border-radius:24px}.review-bubble-heading{padding:0;min-height:24px;gap:8px;margin-bottom:8px}.review-bubble-heading small{margin:0;font-size:var(--osmo-text-3xs);line-height:.75rem;color:#fafafa7f}.review-bubble-heading .button{width:24px;height:24px;padding:4px}.review-bubble-content{padding:0}.review-comment-text{line-height:1.5rem;margin:0}.review-reply{margin-top:8px;padding:8px 0 0;border:0}.review-reply time{display:block;font-size:var(--osmo-text-3xs);line-height:.75rem;color:#fafafa7f;margin-bottom:4px}.review-reply p{font-size:var(--osmo-text-sm);line-height:1.25rem;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:var(--osmo-text-sm);line-height:1.25rem;border-radius:0;box-shadow:none}.review-bubble:not(.is-composing) textarea{font-size:var(--osmo-text-xs);line-height:1rem}.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}.review-hover p{line-height:1.5rem;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}.transport .time-menu{display:none}.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:var(--osmo-text-2xs);line-height:1rem}.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 rgb(255 255 255 / 5%);color:var(--text);font-size:var(--osmo-text-2xs);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}.thread-heading .thread-meta{flex-direction:row;flex-wrap:nowrap;align-items:baseline;gap:8px}.comment-time .button.timestamp{display:inline-flex;align-items:center;height:24px;margin:0;padding:1px 6px;border:1px solid rgb(255 255 255 / 20%);border-radius:6px;background:transparent;color:#dedede;font:500 var(--osmo-text-xs)/1.25rem var(--osmo-font-sans);vertical-align:baseline}.message-prefix{top:0;height:24px;display:flex;align-items:center}.review-bubble .message-input textarea{min-height:18px;height:18px;font:400 var(--osmo-text-xs)/1.125rem var(--osmo-font-sans)}.review-bubble-form{align-items:center;min-height:28px}.review-bubble-actions{align-self:flex-end}.review-bubble-actions .button,.review-bubble-actions .button:hover,.is-composing .review-bubble-actions .button{border:0;border-radius:50%;background:var(--review-stroke);color:#fafafa;transition:background-color .16s ease-out}.review-bubble-actions .button:disabled{background:var(--review-stroke);opacity:1;cursor:default}@media(prefers-reduced-motion:reduce){.review-bubble-actions .button{transition:none}}.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,.review-canvas[data-moving=true],.review-canvas[data-moving=true] .review-saved-region{cursor:default}.review-time-range.is-point{height:28px;background:#fafafa7f;border:0}.comment-scene-scrubber{position:absolute;inset:0;cursor:default;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:default;touch-action:none}.review-range-editor:not(.is-point):active{cursor:default}.review-time-pins .button.review-pin{transform:translate(-2px);touch-action:none}.comment-timeline .review-time-range{top:46px;height:var(--clip-height)}.track-ruler-row .review-time-range{top:14px;height:var(--clip-height)}.review-time-range.is-hit{pointer-events:auto;cursor:pointer}.review-time-range.is-hit.is-point{z-index:1}.review-time-range.is-hit.is-point:after{content:"";position:absolute;inset:0 -4px}.review-time-range.is-hovered{border-color:var(--review-stroke,#f94305);background:#f943054f;visibility:visible;z-index:2}.review-time-range.is-hovered.is-point{background:var(--review-stroke,#f94305);z-index:2}.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[data-active=true]{transition:none;z-index:21}.review-pin-stack[data-active=true] .review-pin{transition:none}.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:block;flex:none;width:4px;height:1px;background:#fff3}@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-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:default;touch-action:none}.review-range-editor[data-movable=true]:active{cursor:default}@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:18px;padding:0 6px;border:1px solid rgb(255 255 255 / 20%);border-radius:9999px;color:#dedede;font:500 var(--osmo-text-3xs)/1rem var(--osmo-font-sans);vertical-align:top}.review-hover .comment-time{display:inline-flex;align-items:center;height:20px;margin-right:4px;vertical-align:top}.thread{padding-bottom:16px}.review-region-handle{cursor:default}.review-hover{max-height:min(320px,calc(100dvh - 24px))}.review-hover{width:max-content;min-width:0;max-width:272px;box-sizing:border-box;padding:10px 14px 10px 10px;border-radius:24px}.review-hover .review-author{display:none}.review-hover p{margin:0;font-size:var(--osmo-text-xs);line-height:1.25rem}.review-hover .review-hover-reply{margin:6px -4px 0 0;padding:6px 4px 0 0;border-top:1px solid rgb(255 255 255 / 10%)}.review-hover .review-hover-reply time{display:none}.review-hover .review-hover-reply p{display:block;-webkit-line-clamp:unset;white-space:pre-wrap;margin:0}.review-hover-ghost{position:absolute;left:10px;top:10px;pointer-events:none}.thread-location,.thread .comment-text,.thread .reply p,.review-comment-text,.review-reply p{line-height:1.25rem}.comment-time .button.timestamp{height:20px;padding:0 6px;border-radius:9999px;font-size:var(--osmo-text-2xs);line-height:1.125rem}.comment-time .button.timestamp:focus-visible{outline:none;border-color:var(--accent)}.is-composing .button.timestamp{font-size:var(--osmo-text-xs)}.thread-heading{min-height:28px}.thread-actions{top:0;right:12px}.thread-actions .button{width:28px;height:28px;padding:6px}.thread-actions .button:hover,.thread-actions .button:focus-visible,.review-bubble-heading .button:hover,.review-bubble-heading .button:focus-visible{background:#ffffff0a}.thread-actions .button,.review-bubble-heading .button,.reply-delete{border-radius:50%}.review-bubble-heading>.comment-bubble-actions{display:flex;flex:none;gap:4px}.review-bubble-heading .button,.button.reply-delete{color:#fafafa}.button.comment-delete:hover{color:#ff5a4f}.reply,.review-reply{position:relative}.button.reply-delete{position:absolute;top:0;right:0;width:24px;height:24px;padding:4px;opacity:0;pointer-events:none}.reply:is(:hover,:focus-within) .reply-delete,.review-reply:is(:hover,:focus-within) .reply-delete{opacity:.55;pointer-events:auto}.button.reply-delete:hover{opacity:1}.review-bubble .button:focus-visible,.thread-heading .button:focus-visible,.reply-delete:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--accent)}.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:#ffffff05}.export-summary div{display:flex;flex-direction:column;gap:5px}.export-summary span{font-size:var(--osmo-text-3xs);color:#999}.export-summary strong{font-size:var(--osmo-text-2xs);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:0}.studio-shell[data-review=true] .canvas-wrap:not(:fullscreen,[data-fullscreen]){height:auto;aspect-ratio:var(--preview-aspect)}.studio-shell[data-review=true] .canvas-wrap:not(:fullscreen,[data-fullscreen],[data-zoomed])>div>: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:var(--osmo-text-base)}.thread-actions .button{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:var(--osmo-text-sm);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:96px}.thread-actions .button{width:44px;height:44px}.review-pin:before{content:"";position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%,-50%)}.button.review-range-handle{width:44px;height:44px;top:-10px}.review-range-handle.range-start{left:-44px}.review-range-handle.range-end{right:-44px}.review-range-handle:after{top:14px}}.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:left}@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 #00000087}.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:var(--osmo-text-sm);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-actions{top:-6px}.thread-actions .icon,.thread-actions .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:var(--osmo-text-sm);line-height:1.375rem}.comment-time .button.timestamp{font-size:var(--osmo-text-sm);line-height:1.25rem;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:var(--osmo-text-base);line-height:1.5rem}.version-meta,.version-name{font-size:var(--osmo-text-sm);line-height:1.25rem}.version-latest{font-size:var(--osmo-text-xs);line-height:1rem}}.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:#00000087;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:var(--osmo-text-base);line-height:1.5rem;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:var(--osmo-text-base);line-height:1.5rem;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}.studio-control{min-width:0;margin:4px 0}.studio-control .osmo-label{text-transform:capitalize}.property-value>.property-keyframe{top:1px}.editable-property[data-embedded-keyframe]{padding-right:0}.property-value>.property-keyframe{width:28px;height:28px;font-size:inherit}.editable-property{padding-right:0}.editable-property[data-external-keyframe]{padding-right:29px}.studio-base-control{min-width:0}.osmo-section-fields>.editable-property{min-width:0}.osmo-section-fields>.property-wide{grid-column:1 / -1}.osmo-section-fields .studio-control{margin:0}.osmo-section-fields .board-field{margin:0 0 6px}.clip-inspector{-webkit-user-select:none;user-select:none}.clip-inspector input,.clip-inspector textarea,.clip-inspector [contenteditable=true]{-webkit-user-select:text;user-select:text}.mask-controls{display:grid;gap:1px;border-radius:6px;overflow:hidden;background:color-mix(in srgb,var(--osmo-surface, #1f1f1f),white 5%)}.mask-controls>.studio-control{margin:0}.mask-controls>.studio-control>.osmo-cell{border-radius:0}.mask-controls>.studio-control:first-child .osmo-select-value{flex:1}.clip-inspector .inspector-content>fieldset>.osmo-inspector-section:first-of-type{margin-top:16px}.clip-inspector .osmo-inspector-section{position:relative;border-top-color:transparent}.clip-inspector .osmo-inspector-section:before{content:"";position:absolute;top:-1px;left:calc(-1 * var(--inspector-padding-x));right:calc(-1 * var(--inspector-padding-x));height:1px;background:#ffffff0d;pointer-events:none}.clip-inspector .inspector-content h4.inspector-knobs-heading{position:relative;margin-top:16px;padding-top:16px}.clip-inspector .inspector-knobs-heading:before{content:"";position:absolute;top:0;left:calc(-1 * var(--inspector-padding-x));right:calc(-1 * var(--inspector-padding-x));height:1px;background:#ffffff0d;pointer-events:none}.property-link-actions{display:flex;height:100%}.property-link-actions>.osmo-select-trigger{width:28px;max-width:none;min-height:28px;height:28px;flex:0 0 28px;align-self:center;padding:0;border:0;display:flex;align-items:center;justify-content:center;color:#fafafa;background:transparent;border-radius:0 6px 6px 0}.property-link-actions>.osmo-select-trigger:hover,.property-link-actions>.osmo-select-trigger[data-state=open]{color:#fafafa;background:#ffffff0a}.property-link-actions>.osmo-select-trigger>span{display:none}.osmo-dimension-mode>.property-link-actions{margin-right:-8px;border-left:1px solid rgb(255 255 255 / 5%)}.property-link-actions[data-state=at]>.osmo-select-trigger{color:#fafafa;background:color-mix(in srgb,var(--osmo-keyframe-at, var(--osmo-accent)) 8%,transparent)}.property-link-actions[data-state=between]>.osmo-select-trigger{color:#fafafa}@media(prefers-reduced-motion:no-preference){.property-link-actions>.osmo-select-trigger{transition:background-color 75ms cubic-bezier(.42,0,.58,1),color 75ms cubic-bezier(.42,0,.58,1)}}.asset-control{display:flex;flex-direction:column;gap:2px;min-width:0;margin:12px 0 4px}.asset-control-label{color:#909090;font-size:var(--osmo-text-xs);line-height:1rem}.asset-control-drop{display:flex;align-items:center;gap:8px;width:100%;height:40px;min-width:0;padding:8px;text-align:left;background:var(--osmo-surface);border:0;border-radius:6px;color:inherit;cursor:pointer}.asset-control-drop:hover,.asset-control-drop[data-dragging]{background:var(--osmo-hover)}.asset-control-drop button:focus-visible{outline:1px solid var(--osmo-accent);outline-offset:2px}.asset-control-replace:disabled{cursor:default;opacity:.6}.asset-control-preview{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;overflow:hidden;border-radius:4px;background:transparent;font-size:var(--osmo-text-lg)}.asset-control-preview img{width:100%;height:100%;object-fit:contain}.asset-control-file{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.asset-control-file>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--osmo-text-xs)}.asset-control-file small{color:#999;font-size:var(--osmo-text-3xs)}.asset-control-error{color:#ff9a91;font-size:var(--osmo-text-xs);margin:0;overflow-wrap:anywhere}.asset-control-cancel{align-self:flex-start;color:#bbb;background:transparent;border:0;padding:0;font-size:var(--osmo-text-2xs);cursor:pointer}.asset-control-details{display:grid;min-width:0;flex-shrink:0}.asset-control-details>span{grid-area:1 / 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-control-hint{visibility:hidden}.asset-control-drop:not([data-disabled]):is(:hover,:focus-within,[data-dragging]) .asset-control-hint{visibility:visible}.asset-control-drop:not([data-disabled]):is(:hover,:focus-within,[data-dragging]) .asset-control-metadata{visibility:hidden}.asset-control-preview>svg,.asset-control-preview .icon,.asset-control-preview .icon svg{display:block;width:20px;height:20px}.asset-control-drop .asset-control-preview{padding:0;border:0;background:transparent;box-shadow:none}.asset-control-drop button.asset-control-preview{cursor:pointer}.asset-control-drop button.asset-control-preview:hover{background:transparent;box-shadow:none}.asset-control-drop .asset-control-replace{display:flex;align-items:center;flex:1;align-self:stretch;min-width:0;text-align:left;padding:0;cursor:pointer}.asset-preview-popover{z-index:150;width:min(360px,calc(100vw - 24px));max-height:var(--radix-popover-content-available-height);overflow:auto;background:#202020;border-radius:16px;padding:8px;box-shadow:0 8px 36px #00000087,0 0 0 1px #ffffff12}.asset-preview-popover header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.asset-preview-popover header>span{font-size:var(--osmo-text-sm);min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-preview-popover .asset-preview-close{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:6px;cursor:pointer}.asset-preview-popover .asset-preview-close:hover{background:#ffffff12}.asset-preview-close svg{width:16px;height:16px}.asset-preview-image{display:grid;place-items:center;min-height:160px;height:280px;padding:16px;border-radius:8px;overflow:hidden;background-color:#888;background-image:conic-gradient(#777 25%,transparent 0 50%,#777 0 75%,transparent 0);background-size:16px 16px}.asset-preview-image img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.asset-preview-popover video{display:block;width:100%;max-height:280px;aspect-ratio:16 / 9;border-radius:6px;background:#101010}.asset-preview-audio{display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:24px}.asset-preview-audio>.icon svg{width:48px;height:48px;color:#aaa}.asset-preview-audio audio{display:block;width:100%;color-scheme:dark}.asset-preview-metadata{margin:12px 0 0;color:#999;font-size:var(--osmo-text-2xs);overflow-wrap:anywhere}.asset-preview-message{padding:36px 12px;margin:0;color:#aaa;text-align:center}.review-bubble-form.has-attachments .attachment-picker{width:28px;height:28px;padding:6px;border-radius:8px;background:transparent;color:#fafafa7f;align-self:flex-start;flex:none}.inspector-knob-group{margin:16px 0}.inspector-knob-group>h5{margin:0 0 8px;font-size:var(--osmo-text-2xs);font-weight:500;line-height:1rem;color:var(--muted)}.project-knob-group{margin:0;padding:12px 0;border-top:1px solid var(--border)}.project-controls>.project-knob-group{margin:0 -18px;padding:12px 18px}.project-knob-group>summary{display:flex;align-items:center;gap:10px;list-style:none;padding:8px 0;font-size:var(--osmo-text-xs);font-weight:500;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.project-knob-group .project-knob-group{margin-left:12px}.project-knob-group>summary::-webkit-details-marker{display:none}[data-parent-highlight=true]{outline:1px solid var(--accent);outline-offset:-1px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--accent)}.project-controls:has(>.project-knob-group:last-child){padding-bottom:0}.project-controls>.project-knob-group:first-child{border-top:1px solid var(--border);padding-top:0}.clip-inspector .inspector-content>fieldset>h4:first-child{margin:0 0 8px}.clip-inspector .inspector-content h4.inspector-knobs-heading{margin-top:12px;padding-top:12px;margin-bottom:8px}.review-bubble-form.has-attachments .attachment-picker:hover{background:#2a2a2a;color:#fafafa}.review-bubble.is-composing:has(.is-expanded){padding:12px 12px 12px 16px}.is-composing .has-attachments:not(.is-expanded) .attachment-picker{display:none}.is-composing .has-attachments.is-expanded .message-input,.message-composer-panel.is-expanded .message-input{flex-basis:100%;order:0}.is-composing .has-attachments.is-expanded .attachment-picker,.message-composer-panel.is-expanded .attachment-picker{order:2}.is-composing .has-attachments.is-expanded .review-bubble-actions,.message-composer-panel.is-expanded .review-bubble-actions{order:3;margin-left:auto}.attachment-chips{display:flex;gap:4px;flex-wrap:wrap;flex-basis:100%;min-width:0;order:1}.attachment-chip{display:flex;align-items:center;gap:6px;height:28px;box-sizing:border-box;min-width:0;max-width:100%;padding:3px 3px 3px 6px;border-radius:6px;background:#2a2a2a;font-size:var(--osmo-text-2xs)}.attachment-chip>.attachment-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.attachment-preview{display:flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;overflow:hidden;border-radius:3px;background:#1c1c1c}.attachment-preview img{display:block;width:100%;height:100%;object-fit:contain}.attachment-preview .icon{width:16px;height:16px}.attachment-chip button{width:22px;height:22px;flex:none;background:transparent;border:0;color:inherit;cursor:pointer}.saved-attachments{display:flex;flex-direction:column;gap:4px;min-width:0;margin-top:8px}.saved-attachment{display:flex;align-items:center;gap:6px;width:100%;height:28px;min-width:0;padding:0 6px;background:transparent;border:0;border-radius:6px;color:inherit;font-size:var(--osmo-text-xs);text-align:left;cursor:pointer}.saved-attachment:hover{background:#2a2a2a}.saved-attachment>.icon{width:16px;height:16px;flex:none}.saved-attachment>.attachment-filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-bubble .message-input{flex:1 1 160px;min-width:160px;min-height:24px;overflow:visible}.review-bubble .message-input textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-home{height:28px;border-radius:6px;border:0;padding:0 8px;background:none;color:inherit;font:inherit;cursor:pointer;text-align:left}.project-home:hover{color:var(--text)}.topbar .project-home:focus,.topbar .scene-breadcrumbs button:focus{outline:none;box-shadow:none}.topbar .project-home:focus-visible,.topbar .scene-breadcrumbs button:focus-visible{background:#ffffff0a}.scene-breadcrumbs>span{display:flex;align-items:center;gap:4px;min-width:0}.scene-breadcrumb-separator{flex:none}.project-title+.scene-breadcrumbs{margin-left:-12px}@media(max-width:800px){.project-title+.scene-breadcrumbs{margin-left:-6px}}.review-bubble .message-input textarea{padding:2px 0;box-sizing:border-box}.review-bubble.is-composing .message-input textarea{height:24px;min-height:24px;padding:0;line-height:1.5rem}.attachment-chip{padding:0 3px 0 0}.attachment-preview{flex:0 0 28px;width:28px;height:28px;border-radius:4px}.saved-attachment{padding:0 6px 0 0}.saved-attachment>.attachment-preview{flex:0 0 28px}.saved-attachment>.attachment-filename{flex:1}.attachment-preview,.saved-attachment>.attachment-preview{width:24px;height:24px;flex:0 0 24px;margin:2px 0 2px 2px;background:transparent}.attachment-preview img,.attachment-preview video{display:block;width:100%;height:100%;object-fit:contain}.attachment-preview.is-fallback{background:none}.attachment-preview.is-fallback .icon{width:14px;height:14px;flex:0 0 14px}.thread>.saved-attachments{margin-left:16px;margin-right:16px}.saved-attachment>.icon{width:14px;height:14px;flex:0 0 14px}.attachment-chips{align-items:flex-start;width:100%}.attachment-chip{font-size:var(--osmo-text-xs);gap:6px}.is-composing .review-bubble-form{align-items:flex-start}.is-composing .message-input{margin-top:2px}@media(max-width:720px),(pointer:coarse){.is-composing .message-input{margin-top:10px}}.review-bubble.is-composing{overflow:hidden}@media(prefers-reduced-motion:no-preference){.is-composing .is-expanded .attachment-picker{animation:composer-actions-in .18s cubic-bezier(.22,1,.36,1)}}@keyframes composer-actions-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.review-bubble{outline:0;box-shadow:0 0 0 1px var(--review-stroke),0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a}.review-bubble:has(.is-file-drop){box-shadow:0 0 0 3px var(--review-stroke),0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a}.reply-form{box-shadow:0 0 0 0 var(--review-stroke)}.reply-form.is-file-drop{box-shadow:0 0 0 3px var(--review-stroke)}@media(prefers-reduced-motion:no-preference){.review-bubble,.reply-form{transition:box-shadow .12s cubic-bezier(.22,1,.36,1)}}.is-file-drop .message-prefix,.is-file-drop .review-bubble-actions{opacity:.8}@media(prefers-reduced-motion:no-preference){.message-prefix,.review-bubble-actions{transition:opacity .12s cubic-bezier(.22,1,.36,1)}}.attachment-chip .attachment-open,.saved-attachment .attachment-open{display:flex;align-items:center;gap:6px;flex:1;min-width:0;width:auto;height:28px;padding:0;background:transparent;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.attachment-open .attachment-filename{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-attachment .attachment-download{display:flex;align-items:center;justify-content:center;flex:none;width:22px;height:24px;padding:4px;border:0;background:transparent;color:inherit;cursor:pointer}.attachment-download .icon{width:14px;height:14px}.track-timeline .clip-trim{width:24px;z-index:3;right:-24px}.track-timeline .clip-trim-start{left:-24px;right:auto}.clip-trim:after{content:"";position:absolute;width:2px;height:16px;left:5px;top:50%;border-radius:2px;background:#fafafa;opacity:0;transform:translateY(-50%) scale(1);transform-origin:center;transition:transform .14s cubic-bezier(.2,0,0,1),opacity .14s cubic-bezier(.2,0,0,1)}.clip-trim-start:after{left:auto;right:5px}.editable-clip.selected>.clip-trim:after,.editable-clip:hover>.clip-trim:after{opacity:1}.clip-trim:hover:after,.clip-trim:focus-visible:after,.clip-trim:active:after{opacity:1;transform:translateY(-50%) scale(2,1.5)}.clip-envelope{position:absolute;inset:0;pointer-events:none}.clip-envelope>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;clip-path:inset(-.5px 0);pointer-events:none;z-index:4}.clip-envelope>svg path{fill:none;vector-effect:non-scaling-stroke}.clip-envelope-curve{stroke:#fff2b3;stroke-width:1px;vector-effect:non-scaling-stroke;opacity:1;pointer-events:none}.clip-envelope .clip-envelope-value{stroke:transparent;stroke-width:12px;pointer-events:stroke;cursor:ns-resize;touch-action:none;outline:none}.clip-envelope svg:has(.clip-envelope-value:hover) .clip-envelope-curve,.clip-envelope svg:has(.clip-envelope-value:focus-visible) .clip-envelope-curve{stroke:#fff;opacity:1}.clip-envelope-handle{position:absolute;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:auto;cursor:ew-resize;touch-action:none;z-index:5;outline:none}.clip-envelope-handle{display:grid;place-items:center;padding:0;border:0;background:transparent;color:#fff;cursor:move}.clip-envelope-handle>svg{display:block;width:12px;height:12px;pointer-events:none}.clip-envelope-handle:is(:hover,:active,:focus-visible,.key-selected){color:#fff;background:transparent;box-shadow:none}.clip-envelope:not([data-revealed=true]):not(:focus-within) .clip-envelope-handle>svg{opacity:0}.clip-envelope:not([data-modified=true]):not([data-revealed=true])>svg .clip-envelope-curve{visibility:hidden}.clip-opacity-insert{stroke:transparent;stroke-width:12px;pointer-events:stroke;cursor:default}@media(prefers-reduced-motion:reduce){.clip-trim:after{transition:none}}.button.shortcut-help-button{width:28px;height:28px;flex:0 0 28px;padding:0;border:0;border-radius:6px}.shortcut-help{max-width:580px;width:calc(100vw - 48px);padding:24px;border:0;border-radius:12px;background:var(--osmo-popover,#121212);color:var(--text)}.shortcut-help::backdrop{background:#00000087}.shortcut-help header{display:flex;justify-content:space-between;align-items:center}.shortcut-help h2{font-size:var(--osmo-text-compact);margin:0}.shortcut-help header .button{width:32px;height:32px;flex:0 0 32px;padding:0;border:0}.shortcut-help dl>div{display:grid;grid-template-columns:216px 1fr;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid rgb(255 255 255 / 8%)}.shortcut-help dt,.shortcut-help dd{margin:0;font-size:var(--osmo-text-xs)}.shortcut-help p{font-size:var(--osmo-text-xs);color:var(--muted);line-height:1.5}.shortcut-keys{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:var(--hover);color:var(--text);font:var(--osmo-text-2xs)/1 var(--osmo-font-sans)}@media(max-width:600px){.shortcut-help dl>div{grid-template-columns:1fr;gap:8px}}.track-timeline .editable-clip{overflow:visible}.shortcut-help[open]{display:flex;flex-direction:column;max-height:min(900px,calc(100dvh - 48px));animation:shortcut-help-enter .16s cubic-bezier(.2,0,0,1)}.shortcut-help[open]::backdrop{animation:shortcut-backdrop-enter .16s ease-out}.shortcut-help header,.shortcut-help p{flex-shrink:0}.shortcut-help dl{overflow-y:auto;min-height:0}@keyframes shortcut-help-enter{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shortcut-backdrop-enter{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.shortcut-help[open],.shortcut-help[open]::backdrop{animation:none}}.clip-envelope-bottom{position:absolute;top:100%;width:20px;height:20px;padding:0;border:0;background:transparent;display:grid;place-items:center;transform:translate(-50%,-50%);color:#fff;pointer-events:auto;cursor:default;z-index:5}.clip-envelope-bottom>svg{display:block;width:12px;height:12px}.clip-opacity-insert[data-flat=true]{cursor:ns-resize;touch-action:none;outline:none}.clip-envelope-bottom:is(:hover,:active,:focus-visible,.key-selected){color:#fff;background:transparent}.clip-envelope-bottom:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){.keyframe-easing-button{transition:none;transform:none}}.track-key>svg,.clip-envelope-handle>svg,.clip-envelope-bottom>svg{transform:scale(.6666666667);transform-origin:center;transition:transform .14s cubic-bezier(.2,0,0,1)}.track-key:hover>svg,.clip-envelope-handle:hover>svg,.clip-envelope-bottom:hover>svg,.track-key.key-selected>svg,.clip-envelope-handle.key-selected>svg,.clip-envelope-bottom.key-selected>svg{transform:scale(1.1666666667)}.clip-envelope-handle:focus,.clip-envelope-handle:focus-visible,.clip-envelope-bottom:focus,.clip-envelope-bottom:focus-visible{outline:none;box-shadow:none}@media(prefers-reduced-motion:reduce){.track-key>svg,.clip-envelope-handle>svg,.clip-envelope-bottom>svg{transition:none}}.track-key,.clip-envelope-handle{cursor:default}.clip-inspector .osmo-keyframe-button[data-state=between] rect{fill:#fff;stroke:none}.clip-inspector .osmo-keyframe-button[data-state=at] rect{fill:#f94305;stroke:none}.track-key-line{opacity:1}.clip-envelope-curve{opacity:1;stroke-opacity:.4;transition:stroke-opacity .14s cubic-bezier(.2,0,0,1);shape-rendering:geometricPrecision}.track-layer-row:hover .track-key-line,.track-layer-row:has(.track-key:focus-visible) .track-key-line{opacity:1}.editable-clip:hover .clip-envelope-curve,.editable-layer:hover .clip-envelope-curve,.clip-envelope:has(:focus-visible) .clip-envelope-curve{stroke-opacity:1}@media(prefers-reduced-motion:reduce){.track-key-line,.clip-envelope-curve{transition:none}}.track-key>svg{transform:scale(1)}.track-key:hover>svg,.track-key.key-selected>svg{transform:scale(1.1666666667)}.track-key-line{opacity:1;transition:none}.clip-drag-ghost .clip-envelope-curve{stroke-opacity:1}.clip-preview-key{position:absolute;width:8px;height:8px;display:grid;place-items:center;transform:translate(-50%,-50%);color:#fff2b3;pointer-events:none;z-index:5}.track-timeline .editable-clip,.track-timeline .clip-drag-ghost,.track-layer-bar.editable-layer{border-radius:4px}.clip-details-toggle:focus,.clip-details-toggle:focus-visible{outline:none;box-shadow:none}.clip-details-toggle:hover,.clip-details-toggle:focus-visible{color:#fff;background:#ffffff14}.track-ruler-keyframes{position:absolute;inset:0;color:#fff;opacity:.2;pointer-events:none}.track-ruler-keyframe{position:absolute;bottom:2px;width:8px;height:8px;transform:translate(-50%);display:flex}.track-ruler-keyframe svg{width:8px;height:8px;flex:none}.review-canvas[data-comment-gap]{cursor:default}.review-canvas .review-pin.is-active:hover .comment-pin-artwork,.review-canvas[data-dragging-comment=true] .review-pin.is-active .comment-pin-artwork{transform:scale(1.08)}.review-bubble[data-saving-position=true] button:disabled:not([type=submit]),.review-bubble[data-saving-position=true] form[data-can-send=true] button[type=submit]:disabled,.thread[data-saving-position=true] .thread-status:disabled{opacity:1;cursor:default}.button.review-pin:is(:focus,:focus-visible,:active){outline:none;box-shadow:none}.review-time-pins:is(:focus,:focus-visible),.review-canvas:is(:focus,:focus-visible){outline:none;box-shadow:none}.track-layer-row:hover>.track-layer-header>.track-layer-name,.track-layer-row:hover>.track-layer-header>.track-disclosure{color:#fff}.track-layer-header{cursor:pointer}.track-disclosure:focus:not(:focus-visible),.track-toggle:focus:not(:focus-visible){outline:none}.track-layer-rename{flex:1;min-width:0;width:0;height:24px;padding:0 4px;border:1px solid var(--muted);border-radius:4px;background:var(--background);color:var(--text);font:inherit}.track-name:is(button,input),.track-layer-header .track-layer-name,.track-layer-header .track-layer-rename{height:28px;padding:0 8px;border:0;border-radius:6px;font:inherit;line-height:normal}.track-name:is(button,input){margin-left:-3px}.track-layer-header .track-layer-name,.track-layer-header .track-layer-rename{margin-left:-2px}.track-layer-header .track-layer-rename,.track-name.track-name-input,.track-name.track-name-input:focus{height:28px;padding:0 8px;border:0;border-radius:6px;background:#1f1f1f;color:#fafafa;outline:none;box-shadow:none}.track-layer-header .track-layer-rename:focus-visible,.track-name.track-name-input:focus-visible{outline:none;box-shadow:none}.track-disclosure>svg,.clip-details-toggle>svg{width:16px;height:16px;flex:none;transform:rotate(-90deg)}.track-disclosure[aria-expanded=true]>svg,.clip-details-toggle[aria-expanded=true]>svg{transform:rotate(0)}.track-header-disclosure{width:14px;height:24px;padding:0;flex:none;background:transparent;color:inherit}.track-header-disclosure:hover:not(:disabled){color:#fff}.track-timeline .clip-details-toggle{opacity:0;pointer-events:none}.editable-clip:hover .clip-details-toggle,.editable-clip:has(:focus-visible) .clip-details-toggle{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:no-preference){.track-disclosure>svg,.clip-details-toggle>svg{transition:transform .15s ease}.track-timeline .clip-details-toggle{transition:opacity .12s ease}}.track-timeline .editable-clip{padding-right:max(0px,calc((var(--clip-height) - 18px) / 2))}.track-timeline .clip-details-toggle{width:16px;height:16px;color:#fff}.track-toggle{width:24px;height:24px}.track-toggle>svg{width:16px;height:16px;flex:none}.track-timeline .clip-track-label{padding-left:4px;gap:4px}.track-header-disclosure,.track-layer-header .track-disclosure,.track-disclosure-space{width:16px}.track-name:is(button,input){margin-left:0}.track-layer-row.property .track-disclosure-space{display:none}.track-layer-row.property .track-layer-name{padding-left:0;margin-left:0}.clip-track-row:hover,.track-layer-row:hover{background-color:#ffffff0a}.clip-track-row:hover>.clip-track-label,.track-layer-row:hover>.track-layer-header{background-color:#212121}.track-header-disclosure,.track-layer-header .track-disclosure,.track-disclosure-space{width:24px;height:24px;border-radius:6px;flex:none}.track-disclosure:focus-visible{outline:1px solid var(--accent);outline-offset:-1px;border-radius:6px}.track-name:is(button,input),.track-layer-header .track-layer-name,.track-layer-header .track-layer-rename{padding-left:4px}.track-timeline .clip-track-label,.track-layer-header{gap:0}.track-layer-header .track-layer-name,.track-layer-header .track-layer-rename{margin-left:0}.clip-waveform{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;background:transparent;border-radius:inherit;box-shadow:none;pointer-events:none}.editable-clip.type-audio .clip-name{position:relative;z-index:1;text-shadow:0 1px 3px rgb(0 0 0 / 60%)}.track-layer-row.type-audio .track-layer-bar .clip-name{position:relative;z-index:1;flex:1;text-shadow:0 1px 3px rgb(0 0 0 / 60%)}.track-timeline .clip-track-label,.track-layer-header{--row-control-bg:#181818}.clip-track-row:hover>.clip-track-label,.track-layer-row:hover>.track-layer-header{--row-control-bg:#212121}.track-timeline .clip-track-label>.track-name,.track-layer-header>.track-layer-name{text-overflow:clip}:is(.clip-track-label,.track-layer-header)>.track-controls{position:absolute;right:5px;top:50%;transform:translateY(-50%);height:24px;background:var(--row-control-bg);opacity:0}:is(.clip-track-label,.track-layer-header)>.track-controls:before{content:"";position:absolute;right:100%;top:0;width:24px;height:24px;border-radius:0;background:linear-gradient(to right,transparent,var(--row-control-bg));pointer-events:none}.clip-track-row:hover>.clip-track-label>.track-controls,.track-layer-row:hover>.track-layer-header>.track-controls,:is(.clip-track-label,.track-layer-header)>.track-controls:has(:focus-visible,[aria-pressed=true]){opacity:1}.timeline-element-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px;flex:none;color:inherit;pointer-events:none}.timeline-element-icon>svg{width:16px;height:16px;flex:none}.clip-track-row:hover>.clip-track-label>.timeline-element-icon,.track-layer-row:hover>.track-layer-header>.timeline-element-icon{color:#fff}.timeline-element-icon,.timeline-element-icon>svg,.track-toggle>svg{width:14px;height:14px}.track-timeline{position:relative}.timeline-column-resize{position:absolute;left:calc(var(--outline-label) - 3px);top:0;bottom:0;width:6px;z-index:20;cursor:col-resize;touch-action:none;outline:none}.timeline-column-resize:after{content:"";position:absolute;left:3px;top:0;bottom:0;width:1px;background:transparent}.timeline-column-resize:hover:after,.timeline-column-resize:focus-visible:after,.timeline-column-resize[data-dragging]:after{background:#ffffff7f}.clip-track-row:hover>.clip-track-label,.clip-track-row:hover>.clip-track-label>.track-name,.clip-track-row:hover>.clip-track-label>.track-disclosure,.track-layer-row:hover>.track-layer-header,.track-layer-row:hover>.track-layer-header>.track-layer-name,.track-layer-row:hover>.track-layer-header>.track-disclosure{color:#fff}.track-timeline .clip-track-label,.track-layer-header{font-size:var(--osmo-text-xs);font-weight:400;letter-spacing:0px}.track-header-disclosure,.track-layer-header .track-disclosure,.track-disclosure-space{width:14px}.track-disclosure>svg,.clip-details-toggle>svg{width:14px;height:14px}.timeline-element-icon{margin-left:4px}.track-timeline .clip-track-label>.track-name,.track-layer-header>.track-layer-name,.track-layer-header>.track-layer-rename{height:28px;margin-left:0;padding:0 8px;font-size:var(--osmo-text-xs);font-weight:400;line-height:normal;letter-spacing:0px}.track-layer-row.property .track-layer-name{padding-left:0}.track-timeline .editable-clip,.track-timeline .clip-drag-ghost,.track-layer-bar{font-size:var(--osmo-text-xs);font-weight:400}.track-layer-row.property{height:24px}.track-layer-row.property>.track-layer-header{min-height:0;height:100%}.track-layer-row.property>.track-layer-header>.track-layer-name{height:100%;min-height:0}.timeline-property-icon{display:flex;align-items:center;justify-content:center;flex:none;width:12px;height:12px;margin-right:8px}.timeline-property-icon>svg{width:12px;height:12px}.track-layer-header>.track-layer-name,.clip-track-label>.track-name{position:relative;z-index:0}:is(.clip-track-label,.track-layer-header)>.track-controls{z-index:1}.track-toggle:focus-visible{outline-offset:-2px;border-radius:6px}.clip-envelope-curve{stroke-linecap:round;stroke-linejoin:round}.timeline-property-icon>svg{width:10px;height:10px}.track-layer-row.property>.track-layer-header>.track-layer-name:focus-visible{outline:1px solid var(--accent);outline-offset:-2px;border-radius:4px;box-shadow:none}.timeline-property-icon{opacity:.5}.track-timeline .clip-track-label>.track-name,.track-layer-header>.track-layer-name{color:#ffffff7f}.clip-track-row:hover>.clip-track-label>.track-name,.track-layer-row:hover>.track-layer-header>.track-layer-name{color:#fff}.modern-timeline-shell,.modern-timeline{--bronze:#547ed4;--teal:#1fad96;--cerulean:#168bc5;--mauve:#a49237;--clip-gray:#df4958;--scene-gray:#cc5a33;--audio-green:#1da05e;--shader-violet:#b333cc}.track-timeline :is(.editable-clip,.clip-drag-ghost),.track-layer-row{--clip-selection:#d4feff}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-composition,.track-layer-row.type-composition{--clip-selection:#ffdab3}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-text,.track-layer-row.type-text{--clip-selection:#ffc9d8}.track-timeline :is(.editable-clip,.clip-drag-ghost):is(.type-rect,.type-path),.track-layer-row:is(.type-rect,.type-path){--clip-selection:#9fffff}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-image,.track-layer-row.type-image{--clip-selection:#ffffb7}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-video,.track-layer-row.type-video{--clip-selection:#96ffff}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-audio,.track-layer-row.type-audio{--clip-selection:#d6ffe5}.track-timeline :is(.editable-clip,.clip-drag-ghost).type-shader,.track-layer-row.type-shader{--clip-selection:#ffb3ff}.track-timeline .editable-clip,.track-timeline .clip-drag-ghost,.track-layer-row:not(.property) .track-layer-bar{border-color:transparent}.track-layer-row:not(.property) .track-layer-bar{background:var(--layer-color)}.track-timeline .editable-clip.selected,.track-layer-row.selected:not(.property) .track-layer-bar{border-color:var(--clip-selection)}.clip-envelope .clip-envelope-curve,.clip-envelope svg:has(.clip-envelope-value:hover) .clip-envelope-curve,.clip-envelope svg:has(.clip-envelope-value:focus-visible) .clip-envelope-curve{stroke:#fff;stroke-opacity:.4}.track-timeline .editable-clip.selected .clip-envelope .clip-envelope-curve,.track-timeline .track-layer-row.selected .clip-envelope .clip-envelope-curve,.track-timeline .clip-envelope:has(.key-selected) .clip-envelope-curve{stroke-opacity:1}.track-timeline>.track-scroll{overscroll-behavior-x:none}.track-timeline[data-zoom="1"]>.track-scroll{overflow-x:hidden}.project-knob-group>summary,.project-section>summary{border-radius:6px}.project-knob-group>summary:focus-visible,.project-section>summary:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.project-disclosure-icon{margin-left:auto;flex:none;transform:rotate(-90deg)}details[open]>summary>.project-disclosure-icon{transform:rotate(0)}@media(prefers-reduced-motion:no-preference){.project-disclosure-icon{transition:transform 75ms cubic-bezier(.42,0,.58,1)}}@supports (interpolate-size: allow-keywords){@media(prefers-reduced-motion:no-preference){.project-panel details::details-content{interpolate-size:allow-keywords;height:0;overflow:clip;transition:height .15s cubic-bezier(.42,0,.58,1),content-visibility .15s allow-discrete}.project-panel details[open]::details-content{height:auto;overflow-clip-margin:4px}.project-panel .project-disclosure-icon{transition-duration:.15s}}}.asset-control-drop{box-shadow:0 0 0 0 var(--osmo-accent)}.asset-control-drop[data-dragging]:not([data-disabled]){box-shadow:0 0 0 3px var(--osmo-accent)}@media(prefers-reduced-motion:no-preference){.asset-control-drop{transition:box-shadow .12s cubic-bezier(.22,1,.36,1)}}.asset-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.asset-preview-footer .asset-preview-metadata{margin:0;min-width:0}.asset-preview-replace{flex:none;height:28px;padding:0 10px;border-radius:6px;background:#303030;color:#fafafa;cursor:pointer}.asset-preview-replace:hover:not(:disabled){background:#3a3a3a}.asset-control-drop button.asset-control-preview{overflow:visible}.asset-control-drop button.asset-control-preview>*{transform-origin:center}.asset-control-drop button.asset-control-preview>img{border-radius:inherit}.asset-control-drop button.asset-control-preview:hover>*{transform:scale(1.1666667)}@media(prefers-reduced-motion:no-preference){.asset-control-drop button.asset-control-preview>*{transition:transform .12s cubic-bezier(.22,1,.36,1)}}.attachment-preview-text{max-height:280px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#181818;border-radius:6px;font:var(--osmo-text-2xs)/1.5 monospace}.attachment-preview-document{display:block;width:100%;height:280px;border:0;border-radius:6px}[data-lock-owner=true] svg{transform-origin:center}.osmo-segmented>label:has([data-unavailable=true]){color:#ffffff3d}.timeline-media-import{position:relative}.timeline-import-ghost,.timeline-import-line{--review-stroke: var(--accent);position:absolute;height:28px;pointer-events:none;z-index:20;transition:height .18s cubic-bezier(.22,1,.36,1)}.timeline-import-line{height:2px;transform:translateY(-1px)}.timeline-import-ghost .review-selection-outline rect,.timeline-import-line .review-selection-outline rect{width:calc(100% - 2px);height:calc(100% - 2px);stroke-width:2px}.timeline-import-ghost .review-selection-outline line,.timeline-import-line .review-selection-outline line{fill:none;stroke:var(--review-stroke);stroke-width:2px;stroke-dasharray:4 8;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:opacity .18s}.timeline-import-ghost .review-selection-outline line{opacity:0}.timeline-import-line .review-selection-outline line{opacity:1}.timeline-import-ghost .review-selection-outline rect,.timeline-import-line .review-selection-outline rect{transition:opacity .18s}.timeline-import-line .review-selection-outline rect{opacity:0}@media(prefers-reduced-motion:reduce){.timeline-import-ghost,.timeline-import-line,.timeline-import-ghost .review-selection-outline *,.timeline-import-line .review-selection-outline *{transition:none}}.timeline-import-progress{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:12px;padding:8px 12px;background:#222;border:1px solid rgb(255 255 255 / 8%);border-radius:8px;z-index:21;font-size:var(--osmo-text-xs)}.timeline-import-progress{align-items:center;padding:8px 8px 8px 12px;border-radius:14px}.timeline-import-cancel.button{height:28px;padding:0 10px;border:0;border-radius:6px;background:#fafafa;color:#141414}.timeline-import-cancel.button:hover{background:#e6e6e6}.timeline-import-ghost.is-importing{overflow:hidden;border-radius:4px;background:var(--mauve);border:1px solid transparent;padding:0 8px;display:flex;align-items:center;color:#fff;font-size:var(--osmo-text-2xs);animation:timeline-import-breathe 1.6s ease-in-out infinite}.timeline-import-ghost.is-importing.type-video{background:var(--cerulean)}.timeline-import-ghost.is-importing.type-audio{background:var(--audio-green)}.timeline-import-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@keyframes timeline-import-breathe{0%,to{opacity:1}50%{opacity:.45}}.timeline-import-progress{padding:0;display:block;overflow:hidden;width:280px;max-width:calc(100% - 24px)}.timeline-import-toast-content{width:100%;justify-content:space-between;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 12px;white-space:nowrap}@media(prefers-reduced-motion:reduce){.timeline-import-ghost.is-importing{animation:none}.timeline-import-progress{transition:none}}.review-project{display:inline-flex;align-items:stretch}.review-project-link{text-decoration:none}.button.review-project-link:has(+.review-project-more){padding-right:12px;border-radius:6px 0 0 6px}.button.review-project-more{min-width:0;padding:0 5px;border-radius:0 6px 6px 0;border-left:1px solid rgb(255 255 255 / 28%)}.review-project-more .icon,.review-project-more .icon svg{width:16px;height:16px}.review-project-more[data-state=open]{background:#df3b04}.remix-popover{width:390px;max-width:calc(100vw - 24px);max-height:var(--radix-popover-content-available-height);overflow:auto;z-index:60;border:1px solid var(--border);border-radius:16px;background:#202020;color:var(--text);box-shadow:0 20px 60px #0006}.remix-content{position:relative;padding:28px 24px 24px}.remix-close{position:absolute;top:8px;right:8px}.remix-agents{display:flex;align-items:center;gap:12px;padding:8px 0 0}.remix-agents img{display:block;width:40px;height:40px;object-fit:contain;border-radius:10px}.remix-description{margin:20px 0;font-size:var(--osmo-text-xl);font-weight:500;line-height:1.4;letter-spacing:-.3px}.remix-prompt-box{padding:14px;border:1px solid var(--border);border-radius:12px;background:#171717}.remix-prompt-box textarea{display:block;width:100%;height:170px;resize:none;border:0;border-radius:4px;padding:0;background:transparent;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--osmo-text-compact);line-height:1.6}.remix-prompt-box textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.remix-copy{margin-top:14px;width:100%;justify-content:center}.remix-copy-status:empty{display:none}.remix-copy-status{display:block;margin-top:10px;font-size:var(--osmo-text-xs);color:var(--muted)}.remix-modal{width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border-radius:16px}.mobile-review-actions{display:none}@media(max-width:720px){.mobile-review-actions{display:flex;align-items:center;gap:8px;grid-column:3;grid-row:1;justify-self:end}.mobile-review-actions .button{min-height:44px}.mobile-review-actions .mobile-review-menu{grid-column:auto;grid-row:auto}.remix-content{padding:28px 20px 20px}}.remix-popover{transform-origin:var(--radix-popover-content-transform-origin);--remix-enter-x:0px;--remix-enter-y:-6px}.remix-popover[data-side=top]{--remix-enter-y:6px}.remix-popover[data-side=left]{--remix-enter-x:6px;--remix-enter-y:0px}.remix-popover[data-side=right]{--remix-enter-x:-6px;--remix-enter-y:0px}@keyframes remix-pop-in{0%{opacity:0;transform:translate(var(--remix-enter-x),var(--remix-enter-y)) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes remix-pop-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--remix-enter-x),var(--remix-enter-y)) scale(.98)}}@media(prefers-reduced-motion:no-preference){.remix-popover[data-state=open]{animation:remix-pop-in .18s cubic-bezier(.22,1,.36,1)}.remix-popover[data-state=closed]{animation:remix-pop-out .1s ease-in;pointer-events:none}.remix-modal[open]{animation:shortcut-help-enter .18s cubic-bezier(.22,1,.36,1)}.remix-modal[open]::backdrop{animation:shortcut-backdrop-enter .18s ease-out}}.review-bubble:not(.is-composing) .message-input textarea{line-height:1rem}.review-bubble .message-input textarea{scrollbar-width:none}.review-bubble .message-input textarea::-webkit-scrollbar{display:none}.review-bubble-form{align-items:flex-start}.review-canvas .review-pin:not(.is-active):not(:hover) .comment-pin-artwork{transform:scale(calc(16 / 52))}.review-canvas .review-pin .comment-pin-artwork>img{transition:opacity .18s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.review-canvas .review-pin .comment-pin-artwork>img{transition:none}}.review-canvas{z-index:auto}.review-canvas .button.review-pin.is-active{z-index:81}.review-hover{z-index:82}.review-canvas .button.review-pin.is-hovered:not(.is-active){z-index:83}.review-canvas .review-pin[data-creating=true]{cursor:none}.review-bubble:not(.is-composing) .message-input{padding-top:4px}.review-bubble:not(.is-composing) .review-bubble-actions{align-self:flex-end}@media(max-width:720px),(pointer:coarse){.review-bubble:not(.is-composing) .message-input{padding-top:12px}.review-bubble-heading{position:relative;height:24px;padding-right:62px;margin-bottom:4px}.review-bubble .comment-bubble-actions{position:absolute;top:0;right:0}.review-bubble .review-bubble-heading .button{position:relative;width:24px;height:24px;min-width:24px;min-height:24px}.review-bubble-heading .button:before{content:"";position:absolute;inset:-10px}}.review-bubble:not([hidden]){display:flex;flex-direction:column;overflow:hidden}.review-bubble-heading,.review-bubble-form{flex-shrink:0}.review-bubble-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / 20%) transparent}.review-bubble[data-scrollable]:not(.is-composing) .review-bubble-form{margin-top:0;border-top:1px solid rgb(255 255 255 / 10%);padding-top:11px}.workspace{--sidebar-width:300px;position:relative}.sidebar-content{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden;transition:opacity .12s ease-in-out}.workspace[data-panel-hidden] .sidebar-content{opacity:0;pointer-events:none}.sidebar-toggle{position:relative;flex-shrink:0}.sidebar-shortcut-ring{position:absolute;inset:-3px;border:1px solid var(--accent);border-radius:9px;pointer-events:none;animation:sidebar-shortcut-ring .6s ease-out both}@keyframes sidebar-shortcut-ring{0%,60%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.sidebar-shortcut-ring{animation-timing-function:steps(1,end)}}.sidebar-toggle .sidebar-toggle-hover{display:none}.sidebar-toggle:is(:hover,:focus-visible) .sidebar-toggle-static{display:none}.sidebar-toggle:is(:hover,:focus-visible) .sidebar-toggle-hover{display:block}@media(min-width:721px){.workspace{grid-template-columns:minmax(0,1fr) var(--sidebar-width);transition:grid-template-columns .18s cubic-bezier(.22,1,.36,1)}.studio-sidebar{position:relative;padding-top:var(--header-height,56px);border-left:0}.studio-sidebar:after{content:"";position:absolute;inset:0;z-index:6;box-shadow:inset 1px 0 var(--border);pointer-events:none}.studio-sidebar:before{content:"";position:absolute;top:0;left:0;width:100%;height:var(--header-height,56px);border-bottom:1px solid var(--border);pointer-events:none}.sidebar-actions{position:absolute;right:0;top:0;width:var(--sidebar-width);height:var(--header-height,56px);z-index:5;background:transparent;border-left:1px solid transparent;border-bottom-color:transparent}.sidebar-content>*{min-width:calc(var(--sidebar-width) - 1px)}.workspace[data-panel-hidden]{grid-template-columns:minmax(0,1fr) 0px}.workspace[data-panel-hidden] .sidebar-actions{width:max-content;padding-left:10px;border-left:0;background:transparent;border-color:transparent}.workspace .editor>.topbar{padding-right:12px;transition:padding-right .18s cubic-bezier(.22,1,.36,1)}.workspace[data-panel-hidden] .editor>.topbar{padding-right:var(--sidebar-actions-width, var(--sidebar-width))}}@media(min-width:721px)and (max-width:1100px){.workspace{--sidebar-width:270px}}@media(max-width:720px){.workspace[data-panel-hidden] .sidebar-content{display:none}.workspace[data-panel-hidden] .studio-sidebar{min-height:0}}@media(prefers-reduced-motion:reduce){.workspace,.sidebar-content,.workspace .editor>.topbar{transition:none}}:is(.studio-sidebar,.review-comment-scroll) .osmo-scroll-area-scrollbar{z-index:10;padding:2px;border:0;background:transparent}:is(.studio-sidebar,.review-comment-scroll) .osmo-scroll-area-scrollbar[data-orientation=vertical]{top:2px!important;bottom:10px!important;right:2px!important;width:8px;height:auto}:is(.studio-sidebar,.review-comment-scroll) .osmo-scroll-area-scrollbar[data-orientation=horizontal]{left:2px!important;right:10px!important;bottom:2px!important;height:8px}:is(.studio-sidebar,.review-comment-scroll) .osmo-scroll-area-scrollbar[data-orientation=vertical]{right:2px!important;bottom:2px!important}.canvas-options-menu{min-width:180px}.canvas-options-menu .context-menu-item{padding-left:30px}.canvas-options-menu .menu-check{position:absolute;left:8px;margin-left:0}.canvas-scroll-area{width:100%;height:100%;min-width:0;min-height:0}.canvas-scroll-area .canvas-wrap{display:block}.canvas-scroll-area:has(>.canvas-wrap:not([data-zoomed])),.canvas-scroll-area>.canvas-wrap:not([data-zoomed]){overflow:visible!important}.canvas-scroll-area .canvas-wrap::-webkit-scrollbar{display:none}.canvas-scroll-area .canvas-wrap>div{display:flex!important;width:100%;height:100%;align-items:center;justify-content:center}.canvas-scroll-area .canvas-wrap[data-zoomed]:not(:fullscreen,[data-fullscreen])>div{min-width:var(--canvas-width)!important;min-height:var(--canvas-height)}.canvas-scroll-area .osmo-scroll-area-scrollbar{z-index:10;padding:2px;border:0;background:transparent}.canvas-scroll-area .osmo-scroll-area-scrollbar[data-orientation=vertical]{top:2px!important;bottom:10px!important;right:2px!important;width:8px;height:auto}.canvas-scroll-area .osmo-scroll-area-scrollbar[data-orientation=horizontal]{left:2px!important;right:10px!important;bottom:2px!important;height:8px}.canvas-scroll-area .osmo-scroll-area-thumb{background:#5a5a5abf}.canvas-scroll-area .osmo-scroll-area-scrollbar:hover .osmo-scroll-area-thumb{background:#888}.canvas-scroll-area .osmo-scroll-area-scrollbar:active .osmo-scroll-area-thumb{background:#fff}.studio-shell[data-mode=interactive] .editor{--transport-height:60px}.studio-shell[data-mode=interactive] .transport{height:60px;padding-top:4px}.studio-shell[data-mode=interactive] .transport .mode-switch{top:calc(50% - 6px)}.canvas-alignment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.canvas-alignment-group{display:flex;min-width:0;margin:0;padding:0;border:0;border-radius:6px;background:var(--osmo-surface)}.canvas-alignment-group button{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:28px;padding:0;border:0;border-radius:0;background:transparent;color:var(--osmo-text);cursor:pointer}.canvas-alignment-group button+button{border-left:1px solid rgb(255 255 255 / 5%)}.canvas-alignment-group button:first-child{border-radius:6px 0 0 6px}.canvas-alignment-group button:last-child{border-radius:0 6px 6px 0}.canvas-alignment-group button:not(:disabled):hover{background:#ffffff14}.canvas-alignment-group button:not(:disabled):active{background:#ffffff1f}.canvas-alignment-group button:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.canvas-alignment-group button:disabled{opacity:.35;cursor:default}.canvas-alignment-group svg{width:16px;height:16px}.canvas-text-editor{position:absolute;transform-origin:0 0;z-index:4;outline:1px solid var(--accent);pointer-events:none}@font-face{font-family:Osmo Canvas Inter;src:url("/src/InterDisplay-Regular-H4SUAKN5.ttf") format("truetype");font-weight:400;font-display:block}@font-face{font-family:Osmo Canvas Inter;src:url("/src/InterDisplay-Medium-HWBE5DYQ.ttf") format("truetype");font-weight:500;font-display:block}@font-face{font-family:Osmo Canvas Inter;src:url("/src/InterDisplay-SemiBold-LUGMSURW.ttf") format("truetype");font-weight:600;font-display:block}@font-face{font-family:Osmo Canvas Inter;src:url("/src/InterDisplay-Bold-MWURHEXQ.ttf") format("truetype");font-weight:700;font-display:block}.canvas-text-editor textarea{position:absolute;display:block;pointer-events:auto;box-sizing:border-box;margin:0;padding:0;min-width:0;min-height:0;border:0;border-radius:0;background:transparent;resize:none;overflow:hidden;outline:none;box-shadow:none;cursor:text;caret-color:var(--accent);user-select:text}.canvas-text-editor textarea:focus-visible{outline:none}.canvas-text-editor textarea::selection{background:#f9430540;color:transparent}.scene-switcher-trigger{display:flex;align-items:center;gap:8px;min-width:0;max-width:280px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--text);font:inherit;cursor:pointer}.scene-switcher-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-switcher-trigger>.icon{flex-shrink:0;width:10px;height:10px;transform:rotate(90deg)}.scene-switcher-trigger:hover,.scene-switcher-trigger[data-state=open]{background:var(--hover)}.scene-switcher-trigger:focus-visible{outline:1px solid var(--accent)}.scene-switcher-trigger:disabled{opacity:.5;cursor:wait}.scene-switcher-popover{z-index:150;width:min(360px,calc(100vw - 24px));max-height:var(--radix-popover-content-available-height);overflow:auto;padding:6px;border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 8px 36px #00000073,0 0 0 1px var(--border);font:13px/1.4 Inter UI,sans-serif}.scene-switcher-popover input{box-sizing:border-box;width:100%;margin:0 0 6px;padding:9px 10px;border:1px solid var(--border);border-radius:6px;background:var(--input);color:var(--text);font:inherit}.scene-switcher-popover input:focus{outline:1px solid var(--accent);outline-offset:-1px}.scene-switcher-list{max-height:min(320px,50vh);overflow:auto}.scene-switcher-list>button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 8px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.scene-switcher-list>button[data-highlighted]{background:var(--hover)}.scene-switcher-list>button:disabled{opacity:.5;cursor:wait}.scene-switcher-check{display:flex;flex:0 0 14px}.scene-switcher-check .icon,.scene-switcher-check svg{width:14px;height:14px}.scene-switcher-path{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.scene-switcher-path>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-switcher-path small{color:var(--muted);font-size:11px}.scene-switcher-status{display:block;padding:8px 10px;margin:0;color:var(--muted)}.scene-switcher-error{color:var(--text);overflow-wrap:anywhere}@media(max-width:600px){.scene-switcher-trigger{max-width:180px}}.editor-loading{position:relative;min-height:100%;background:var(--background)}.editor-loading-content{opacity:1;transition:opacity .18s cubic-bezier(.22,1,.36,1)}.editor-loading[data-phase=loading]>.editor-loading-content,.editor-loading[data-phase=finishing]>.editor-loading-content,.editor-loading[data-phase=leaving]>.editor-loading-content{opacity:0;pointer-events:none}.editor-loading-indicator{position:absolute;inset:0;z-index:100;display:grid;place-items:center;pointer-events:none;opacity:0}.editor-loading-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.editor-loading[data-phase=loading]>.editor-loading-indicator{opacity:1}.editor-loading[data-phase=finishing]>.editor-loading-indicator{transition:opacity .18s ease-out}@media(prefers-reduced-motion:no-preference){.editor-loading[data-phase=entering]>.editor-loading-content:has(.studio-shell){transition:none}.editor-loading[data-phase=entering] :is(.topbar,.studio-aside-header,.sidebar-actions,.preview-area,.studio-aside,.transport,.timeline-panel),.editor-loading[data-phase=entering] .workspace:not([data-panel-hidden]) .sidebar-content{animation:editor-section-reveal .18s cubic-bezier(.22,1,.36,1) var(--editor-reveal-delay,0ms) both}.editor-loading :is(.preview-area,.studio-aside,.sidebar-content){--editor-reveal-delay:70ms}.editor-loading .transport{--editor-reveal-delay:.14s}.editor-loading .timeline-panel{--editor-reveal-delay:.21s}}@keyframes editor-section-reveal{0%{opacity:0}to{opacity:1}}.osmo-loading-logo{display:block;width:68px;height:auto;overflow:visible;color:#404040}.osmo-loading-logo>path{transform-box:fill-box;transform-origin:center;animation:osmo-loading-wave 1s cubic-bezier(.37,0,.63,1) infinite}.osmo-loading-logo>path:nth-child(2){animation-delay:-.25s}.osmo-loading-logo>path:nth-child(3){animation-delay:-.5s}.osmo-loading-logo>path:nth-child(4){animation-delay:-.75s}@keyframes osmo-loading-wave{0%,65%,to{opacity:.32;transform:scale(.94)}32%{opacity:.8;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.editor-loading-content,.editor-loading-indicator{transition:none}.osmo-loading-logo>path{animation:none;opacity:.8;transform:none}}.review-comment-scroll{display:grid;grid-template-rows:minmax(0,1fr);min-height:0;min-width:0;margin-right:-12px}.review-comment-scroll>.review-bubble-content{height:auto;min-height:0;scrollbar-width:none}.review-comment-scroll>.review-bubble-content>div{display:block!important;padding-right:12px}.review-comment-scroll .osmo-scroll-area-scrollbar[data-orientation=vertical]{right:0!important}.review-bubble:not([data-scrollable]) .review-bubble-content{overflow-y:hidden!important;overscroll-behavior:none}.asset-preview-popover{padding-top:8px;transform-origin:var(--radix-popover-content-transform-origin)}.asset-preview-popover[data-state=open]{animation:osmo-menu-in .1s ease-out}.asset-preview-popover[data-state=closed]{animation:asset-preview-out .1s ease-in;pointer-events:none}@keyframes asset-preview-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media(prefers-reduced-motion:reduce){.asset-preview-popover[data-state]{animation:none}}.track-insertion-hint.whole-track-insertion{left:8px}.track-reorderable,.track-reorderable .track-name:is(button):not(:disabled):hover{cursor:grab;touch-action:none}.project-panel{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.project-tabs{display:flex;flex:none;gap:4px;padding:12px 14px;border-bottom:1px solid var(--border)}.project-tabs>button{flex:1;height:30px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.project-tabs>button:hover{color:var(--text);background:#ffffff0a}.project-tabs>button[aria-selected=true]{background:var(--osmo-surface,#242424);color:var(--text)}.project-tabs>button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.project-tab-panel:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.project-scene-settings{padding:18px;border-bottom:1px solid var(--border)}.project-scene-settings>.subdued{font-size:12px;line-height:1.5}.studio-shell[data-mode=interactive] .editor:not(:has(>.transport)){grid-template-rows:var(--header-height,80px) minmax(0,1fr) var(--timeline-height,244px)}.track-timeline[data-ruler-panels]{position:relative}.track-timeline[data-ruler-panels] .track-ruler-row{height:40px}.track-timeline[data-ruler-panels]:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border);z-index:21;pointer-events:none}.track-timeline[data-ruler-panels] .track-playhead-line{top:40px}.track-timeline[data-ruler-panels] .track-ruler-heading{min-height:0;padding:0 6px;display:flex;align-items:center;border-right:1px solid var(--border)}.track-timeline[data-ruler-panels] .transport-left,.track-timeline[data-ruler-panels] .transport-right{align-items:center;gap:4px}.track-timeline[data-ruler-panels] .time-control{height:28px;gap:4px}.track-timeline[data-ruler-panels] .time-display{height:28px;padding:6px 8px;border-radius:6px;color:var(--text)}.track-timeline[data-ruler-panels] .timecode{font-size:12px}.track-timeline[data-ruler-panels] .timecode.subdued{display:inline}.track-timeline[data-ruler-panels] .transport-left .button,.track-timeline[data-ruler-panels] .transport-right .button{width:28px;height:28px;flex:0 0 28px;padding:7px;border-radius:6px}.track-timeline[data-ruler-panels] .transport-left .icon,.track-timeline[data-ruler-panels] .transport-left .icon svg,.track-timeline[data-ruler-panels] .transport-right .icon,.track-timeline[data-ruler-panels] .transport-right .icon svg{width:14px;height:14px}.track-timeline[data-ruler-panels] .play-toggle{color:var(--text);background:transparent}.track-timeline[data-ruler-panels] .play-toggle:hover{background:var(--hover)}.ruler-right-panel{position:absolute;top:0;right:0;z-index:20;display:flex;align-items:center;height:40px;padding:6px;background:#181818;border-left:1px solid rgb(255 255 255 / 4%);border-bottom:1px solid rgb(255 255 255 / 4%)}.ruler-right-panel .timeline-zoom{gap:4px}.ruler-right-panel .timeline-zoom input{width:80px}.track-timeline[data-ruler-panels] .transport-left,.track-timeline[data-ruler-panels] .time-control{flex:1}.track-timeline[data-ruler-panels] .time-control>.loop-toggle{margin-left:auto}.timeline-panel{position:relative}.track-timeline[data-ruler-panels] .time-display{min-width:0;overflow:hidden}.track-timeline[data-ruler-panels] .time-control>.loop-toggle{flex-shrink:0}.timeline-bottom-zoom{position:absolute;right:4px;bottom:4px;z-index:25;height:28px;padding:4px;border-radius:16px;background:color-mix(in srgb,var(--card) 50%,transparent);transition:background-color .12s ease-out}.timeline-bottom-zoom .timeline-zoom{height:20px;gap:4px}.timeline-bottom-zoom .button{width:20px;height:20px;flex:0 0 20px;padding:3px;border-radius:10px;color:var(--fg-tertiary)}.timeline-bottom-zoom .button:disabled{color:var(--fg-tertiary);opacity:1}.timeline-bottom-zoom .button:hover:not(:disabled){background:var(--hover);color:var(--text)}.timeline-bottom-zoom .button:disabled:hover{background:transparent}.timeline-bottom-zoom .icon,.timeline-bottom-zoom .icon svg{width:14px;height:14px}.timeline-zoom-slider{position:relative;display:flex;align-items:center;width:64px;height:20px;touch-action:none;user-select:none}.timeline-zoom-slider [data-slot=slider-track]{position:relative;flex:1;height:4px;overflow:hidden;border-radius:999px;background:var(--fg-quinary)}.timeline-zoom-slider [data-slot=slider-range]{position:absolute;height:100%;width:var(--zoom-progress);min-width:4px;border-radius:4px;background:var(--fg-tertiary);transition:background-color .12s ease-out}.timeline-zoom-slider [data-slot=slider-thumb]{position:relative;display:block;width:16px;height:20px;background:transparent;border:0;outline:none}.timeline-zoom-slider [data-slot=slider-thumb]:after{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;background:var(--text);opacity:0;transform:translate(var(--zoom-thumb-origin,0px)) scale(.25);transition:transform .12s ease-out,opacity .12s ease-out}.timeline-bottom-zoom:hover [data-slot=slider-thumb]:after,.timeline-zoom:hover [data-slot=slider-thumb]:after,.timeline-zoom-slider [data-slot=slider-thumb]:focus-visible:after{opacity:1;transform:translate(0) scale(1)}.timeline-bottom-zoom:hover [data-slot=slider-range]{background:var(--fg-secondary)}.timeline-bottom-zoom:hover{background:var(--card)}@media(prefers-reduced-motion:reduce){.timeline-bottom-zoom,.timeline-zoom-slider [data-slot=slider-range],.timeline-zoom-slider [data-slot=slider-thumb]:after{transition:none}}.canvas-controls{gap:4px}.track-timeline[data-ruler-panels] .transport-left .button{color:var(--text)}.effect-stack{min-width:0}.effect-empty{margin:0 0 8px;font-size:var(--osmo-text-compact)}.effect-entry{position:relative;border-top:1px solid var(--border)}.effect-title{display:flex;align-items:center;gap:6px;min-height:38px;padding-right:118px;cursor:pointer;list-style:none;font-size:var(--osmo-text-compact);font-weight:500}.effect-title::-webkit-details-marker,.effect-parameter-group>summary::-webkit-details-marker{display:none}.effect-title>small{color:var(--muted);font-weight:400}.effect-entry>details:not([open])>summary>svg,.effect-parameter-group:not([open])>summary>svg{transform:rotate(-90deg)}.effect-up{transform:rotate(180deg)}.effect-actions{position:absolute;right:0;top:6px;display:flex;gap:2px}.effect-actions button{width:26px;height:26px;padding:0;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer}.effect-actions button:hover:not(:disabled),.effect-binding button:hover:not(:disabled){background:var(--hover);color:var(--text)}.effect-actions button:disabled{opacity:.3;cursor:default}.effect-actions button:focus-visible,.effect-title:focus-visible,.effect-parameter-group>summary:focus-visible,.effect-binding button:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.effect-parameters{padding:2px 0 12px;display:flex;flex-direction:column;gap:8px}.effect-parameter-group{margin-top:4px}.effect-parameter-group>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;color:var(--muted);font-size:var(--osmo-text-2xs);font-weight:500;padding:6px 0}.effect-parameter-group .effect-parameter{margin-top:8px}.effect-binding{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:var(--osmo-text-2xs);margin-top:3px}.effect-binding button{color:inherit;background:transparent;border:0;padding:2px;font:inherit;cursor:pointer;border-radius:3px}.project-effects{padding:0 18px;border-bottom:1px solid var(--border)}.effect-entry[data-effect-enabled=false] .effect-title{opacity:.5}.effect-actions button[aria-pressed=true]{color:var(--text)}.preview-mode-switch{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:20}.studio-shell[data-mode=interactive] .preview-mode-switch .mode-switch{position:relative;left:auto;top:auto;transform:none;background:#1c1c1c8c;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);box-shadow:inset 0 0 0 1px #ffffff14,0 4px 16px #00000026}.film-resource-notice{display:flex;align-items:center;gap:10px}.film-resource-notice progress{width:90px;height:4px;accent-color:#fafafa}.film-resource-notice button{cursor:pointer}.comment-tabs .button.comment-sort{flex:0 0 32px;width:32px;height:32px;padding:8px;color:var(--text);opacity:1}.comment-tabs .button.comment-sort:focus-visible{outline:none;box-shadow:none}.comment-tabs .button.comment-sort[data-state=open]{background:var(--hover)}.comment-tabs .button.comment-sort[data-state=closed]:not(:hover){background:transparent}.missing-fonts-warning{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:5px 8px;border:1px solid var(--input);border-radius:var(--radius);background:transparent;color:var(--text);font:inherit;cursor:pointer}.missing-fonts-warning:hover{background:var(--hover)}.missing-fonts-warning:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.font-repair-content{min-width:0}.font-repair-description{margin:0;color:var(--muted);line-height:1.5}.font-repair-list{list-style:none;margin:0;padding:0;max-height:50vh;overflow:auto}.font-repair-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px 0;border-top:1px solid var(--input)}.font-repair-file{display:flex;flex-direction:column;gap:5px;min-width:0}.font-repair-file strong,.font-repair-file code{overflow-wrap:anywhere}.font-repair-file code,.font-repair-file details{font-size:var(--osmo-text-compact);color:var(--muted)}.font-repair-file summary{cursor:pointer}.font-repair-file details ul{padding-left:18px;margin:6px 0 0}.font-repair-error{grid-column:1/-1;margin:0;color:var(--text)}.font-repair-success{margin:0;color:var(--text)}
 /*! 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. */