@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.block{display:block}.contents{display:contents}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[version-update\:semver-major\]{version-update:semver-major}}:root{--bg:#f5f5f7;--surface:#fff;--surface2:#f0f0f3;--text:#242429;--muted:#777780;--line:#e4e4e9;--accent:#5079be;--accent-soft:#edf2fa;--blue:var(--accent);--yellow:var(--accent);--inverse:#fff;--shadow:0 10px 35px #2424290d;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#19191c;--surface:#222226;--surface2:#2c2c31;--text:#ececf0;--muted:#a0a0aa;--line:#393940;--accent:#8baade;--accent-soft:#29354b;--inverse:#222226;--shadow:0 10px 35px #1111141a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-studio), "Helvetica Neue", Arial, sans-serif;color:var(--text);background:var(--bg);letter-spacing:-.015em;font-size:13px}button,input,select,textarea{font:inherit;letter-spacing:inherit}button:not([data-slot=segment]){cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0}button:disabled:not([data-slot=segment]){cursor:default;opacity:.38}button,a,input,textarea,select,summary{outline-offset:3px}button:focus-visible:not([data-slot=segment]),a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--accent)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);border-color:var(--accent)}button svg{stroke-width:1.8px;flex-shrink:0}button:not([data-slot=segment]){transition:background .16s,color .16s,transform .16s}button:hover:not(:disabled):not([data-slot=segment]){background:var(--surface2)}button:active:not(:disabled):not([data-slot=segment]){transform:translateY(1px)}h1,h2,h3,p{margin:0}h2{letter-spacing:-.025em;font-size:14px;font-weight:600}img{max-width:100%;display:block}summary{cursor:pointer}.studio{flex-direction:column;height:100dvh;min-height:560px;display:flex;position:relative;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:68px;min-height:68px;padding:0 24px;display:grid}.topbar-left,.topbar-right{align-items:center;gap:12px;min-width:0;display:flex}.topbar-right{justify-content:flex-end;gap:8px}.studio-mark{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:32px;display:flex}.studio-wordmark{letter-spacing:-.045em;font-size:17px;font-weight:650}.top-divider{background:var(--line);flex-shrink:0;width:1px;height:20px;margin:0 2px}.project-trigger{text-align:left;border-radius:4px;align-items:center;gap:10px;min-width:0;max-width:200px;padding:8px 4px;font-size:12px;display:flex}.project-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-trigger svg{color:var(--muted);flex-shrink:0}.workspace-mode{min-width:138px}.text-button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:8px 9px;font-size:12px;font-weight:500;display:inline-flex}.icon-button{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button.active{background:var(--accent-soft);color:var(--accent)}.export-button{background:var(--text);color:var(--inverse);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:12px;font-weight:550;display:flex}.export-button:hover:not(:disabled){background:var(--accent);color:var(--inverse)}.workspace-menu{position:relative}.workspace-menu>summary{border-radius:6px;justify-content:center;align-items:center;width:32px;height:34px;list-style:none;display:flex}.workspace-menu summary::-webkit-details-marker{display:none}.workspace-menu[open]>summary,.workspace-menu>summary:hover{background:var(--surface2)}.workspace-menu-content{background:var(--surface);border:1px solid var(--line);width:250px;box-shadow:var(--shadow);border-radius:8px;padding:6px;position:absolute;top:43px;right:0}.workspace-menu-content button{border-radius:5px;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:11px 10px;font-size:12px;display:flex}.workspace-menu-content b{color:var(--muted);margin-left:auto;font-size:11px;font-weight:500}.workspace{flex:1;grid-template-columns:minmax(0,1fr) 310px;min-height:0;display:grid}.preview-column{flex-direction:column;min-width:0;min-height:0;display:flex}.workspace-toolbar{align-items:center;gap:8px;height:54px;min-height:54px;padding:0 22px;display:flex}.workspace-toolbar .text-button{color:var(--muted);padding:8px}.workspace-toolbar .compose-button{color:var(--text)}.history-tools{color:var(--muted);gap:2px;margin-left:auto;display:flex}.stage-wrap{flex:1;justify-content:center;align-items:center;min-height:240px;display:flex;position:relative;overflow:hidden}.stage-placeholder{color:var(--muted);gap:10px}.stage-meta{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:28px;right:28px}.stage-format{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:11px;display:flex}.tiny-dot{background:var(--muted);border-radius:50%;width:2px;height:2px}.stage-hint{color:var(--muted);font-size:11px}.artboard{border-radius:6px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 1px 4px #26382c08}.artboard canvas{touch-action:none;width:100%;height:100%;display:block}.checker{background-color:var(--surface);background-image:conic-gradient(#80808012 25%, transparent 0 50%, #80808012 0 75%, transparent 0);background-size:16px 16px}.stage-tools{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.tool-divider{background:var(--line);width:1px;height:17px;margin:0 3px}.stage-view{color:var(--muted);gap:3px;display:flex;position:absolute;bottom:19px;right:22px}.stage-caption{max-width:28%;color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;bottom:29px;left:28px}.stage-caption span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stage-loading{background:var(--bg);color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.region-guide{border:2px solid var(--accent);pointer-events:none;background:#5079be24;position:absolute}.reduced-notice{background:var(--surface);border:1px solid var(--line);border-radius:6px;max-width:450px;padding:9px 12px;font-size:11px;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.studio-footer{height:29px;min-height:29px;color:var(--muted);border-top:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;padding:0 24px;font-size:10px;display:flex}.studio-footer>span{align-items:center;gap:7px;display:flex}.save-dot{background:var(--accent);border-radius:50%;width:4px;height:4px}.save-dot.unsaved{background:#a57a35}.footer-separator{opacity:.4;margin:0 3px}.panel{z-index:30;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:318px;max-height:calc(100dvh - 248px);box-shadow:var(--shadow);flex-direction:column;animation:.14s ease-out panel-in;display:flex;position:absolute;bottom:157px;right:32px}.panel.side-panel{max-height:calc(100dvh - 160px);top:83px;bottom:auto;left:24px}.panel-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:17px 19px 14px;display:flex}.panel-head h2{padding-top:5px}.panel-head>.icon-button{margin:-2px -6px -5px 0}.panel-head p{color:var(--muted);padding-top:7px;font-size:11px}.panel-content{scrollbar-width:thin;scrollbar-color:#afb3bc transparent;padding:16px 19px 20px;overflow:auto}.panel-note{color:var(--muted);margin:12px 0;font-size:11px;line-height:1.65}.panel-note:first-child{margin-top:0}.section-label{letter-spacing:.09em;color:var(--muted);justify-content:space-between;align-items:center;margin:22px 0 12px;font-size:9px;font-weight:600;display:flex}.section-label:first-child{margin-top:0}.field{flex-direction:column;gap:7px;min-width:0;margin-bottom:14px;display:flex}.field>span:first-child{color:var(--muted);font-size:11px;font-weight:500}.field small{color:var(--muted);font-size:10px;line-height:1.5}.field input:not([type=color]):not([type=range]):not([type=checkbox]):not(.rt-TextFieldInput),.field select,.field textarea{color:var(--text);background:var(--surface2);border:1px solid var(--line);border-radius:6px;width:100%;min-width:0;padding:9px 10px;font-size:12px}.field textarea{resize:vertical;line-height:1.6}.field select{padding-right:7px}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.number-field{position:relative}.number-field>span{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;top:10px;right:10px}.range-row{align-items:center;gap:12px;display:flex}.range-row input{accent-color:#535b67;cursor:ew-resize;width:100%;height:4px;margin:9px 0}.range-row output{text-align:right;font-variant-numeric:tabular-nums;min-width:35px;font-size:11px}.color-picker{align-items:center;gap:10px;display:flex}.color-picker input[type=color]{border:1px solid var(--line);background:var(--surface2);cursor:pointer;border-radius:7px;width:34px;height:33px;padding:2px}.color-picker input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}.color-picker>input:last-of-type{flex:1}.swatches{gap:9px;margin:14px 0 20px;display:flex}.swatches button{border:1px solid #88888835;border-radius:50%;width:24px;height:24px}.swatches button:hover{box-shadow:0 0 0 3px #9299a522}.full{width:100%}.secondary{border:1px solid var(--line);background:var(--surface);border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px 11px;font-size:11px;font-weight:500;display:flex}.secondary.chosen{color:#6c5810;background:#fff8d7;border-color:#e9d67f}.button-row{gap:7px;margin:12px 0;display:flex}.check{align-items:center;gap:8px;margin:14px 0;font-size:11px;display:flex}.check input{accent-color:var(--blue)}.frame-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:20px;display:grid}.frame-grid button{border:1px solid var(--line);color:var(--muted);border-radius:7px;flex-direction:column;align-items:center;gap:7px;padding:13px 3px;font-size:10px;display:flex}.frame-grid button.selected{color:#685506;background:#fff8d6;border-color:#e1c853}.ratio-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:20px;display:grid}.ratio-grid button{border:1px solid var(--line);border-radius:6px;padding:12px;font-size:12px}.ratio-grid .selected{background:var(--surface2);border-color:#929bac}.inspector-tabs{background:var(--surface2);border-radius:7px;gap:3px;margin-bottom:20px;padding:3px;display:flex}.inspector-tabs button{color:var(--muted);border-radius:5px;flex:1;padding:7px;font-size:11px}.inspector-tabs .selected{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #20263215}.layer-list,.key-list{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.layer-list button,.key-list button{border:1px solid var(--line);border-radius:6px;align-items:center;gap:9px;padding:9px;font-size:11px;display:flex}.layer-list button>span,.key-list button>span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layer-list .selected,.key-list .selected{color:#6c570b;background:#fff8d6;border-color:#d3bf55}.key-list small{font-variant-numeric:tabular-nums}.bezier-editor{background:var(--surface2);border:1px solid var(--line);touch-action:none;cursor:crosshair;border-radius:5px;width:100%;height:130px;margin:0 0 12px}.media-import-actions{gap:10px;display:flex}.media-import-actions button{flex:1}.media-grid{grid-template-columns:1fr 1fr;gap:15px 12px;display:grid}.asset-card{min-width:0}.asset-thumb{background:var(--surface2);border:1px solid var(--line);border-radius:7px;justify-content:center;align-items:center;width:100%;height:103px;padding:10px;display:flex;position:relative;overflow:hidden}.asset-thumb img{object-fit:contain;filter:drop-shadow(0 3px 3px #151a2520);width:100%;height:100%}.asset-kind{background:var(--surface);color:var(--muted);border-radius:4px;padding:3px;position:absolute;bottom:6px;right:6px}.asset-add{color:#fff;background:#10182833;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.asset-thumb:hover .asset-add{display:flex}.asset-info{padding:9px 1px}.asset-info b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.asset-info small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.asset-info .asset-note{color:#99733a;line-height:1.4}.asset-actions{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.asset-actions .text-button{gap:4px;padding:4px 0;font-size:9px}.asset-actions .icon-button{width:22px;height:22px;color:var(--muted)}.direction-list{flex-direction:column;gap:7px;display:flex}.direction-list button{border:1px solid var(--line);text-align:left;border-radius:8px;align-items:center;gap:12px;padding:14px 11px;display:flex}.direction-list button>span{flex:1}.direction-list b{font-size:12px;font-weight:500;display:block}.direction-list small{color:var(--muted);padding-top:5px;font-size:10px;display:block}.direction-list .selected{color:#2878f0;background:#edf4ff;border-color:#b6d2f7}.compose-primary{background:var(--blue);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px;font-size:12px;font-weight:500;display:flex}.compose-primary:hover:not(:disabled){background:#226ad7}.compose-intro{margin-bottom:18px}.help-steps{color:var(--text);margin:18px 0;padding-left:17px;font-size:11px;line-height:1.7}.help-steps li{padding:3px 0}.shortcuts{margin:0}.shortcuts>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:10px;display:flex}.shortcuts dd{color:var(--muted);margin:0;font-size:9px}.shortcuts+button{margin-top:20px}.timeline{z-index:9;flex-shrink:0;max-height:153px;padding:0 28px 7px;overflow:hidden}.timeline-head{justify-content:space-between;align-items:center;gap:15px;height:27px;margin:0 0 11px;display:flex}.timeline-title{letter-spacing:.07em;align-items:center;gap:12px;font-size:9px;font-weight:600;display:flex}.timeline-title>span{color:var(--muted);letter-spacing:0;font-size:9px;font-weight:400}.playback{align-items:center;gap:2px;display:flex}.time-code{font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:8px;font-size:10px}.time-code em{color:var(--muted);font-size:9px;font-style:normal}.timeline-actions{align-items:center;gap:2px;display:flex}.timeline-actions .text-button{font-size:10px}.timeline-actions .icon-button{width:25px;height:25px;color:var(--muted)}.timeline-scroll{scrollbar-width:thin;padding-bottom:8px;overflow:auto hidden}.timeline-track{height:89px;position:relative}.time-ruler{cursor:ew-resize;touch-action:none;height:23px;position:absolute;inset:0 0 auto}.time-ruler>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:8px;position:absolute;top:0}.time-ruler>span:after{content:"";background:var(--line);width:1px;height:4px;position:absolute;top:15px;left:0}.scene-clip{background:var(--surface);border:1px solid #cbd0d9;border-radius:7px;min-width:20px;height:62px;position:absolute;top:24px}.scene-clip.selected{background:#fffbed;border-color:#c0a637;box-shadow:0 0 0 1px #ecd359}.clip-content{text-align:left;z-index:2;border-radius:6px;align-items:center;gap:9px;width:100%;height:100%;padding:7px 12px 7px 7px;display:flex;position:relative;overflow:hidden}.clip-content img{object-fit:cover;border:1px solid #969fb629;border-radius:3px;flex-shrink:0;width:70px;height:43px}.clip-content>span{min-width:0}.clip-content b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;display:block;overflow:hidden}.clip-content small{color:var(--muted);margin-top:6px;font-size:9px;display:block}.text-thumb{color:#272410;background:#ffdc32;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:43px;font-size:22px;font-weight:600;display:flex}.clip-handle{z-index:4;cursor:ew-resize;touch-action:none;border-radius:0 4px 4px 0;width:7px;position:absolute;top:3px;bottom:3px;right:0}.clip-handle:after{content:"";background:#7b849357;border-radius:1px;width:2px;height:15px;position:absolute;top:20px;left:2px}.key-dot{z-index:5;color:#ad9332;touch-action:none;justify-content:center;align-items:center;width:16px;height:17px;padding:0;display:flex;position:absolute;bottom:-1px;transform:translate(-50%)}.key-dot.active{color:#17181b}.transition-zone{z-index:1;pointer-events:none;background:repeating-linear-gradient(-45deg,#adbed630,#adbed630 3px,#0000 3px 7px);border-right:1px dashed #8096ba;position:absolute;top:0;bottom:0;left:0}.playhead{z-index:8;pointer-events:none;background:#e8b928;width:1px;position:absolute;top:13px;bottom:0}.playhead>span{background:#e8b928;border-radius:2px 2px 3px 3px;width:9px;height:9px;position:absolute;top:0;left:-4px}.modal-shade{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#171c2944;justify-content:center;align-items:center;padding:24px;animation:.15s panel-in;display:flex;position:fixed;inset:0}.export-dialog{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;width:490px;max-height:calc(100dvh - 48px);display:flex;overflow:hidden;box-shadow:0 30px 90px #12172244}.export-dialog>.panel-head{padding:21px 24px 19px}.export-dialog h2{font-size:20px}.export-body{padding:21px 24px;overflow:auto}.export-types{gap:9px;margin-bottom:23px;display:flex}.export-types button{text-align:left;border:1px solid var(--line);border-radius:9px;flex:1;align-items:center;gap:12px;padding:15px 13px;font-size:12px;font-weight:500;display:flex}.export-types button.selected{color:#685713;background:#fff9db;border-color:#e6d17e}.export-types small{color:var(--muted);margin-top:5px;font-size:9px;font-weight:400;display:block}.export-settings{border:0;margin:0;padding:0}.pixel-summary{border:1px solid var(--line);background:var(--surface2);border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin:0 0 18px;padding:18px;display:flex}.pixel-summary strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:18px;font-weight:500}.pixel-summary span{color:var(--muted);font-size:10px}.encoder-note{color:var(--muted);align-items:center;gap:7px;margin-top:3px;font-size:10px;line-height:1.6;display:flex}.encoder-note svg{color:var(--blue);flex-shrink:0}.export-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:17px 24px;display:flex}.export-footer>span{color:var(--muted);font-size:9px}.primary{color:#fff;background:#22252b;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:500;display:flex}.primary:hover:not(:disabled){background:#3b3f49}.export-progress{border:1px solid var(--line);border-radius:8px;margin:16px 0;padding:13px}.export-progress>div{justify-content:space-between;align-items:center;font-size:11px;display:flex}.export-progress progress{width:100%;height:4px;accent-color:var(--blue);margin:7px 0}.error-message{color:#b1493d;background:#fceee9;border-radius:7px;margin:12px 0;padding:12px;font-size:11px;line-height:1.6}.export-result{flex-direction:column;gap:12px;margin-top:17px;display:flex}.export-result img,.export-result video{object-fit:contain;background:var(--surface2);border-radius:7px;width:100%;max-height:250px}.export-result>span{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.recording-bar{color:#f8f8fa;z-index:60;box-shadow:var(--shadow);background:#24262b;border-radius:9px;align-items:center;gap:12px;padding:10px 11px 10px 15px;font-size:11px;display:flex;position:fixed;top:82px;left:50%;transform:translate(-50%)}.recording-bar button{color:#fff;background:#42454d;border-radius:5px;align-items:center;gap:6px;padding:7px 10px;display:flex}.recording-bar button:hover{background:#5a5e6a}.record-dot{background:#fb675c;border-radius:50%;width:6px;height:6px}.drop-overlay{z-index:100;color:#2878f0;pointer-events:none;background:#f6f7f9ef;border:2px dashed #93b8ed;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:12px}.drop-overlay strong{font-size:23px;font-weight:500}.drop-overlay span{color:#6c7c94;font-size:12px}.spinner{border:1.5px solid #a3aab63b;border-top-color:#778599;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.9s linear infinite spin;display:inline-block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.toast{pointer-events:none;top:82px;bottom:auto}.toast .icon-button{pointer-events:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}:root[data-theme=dark] .scene-clip.selected{background:#393528}:root[data-theme=dark] .frame-grid .selected,:root[data-theme=dark] .export-types button.selected,:root[data-theme=dark] .layer-list .selected,:root[data-theme=dark] .key-list .selected,:root[data-theme=dark] .secondary.chosen{color:#e9d577;background:#3a3626}:root[data-theme=dark] .compose-button,:root[data-theme=dark] .direction-list .selected{color:#8bbbff;background:#28384f;border-color:#3b5a80}.shot-sidebar{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex;overflow:hidden}.shot-source{border-bottom:1px solid var(--line);align-items:center;gap:11px;min-height:94px;padding:20px 18px;display:flex}.shot-source-thumb,.shot-source-empty{object-fit:cover;border:1px solid var(--line);border-radius:5px;flex-shrink:0;width:44px;height:44px}.shot-source-empty{color:var(--muted);background:var(--surface2);justify-content:center;align-items:center;display:flex}.shot-source-copy{flex:1;min-width:0}.shot-source-label{color:var(--muted);margin-bottom:3px;font-size:10px;display:block}.shot-source-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:550;display:block;overflow:hidden}.shot-source-copy small{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:10px;display:block}.shot-replace{color:var(--muted);border-radius:4px;padding:7px 5px;font-size:11px}.shot-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:0 18px;display:grid}.shot-tabs button{color:var(--muted);border-bottom:2px solid #0000;padding:14px 6px;font-size:12px}.shot-tabs button.selected{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.shot-sidebar-content{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-height:0;padding:23px 20px 18px;overflow-y:auto}.shot-sidebar-section+.shot-sidebar-section{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.shot-sidebar-section>h2{margin-bottom:16px;font-size:13px;font-weight:600}.shot-sidebar .button-row{margin:0 0 12px}.focus-mode-switch>button{flex:1}.control-group-label{color:var(--muted);margin:12px 0 15px;font-size:12px}.frame-options button{min-height:40px}.shot-sidebar .panel-note{margin:9px 0 17px;font-size:11px;line-height:1.55}.shot-sidebar .field{margin-bottom:18px}.shot-sidebar .field>span:first-child{color:var(--text);font-size:12px}.shot-sidebar .range-row output{font-size:12px}.shot-sidebar .secondary{padding:10px 5px;font-size:11px}.shot-sidebar .check{margin:18px 0;font-size:12px}.inspector-disclosure{border-top:1px solid var(--line);margin-top:8px}.inspector-disclosure>summary,.shot-canvas-group>summary{color:var(--muted);justify-content:space-between;align-items:center;padding:15px 0;font-size:12px;list-style:none;display:flex}.inspector-disclosure>summary:after,.shot-canvas-group>summary:after{content:"+";color:var(--muted);font-size:17px;font-weight:400}.inspector-disclosure[open]>summary:after,.shot-canvas-group[open]>summary:after{content:"-"}.inspector-disclosure>summary::-webkit-details-marker{display:none}.shot-canvas-group>summary::-webkit-details-marker{display:none}.inspector-disclosure-body{padding:5px 0 10px}.shot-canvas-group{border-bottom:1px solid var(--line)}.shot-canvas-group>summary{color:var(--text);font-weight:500}.shot-canvas-group-content{padding:6px 0 13px}.shot-sidebar-footer{border-top:1px solid var(--line);margin-top:12px;padding-top:25px}.shot-more{width:100%;color:var(--muted);justify-content:space-between;align-items:center;padding:6px 0;font-size:11px;display:flex}.shot-more:hover:not(:disabled){color:var(--text);background:0 0}.shot-example{color:var(--muted);margin-top:14px;font-size:11px}.shot-example>summary{padding:6px 0}.shot-example .text-button{margin-top:4px;font-size:11px}.panel{width:330px;max-height:calc(100dvh - 110px);box-shadow:var(--shadow);position:fixed;top:82px;bottom:auto;right:24px}.panel.wide{width:420px}.panel.side-panel{max-height:calc(100dvh - 110px);top:82px;left:24px}.panel-content{padding:20px}.panel-head{align-items:center;padding:15px 20px}.section-label{letter-spacing:0;font-size:11px;font-weight:500}.field>span:first-child{color:var(--muted);font-size:12px}.field small,.panel-note{font-size:11px}.range-row input{accent-color:var(--accent)}.secondary.chosen,.frame-grid button.selected,.ratio-grid button.selected,.layer-list .selected,.key-list .selected,.direction-list .selected,.export-types button.selected,.scene-clip.selected{background:var(--accent-soft);color:var(--text);border-color:var(--accent);box-shadow:none}.compose-primary{background:var(--text);color:var(--inverse)}.compose-primary:hover:not(:disabled){background:var(--accent);color:var(--inverse)}.compose-button.active{background:var(--accent-soft)}.frame-grid button{padding:10px 3px}.frame-grid button span{font-size:11px}.frame-grid button svg{width:22px;height:22px}:root[data-theme=dark] .scene-clip.selected,:root[data-theme=dark] .frame-grid .selected,:root[data-theme=dark] .export-types button.selected,:root[data-theme=dark] .layer-list .selected,:root[data-theme=dark] .key-list .selected,:root[data-theme=dark] .secondary.chosen,:root[data-theme=dark] .compose-button,:root[data-theme=dark] .direction-list .selected{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.timeline{border-top:1px solid var(--line);background:var(--surface);max-height:165px;padding:15px 24px 9px}.timeline-head{height:31px}.timeline-title,.time-code,.timeline-actions .text-button{font-size:11px}.timeline-title{letter-spacing:0;font-weight:550}.timeline-title>span{display:none}.time-code em,.time-ruler>span,.clip-content small{font-size:10px}.clip-content b{font-size:11px}.key-dot,.key-dot.active{color:var(--accent)}.playhead{background:var(--accent)}.playhead>span,.text-thumb{background:var(--accent-soft);color:var(--text)}.export-types small{font-size:11px}.primary{background:var(--text);color:var(--inverse)}.primary:hover:not(:disabled){background:var(--accent);color:var(--inverse)}.export-dialog{box-shadow:var(--shadow);border-radius:8px}.recording-bar,.import-status{border-color:var(--line);color:var(--text);background:var(--surface)}.recording-bar button{background:var(--text);color:var(--inverse)}.toast{border:1px solid var(--line);background:var(--surface);width:max-content;max-width:calc(100vw - 32px);color:var(--text);box-shadow:var(--shadow);z-index:40;border-radius:8px;align-items:center;gap:12px;padding:11px 14px;font-size:12px;line-height:1.5;display:flex;position:fixed;top:auto;bottom:44px;left:50%;transform:translate(-50%)}.import-status,.recording-bar{z-index:40;position:fixed;top:82px}@media (max-width:1100px){.topbar{gap:14px;padding:0 18px}.topbar-left{gap:8px}.studio-wordmark{display:none}.project-trigger{max-width:160px}.workspace{grid-template-columns:minmax(0,1fr) 290px}.shot-sidebar-content{padding:20px 17px}.stage-hint,.stage-caption,.timeline-title{display:none}}@media (max-width:900px){.studio{height:auto;min-height:100dvh;overflow:visible}.workspace{flex:none;grid-template-columns:minmax(0,1fr)}.topbar{position:sticky;top:0}.preview-column{min-height:0}.stage-wrap{flex:none;height:clamp(320px,52dvh,570px);min-height:320px}.shot-sidebar{border-left:0;border-top:1px solid var(--line);overflow:visible}.shot-source{min-height:85px;padding:18px 24px}.shot-sidebar-content{padding:24px;overflow:visible}.shot-tabs{padding:0 24px}.shot-sidebar-section+.shot-sidebar-section{margin-top:28px;padding-top:24px}.studio-footer{height:38px;min-height:38px}.timeline{max-height:none}}@media (max-width:640px){.topbar{grid-template-rows:55px 43px;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;height:98px;min-height:98px;padding:0 12px}.topbar-left{grid-area:1/1;gap:6px}.topbar-right{grid-area:1/2;gap:5px}.topbar-left .top-divider{display:none}.project-trigger{max-width:155px;font-size:11px}.workspace-mode{grid-area:2/1/auto/-1;justify-self:center;min-width:168px;margin-bottom:6px}.topbar .upload-photo-button,.topbar .add-media-button{width:34px;height:34px;padding:0}.topbar .upload-photo-button>span,.topbar .add-media-button>span{display:none}.topbar .export-button{padding:9px 12px;font-size:11px}.workspace-toolbar{gap:2px;height:48px;min-height:48px;padding:0 12px}.workspace-toolbar .text-button{padding:7px;font-size:11px}.stage-meta{left:18px;right:18px}.stage-tools{bottom:14px;left:18px;transform:none}.stage-view{bottom:18px;right:12px}.shot-source{padding:18px}.shot-tabs{padding:0 18px}.shot-sidebar-content{padding:23px 20px}.studio-footer{padding:0 18px}.studio-footer>span:last-child{display:none}.timeline{padding:14px 14px 7px}.timeline-head{flex-wrap:wrap;gap:6px;height:auto}.timeline-actions{justify-content:flex-end;width:100%}.timeline-actions .icon-button{width:26px}.time-code{padding-left:4px}.panel,.panel.wide,.panel.side-panel{width:calc(100vw - 24px);max-height:calc(100dvh - 135px);top:111px;left:12px;right:12px}.modal-shade{padding:14px}.export-dialog{border-radius:8px;max-height:calc(100dvh - 28px)}.export-body,.export-dialog>.panel-head{padding:18px}.export-footer{padding:15px 18px}.export-footer>span{max-width:135px;line-height:1.5}.export-types button{gap:8px;padding:12px 10px}.export-types small{font-size:10px}.pixel-summary strong{font-size:17px}.toast{width:max-content;max-width:calc(100vw - 26px);font-size:11px;bottom:15px}.import-status,.recording-bar{max-width:calc(100vw - 24px);font-size:11px;top:110px}.media-grid{gap:12px 10px}.asset-thumb{height:100px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.studio.radix-themes{--default-font-family:var(--font-studio), "Helvetica Neue", Arial, sans-serif;--cursor-button:pointer;font-family:var(--default-font-family);letter-spacing:-.015em;background:var(--bg);font-size:13px}.shot-sidebar{--surface:#fff;--surface2:#f6f6f6;--text:#18181b;--muted:#858585;--line:#ececec;--accent:var(--slider-fill);--accent-soft:#f6f6f6;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:var(--font-studio), Inter, sans-serif;letter-spacing:-.025em;border-radius:16px;margin:12px 12px 12px 0;font-size:14px}.dark .shot-sidebar{--surface:#202020;--surface2:#2b2b2b;--text:#ededed;--muted:#999;--line:#343434}.shot-sidebar-tabs{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.shot-sidebar .shot-tabs{border-bottom:1px solid var(--line);height:49px;box-shadow:none;flex:none;align-items:center;gap:4px;padding:10px 12px;display:flex}.shot-sidebar .shot-tabs .rt-TabsTrigger{height:29px;font:inherit;color:var(--muted);border:0;border-radius:9px;flex:none;padding:0 8px;font-weight:500}.shot-sidebar .shot-tabs .rt-TabsTrigger:before,.shot-sidebar .shot-tabs .rt-TabsTrigger:after{display:none}.shot-sidebar .shot-tabs .rt-TabsTrigger[data-state=active]{background:var(--surface2);color:var(--text);font-weight:600}.shot-sidebar .shot-source{border-bottom:1px solid var(--line);flex:none;gap:9px;min-height:47px;padding:10px 17px}.shot-source-icon{width:22px;height:24px;color:var(--muted);background:var(--surface2);border-radius:6px;flex:none;place-items:center;display:grid}.shot-source>strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.shot-sidebar .shot-source .icon-button{width:23px;height:23px;color:var(--muted);margin:0}.shot-sidebar .shot-sidebar-content{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:0;overflow-y:auto}.shot-sidebar-content::-webkit-scrollbar{display:none}.shot-sidebar-content[data-state=inactive]{display:none}.shot-sidebar .shot-sidebar-section,.shot-sidebar .shot-sidebar-section+.shot-sidebar-section{border:0;border-bottom:1px solid var(--line);margin:0;padding:15px 17px 12px}.shot-sidebar .shot-sidebar-section>h2{letter-spacing:-.025em;margin:0 0 15px;font-size:14px;font-weight:550;line-height:20px}.shot-sidebar .field{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:center;gap:5px 12px;min-height:30px;margin:0 0 10px;display:grid}.shot-sidebar .field:last-child{margin-bottom:0}.shot-sidebar .field>span:first-child{color:var(--muted);font-size:14px;font-weight:400;line-height:18px}.shot-sidebar .field small{grid-column:2}.studio-select{width:100%;min-width:0;color:var(--text);background:var(--surface2);letter-spacing:inherit;justify-content:space-between;font-family:inherit;font-size:12px}.shot-sidebar .studio-select,.shot-sidebar .rt-TextFieldRoot,.shot-sidebar .field input:not([type=color]):not([type=range]):not([type=checkbox]):not(.rt-TextFieldInput){height:30px;min-height:30px;box-shadow:none;background:var(--surface2);color:var(--text);letter-spacing:inherit;border:0;border-radius:10px;padding:0 8px;font-family:inherit;font-size:14px;font-weight:500}.shot-sidebar .rt-TextFieldRoot input{text-indent:0;padding:0}.shot-sidebar .studio-select:hover{background:color-mix(in srgb, var(--surface2) 93%, var(--text))}.shot-sidebar .studio-select svg{width:14px;height:14px;color:var(--muted)}.shot-sidebar .shot-source-chip{border:1px solid var(--line);background:var(--surface);height:27px;color:var(--text);border-radius:6px;justify-self:start;gap:7px;padding:0 8px;font-size:14px;font-weight:500;box-shadow:0 1px 2px #18181b04}.shot-source-chip svg{color:var(--accent)}.range-row{min-width:0}.range-row .studio-slider{cursor:pointer;flex:1;min-width:0}.shot-sidebar .range-row{gap:9px}.shot-sidebar .range-row output{background:var(--surface2);min-width:48px;height:30px;color:var(--text);border-radius:10px;place-items:center;padding:0 7px;font-size:14px;font-weight:500;line-height:1;display:grid}.shot-sidebar .rt-SliderRoot{height:30px}.shot-sidebar .rt-SliderTrack{background:var(--surface2);height:5px;box-shadow:none;border-radius:5px}.shot-sidebar .rt-SliderRange{background:var(--accent);border-radius:5px}.shot-sidebar .rt-SliderThumb{background:var(--surface);border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 5px #18181b18,0 0 0 1px #18181b04}.shot-sidebar .panel-note{color:var(--muted);letter-spacing:-.01em;margin:0 0 11px;font-size:10px;line-height:1.5}.shot-sidebar .control-group-label{color:var(--muted);margin:11px 0 10px;font-size:12px}.shot-sidebar .inspector-disclosure{border:0;margin:0}.shot-sidebar .inspector-disclosure>summary{color:var(--muted);padding:6px 0 0;font-size:11px}.shot-sidebar .inspector-disclosure>summary:after{display:none}.shot-sidebar .inspector-disclosure>summary svg{width:13px;height:13px;transition:transform .16s}.shot-sidebar .inspector-disclosure[open]>summary svg{transform:rotate(180deg)}.shot-sidebar .inspector-disclosure-body{padding:14px 0 2px}.shot-sidebar .field-grid{grid-template-columns:minmax(0,1fr);gap:0}.shot-sidebar .color-picker{background:var(--surface2);border-radius:10px;gap:7px;min-width:0;height:30px;padding:0 7px;position:relative}.shot-sidebar .color-picker input[type=color]{background:0 0;border:0;border-radius:4px;flex:0 0 20px;width:20px;height:20px;padding:0;box-shadow:0 1px 3px #18181b12}.shot-sidebar .color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.shot-sidebar .color-picker .rt-TextFieldRoot{flex:1;min-width:0;padding:0}.shot-sidebar .color-picker .rt-TextFieldRoot input{font-size:14px;padding:0!important}.shot-sidebar .color-picker .icon-button{width:18px;height:22px;color:var(--muted);opacity:0;pointer-events:none;margin:0;position:absolute;right:calc(100% + 8px)}.shot-sidebar .color-picker:hover .icon-button,.shot-sidebar .color-picker:focus-within .icon-button{opacity:1;pointer-events:auto}.shot-sidebar .swatches{justify-content:flex-end;gap:6px;margin:4px 0 12px}.shot-sidebar .swatches button{border-radius:4px;width:16px;min-width:0;height:16px;padding:0}.shot-sidebar .secondary{background:var(--surface2);height:30px;color:var(--text);box-shadow:none;border:0;border-radius:10px;margin:6px 0 12px;padding:0 8px;font-size:12px}.shot-sidebar .inspector-reset{height:20px;color:var(--muted);background:0 0;margin-top:9px;padding:0;font-size:11px}.shot-sidebar .shot-sidebar-footer{border:0;margin:0;padding:13px 17px}.shot-sidebar .shot-more{width:100%;height:29px;color:var(--muted);justify-content:space-between;margin:0;padding:0;font-size:11px;font-weight:400}.shot-library-list{gap:10px;margin:0 0 16px;display:grid}.shot-sidebar .shot-library-item{height:auto;color:var(--text);border-radius:8px;justify-content:flex-start;gap:10px;margin:0;padding:4px 0;display:flex}.shot-library-item>img{object-fit:cover;border:1px solid var(--line);border-radius:6px;width:35px;height:35px}.shot-library-item>span{text-align:left;flex:1;min-width:0}.shot-library-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.shot-library-item small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.shot-library-item>svg{color:var(--muted)}.shot-sidebar button:focus-visible,.shot-sidebar input:focus-visible,.shot-sidebar summary:focus-visible,.shot-sidebar [role=slider]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:900px){.shot-sidebar{margin:0 18px 18px}.shot-sidebar .shot-sidebar-content{flex:none;max-height:650px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.shot-sidebar *,.shot-sidebar :before,.shot-sidebar :after{transition:none!important;animation:none!important}}
:root{font-family:var(--font-studio), Inter, sans-serif;--default-font-family:var(--font-studio), Inter, sans-serif;font-feature-settings:"liga" 1, "calt" 1;--control-surface:#fff;--control-field:#f6f6f6;--control-text:#18181b;--control-muted:#858585;--control-line:#e8e8e8;--control-active:#edf5ff;--control-shadow:#18181b1a;--menu-surface:#ffffffeb;--menu-text:#1a1a1a;--menu-muted:#949494;--menu-separator:#18181b14;--menu-inner-edge:#fff9;--menu-outer-edge:#18181b1a;--menu-shadow:#18181b1f;--slider-track:#d8dce1;--slider-fill:var(--accent);--slider-thumb:#fff;--slider-thumb-border:#969da8;--slider-shadow:#18181b26}:root[data-theme=dark]{--control-surface:#242424;--control-field:#303030;--control-text:#ededed;--control-muted:#aaa;--control-line:#3a3a3a;--control-active:#17334a;--control-shadow:#00000040;--menu-surface:#252525ed;--menu-text:#ededed;--menu-muted:#a3a3a3;--menu-separator:#ffffff14;--menu-inner-edge:#ffffff0a;--menu-outer-edge:#00000059;--menu-shadow:#0006;--slider-track:#454545;--slider-fill:var(--accent);--slider-thumb:#bfc5cd;--slider-thumb-border:#7c8795;--slider-shadow:#0000004d}.radix-themes{--cursor-button:pointer;--default-font-family:var(--font-studio), Inter, sans-serif;--heading-font-family:var(--font-studio), Inter, sans-serif;--code-font-family:var(--font-studio), Inter, sans-serif}code,kbd,pre{font-family:var(--font-studio), Inter, sans-serif}.paper-menu{--menu-radius:10px;--menu-inset:4px;--menu-row-radius:max(0px, calc(var(--menu-radius) - var(--menu-inset)));box-sizing:border-box;width:max-content;min-width:148px;max-width:min(224px,100vw - 24px);max-height:min(420px, var(--radix-select-content-available-height,80vh));padding:var(--menu-inset);border-radius:var(--menu-radius);background:var(--menu-surface);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);color:var(--menu-text);box-shadow:inset 0 0 0 1px var(--menu-inner-edge), 0 0 0 .5px var(--menu-outer-edge), 0 4px 14px var(--menu-shadow);font-family:var(--font-studio), Inter, sans-serif;letter-spacing:-.01em;z-index:120;border:0;font-size:12px;line-height:16px;transition:none;animation:none;overflow:auto}.studio-select-menu.paper-menu{min-width:min(var(--radix-select-trigger-width,148px), 180px)}.paper-menu-viewport{min-width:0;padding:0}.paper-menu-item{border-radius:var(--menu-row-radius);min-height:24px;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:6px;margin:0;padding:2px 6px;font-weight:400;display:flex;position:relative}.paper-menu-item+.paper-menu-item{margin-top:1px}.paper-menu-item>svg{flex:0 0 14px;width:14px;height:14px}.paper-menu-item>span:not(.paper-menu-check){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.paper-menu-item[data-highlighted],.paper-menu-item[data-state=checked][data-highlighted]{color:#fff;background:var(--accent)}.paper-menu-item[data-state=checked]:not([data-highlighted]) .paper-menu-check{color:var(--accent)}.paper-menu-item[data-disabled]{opacity:.4;color:var(--menu-text);pointer-events:none;background:0 0}.paper-menu-check{flex:0 0 12px;width:12px;margin-left:auto;display:flex}.paper-menu-check svg{width:12px;height:12px}.paper-menu-item small{color:var(--menu-muted);margin-left:auto;font-size:11px;font-weight:400}.paper-menu-item[data-highlighted] small{color:#ffffffb3}.paper-menu-separator{background:var(--menu-separator);height:1px;margin:4px 6px}.menu-scroll-button{height:20px;color:var(--menu-muted);place-items:center;display:grid}.studio-select{background:var(--surface2);width:100%;min-width:0;height:32px;font:inherit;text-align:left;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 9px;font-weight:500;display:inline-flex}.studio-select>span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.studio-select>span:last-child{color:var(--muted);flex:none;margin-left:auto;display:flex}.studio-select:focus-visible,.studio-select[data-state=open]{outline:2px solid var(--accent);outline-offset:2px}.number-field{min-width:0}.icon-button.rt-IconButton{box-sizing:border-box;min-width:0;min-height:0;padding:0}.studio .rt-TextFieldRoot,.control-popover .rt-TextFieldRoot{width:100%;height:32px;min-height:32px;color:var(--text);background:var(--surface2);box-shadow:none;border:0;border-radius:10px;padding:0 9px}.rt-TextFieldRoot .rt-TextFieldInput{min-width:0;height:100%;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-indent:0;background:0 0;border:0;border-radius:0;padding:0;box-shadow:none!important;outline:none!important}.studio .rt-TextFieldRoot:focus-within,.control-popover .rt-TextFieldRoot:focus-within{outline:2px solid var(--accent);outline-offset:2px;box-shadow:none}.rt-TextFieldRoot .rt-TextFieldSlot{color:var(--muted);font:inherit;padding:0 0 0 5px}.scrub-label,.scrubbable-number .rt-TextFieldInput{cursor:ew-resize;touch-action:none}.scrub-label{-webkit-user-select:none;user-select:none}.scrubbable-number input[type=number]{appearance:textfield}.scrubbable-number input::-webkit-inner-spin-button{appearance:none;margin:0}.scrubbable-number input::-webkit-outer-spin-button{appearance:none;margin:0}.studio-slider.rt-SliderRoot{touch-action:none;align-items:center;height:30px;display:flex;position:relative}.studio-slider .rt-SliderTrack{background:var(--slider-track);border-radius:5px;flex:1;height:5px;position:relative;box-shadow:inset 0 1px 2px #18181b0a}.studio-slider .rt-SliderRange{background:var(--slider-fill);border-radius:5px;height:100%;position:absolute}.studio-slider .rt-SliderThumb{border:1.5px solid var(--slider-thumb-border);background:var(--slider-thumb);width:17px;height:17px;box-shadow:0 1px 3px var(--slider-shadow);border-radius:50%;display:block}.studio-slider .rt-SliderThumb:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.studio-slider .rt-SliderThumb:after{display:none}.studio-slider .rt-SliderThumb:hover{border-color:var(--accent)}.control-popover,.color-popover{--surface:var(--control-surface);--surface2:var(--control-field);--text:var(--control-text);--muted:var(--control-muted);--line:var(--control-line);width:288px;max-width:calc(100vw - 24px);max-height:var(--radix-popover-content-available-height);border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:0 6px 24px var(--control-shadow), 0 1px 4px #18181b08;font-family:var(--font-studio), Inter, sans-serif;letter-spacing:-.015em;z-index:100;border-radius:14px;padding:16px;font-size:13px;line-height:1.5;overflow-y:auto}.color-popover{z-index:130;width:246px}.popover-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.popover-heading strong{font-size:13px;font-weight:600}.popover-close{width:24px;height:24px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.popover-close:hover{background:var(--surface2)}.control-popover .field{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;gap:10px;margin-bottom:12px;display:grid}.control-popover .field>span:first-child{color:var(--muted);font-size:12px}.control-popover .range-row{gap:8px}.control-popover .range-row output{min-width:36px;color:var(--text);font-size:12px}.control-popover .panel-note{margin:10px 0 14px;font-size:11px}.control-popover .inspector-disclosure{margin:0}.control-popover .inspector-disclosure-body .field{grid-template-columns:1fr}.choose-focus-button.rt-Button{background:var(--surface2);width:100%;height:32px;color:var(--text);font:inherit;border-radius:10px;gap:7px;margin:0 0 8px;font-size:12px}.color-trigger.rt-Button{background:var(--surface2);width:100%;min-width:0;height:30px;color:var(--muted);border-radius:10px;gap:8px;padding:5px 8px;display:flex}.color-trigger-swatch{border:1px solid #18181b1f;border-radius:5px;flex:1;height:20px}.color-popover .react-colorful{width:100%;height:180px}.color-popover .react-colorful__saturation{border-bottom-width:8px;border-radius:8px 8px 0 0}.color-popover .react-colorful__hue{border-radius:0 0 8px 8px;height:14px}.color-popover .react-colorful__pointer{width:18px;height:18px}.color-popover-swatches{gap:8px;margin:16px 0 12px;display:flex}.color-popover-swatches button{border:1px solid #18181b26;border-radius:5px;flex:1;height:22px}.color-popover-swatches button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.color-hex-input{background:var(--surface2);width:100%;height:32px;color:var(--text);font:inherit;border:0;border-radius:8px;padding:0 9px}.color-hex-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.quick-access-bar.stage-tools{border:1px solid var(--control-line);background:var(--control-surface);max-width:calc(100% - 24px);color:var(--control-muted);z-index:5;border-radius:13px;gap:2px;padding:5px;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #18181b0a}.quick-control.rt-Button{min-width:0;height:32px;color:inherit;font-family:var(--font-studio), Inter, sans-serif;letter-spacing:-.015em;border-radius:8px;flex:none;gap:7px;margin:0;padding:0 9px;font-size:12px;font-weight:500}.quick-control.rt-Button:hover{background:var(--control-field)}.quick-control.rt-Button.active,.quick-control.rt-Button[data-state=open]{background:var(--control-active);color:var(--accent)}.quick-control.quick-icon-only{width:30px;padding:0}.quick-control.quick-focus-settings{width:17px;margin-left:-3px}.quick-access-bar .tool-divider{background:var(--control-line);flex:none;margin:0 2px}.stage-caption{display:none}.focus-tool-hint{border:1px solid var(--control-line);background:var(--control-surface);color:var(--control-muted);white-space:nowrap;pointer-events:none;border-radius:8px;padding:6px 10px;font-size:11px;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.workspace-menu-trigger{width:30px;height:32px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.workspace-menu-trigger:hover{background:var(--surface2)}@media (max-width:650px){.quick-control.rt-Button{width:34px;padding:0}.quick-control.quick-focus-settings{width:17px}.quick-control>span{display:none}.quick-control>.quick-rotation-label{font-size:0;display:inline}.quick-rotation-label:after{content:"R";font-size:12px}.quick-access-bar.stage-tools{gap:4px}}.compact-sidebar .shot-tabs{height:42px;padding-block:6px}.compact-sidebar .shot-source{min-height:39px;padding-block:6px}.compact-sidebar .shot-sidebar-content{flex:none;max-height:none;overflow:visible}.compact-sidebar .shot-sidebar-section,.compact-sidebar .shot-sidebar-section+.shot-sidebar-section{padding:12px 17px 10px}.compact-sidebar .shot-sidebar-section>h2{margin-bottom:10px;font-size:13px;line-height:18px}.compact-sidebar .field{min-height:28px;margin-bottom:7px}.compact-sidebar .field:last-child{margin-bottom:0}.compact-sidebar .field>span:first-child,.compact-sidebar .studio-select,.compact-sidebar .rt-TextFieldRoot,.compact-sidebar .range-row output{font-size:13px}.compact-sidebar .studio-select,.compact-sidebar .rt-TextFieldRoot,.compact-sidebar .range-row output,.compact-sidebar .rt-SliderRoot,.compact-sidebar .color-trigger,.compact-sidebar .choose-focus-button{height:28px;min-height:28px}.compact-sidebar .color-trigger-swatch{height:18px}.background-image-control{align-items:center;gap:4px;min-width:0;display:flex}.background-image-control .studio-select{flex:1}.background-image-control .icon-button.rt-IconButton{width:24px;height:28px;color:var(--muted);flex:none;margin:0}.advanced-settings-group+.advanced-settings-group,.advanced-settings-page>section+section{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.advanced-settings-group>h3,.advanced-settings-page>section>h3{margin:0 0 12px;font-size:13px;font-weight:600}@media (min-width:901px) and (max-height:850px){.compact-sidebar .shot-tabs{height:38px}.compact-sidebar .shot-source{min-height:36px;padding-block:4px}.compact-sidebar .shot-sidebar-section,.compact-sidebar .shot-sidebar-section+.shot-sidebar-section{padding-block:6px}.compact-sidebar .shot-sidebar-section>h2{margin-bottom:6px;line-height:16px}.compact-sidebar .field{min-height:26px;margin-bottom:4px}.compact-sidebar .field:last-child{margin-bottom:0}.compact-sidebar .studio-select,.compact-sidebar .rt-TextFieldRoot,.compact-sidebar .range-row output,.compact-sidebar .rt-SliderRoot,.compact-sidebar .color-trigger,.compact-sidebar .choose-focus-button{height:26px;min-height:26px}.compact-sidebar .choose-focus-button{margin-bottom:4px}.compact-sidebar .color-trigger-swatch{height:16px}}@media (min-width:901px) and (max-height:700px){.compact-sidebar .shot-sidebar-section,.compact-sidebar .shot-sidebar-section+.shot-sidebar-section{padding-block:4px}.compact-sidebar .rotation-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.compact-sidebar .rotation-fields .field{grid-template-columns:minmax(0,1fr);gap:3px;margin:0}.compact-sidebar .rotation-fields .field>.scrub-label{font-size:0;line-height:16px}.compact-sidebar .field{min-height:24px}.compact-sidebar .studio-select,.compact-sidebar .rt-TextFieldRoot,.compact-sidebar .range-row output,.compact-sidebar .rt-SliderRoot,.compact-sidebar .color-trigger,.compact-sidebar .choose-focus-button,.compact-sidebar .background-image-control .icon-button{height:24px;min-height:24px}.compact-sidebar .rotation-fields .scrub-label:before{font-size:12px}.compact-sidebar .rotation-fields .field:first-child .scrub-label:before{content:"X"}.compact-sidebar .rotation-fields .field:nth-child(2) .scrub-label:before{content:"Y"}.compact-sidebar .rotation-fields .field:nth-child(3) .scrub-label:before{content:"Z"}.compact-sidebar [data-slot=segmented-control][data-size=sm]{--segment-item-height:20px}}
.workspace-mode[data-slot=segmented-control]{--segment-item-height:32px;--segment-item-padding:20px;--segment-inset:4px;--segment-radius:9px;--segment-background:var(--surface2);--segment-active:var(--surface);--segment-foreground:var(--text);--segment-muted:var(--muted);--segment-focus:var(--accent);gap:8px;min-width:184px}.workspace-mode [data-slot=segment]{min-width:82px;font-weight:550}.workspace-mode [data-slot=segment-indicator]{box-shadow:0 1px 3px #24242912}.video-studio .workspace{grid-template-columns:minmax(0,1fr) 300px}.video-studio .workspace-toolbar{height:48px;min-height:48px}.video-studio .stage-hint{display:none}.video-studio .stage-caption{max-width:calc(100% - 56px)}.video-studio .artboard{box-shadow:0 2px 16px #24242909}.empty-stage{padding:36px 24px}@media (max-height:760px) and (min-width:761px){.empty-stage{padding:20px}.empty-stage-icon{display:none}.empty-stage h1{font-size:25px}.empty-stage p{margin:10px 0 18px}}.empty-stage-content{text-align:center;flex-direction:column;align-items:center;max-width:420px;display:flex}.empty-stage-icon{width:64px;height:64px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:18px;place-items:center;margin-bottom:22px;display:grid}.empty-stage h1{letter-spacing:-.05em;font-size:clamp(23px,2.4vw,30px);font-weight:600;line-height:1.2}.empty-stage p{color:var(--muted);max-width:300px;margin:12px 0 22px;font-size:13px;line-height:1.7}.empty-stage .primary{background:var(--text);color:var(--inverse);border-radius:7px;align-items:center;gap:9px;padding:11px 17px;font-weight:550;display:flex}.empty-stage small{color:var(--muted);margin-top:14px;font-size:11px}.video-sidebar{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.video-sidebar-heading{border-bottom:1px solid var(--line);height:48px;min-height:48px;color:var(--muted);align-items:center;gap:9px;padding:0 20px;display:flex}.video-sidebar-heading h2{color:var(--text);letter-spacing:-.02em;font-size:12px;font-weight:550}.video-source{align-items:center;gap:10px;min-width:0;padding:18px 20px;display:flex}.video-source>span{color:var(--muted);display:flex}.video-source strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;overflow:hidden}.video-property-tabs{background:var(--surface2);border-radius:7px;gap:4px;margin:0 16px;padding:3px;display:flex}.video-property-tabs button{min-height:30px;color:var(--muted);border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.video-property-tabs button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #2424290a}.video-sidebar-body{scrollbar-width:thin;flex:1;min-height:0;padding:0 20px 24px;overflow-y:auto}.video-property-section{border-bottom:1px solid var(--line);padding:22px 0}.video-property-section h3{margin:0 0 15px;font-size:12px;font-weight:550}.video-sidebar .field{margin-bottom:14px}.video-sidebar .field>span:first-child{font-size:11px}.video-sidebar .field input:not([type=checkbox]),.video-sidebar .field textarea{background:var(--surface2);width:100%;color:var(--text);border:1px solid #0000;border-radius:6px;padding:8px 10px}.video-sidebar .number-field input{padding:0!important}.video-sidebar .rt-TextFieldRoot{background:var(--surface2);border-radius:6px}.video-sidebar .secondary{background:var(--surface2);border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:34px;font-size:11px;display:flex}.video-sidebar .secondary:hover{background:var(--line)}.video-source-name{color:var(--muted);overflow-wrap:anywhere;margin:0 0 12px;font-size:11px;line-height:1.5}.video-property-note{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.65}.video-sidebar .field-grid{gap:10px;margin-top:16px}.video-sidebar .check{font-size:11px}.video-property-details{border-bottom:1px solid var(--line);padding:16px 0}.video-property-details>summary{justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:500;list-style:none;display:flex}.video-property-details>summary::-webkit-details-marker{display:none}.video-property-details>summary svg{color:var(--muted);transition:transform .15s}.video-property-details[open]>summary{margin-bottom:18px}.video-property-details[open]>summary svg{transform:rotate(180deg)}.video-sidebar-empty{color:var(--muted);flex-direction:column;align-items:flex-start;gap:12px;padding:28px 0;display:flex}.video-sidebar-empty strong{color:var(--text);font-size:12px;font-weight:550}.video-sidebar-empty p{font-size:11px;line-height:1.75}.video-sidebar .layer-list:empty:after{content:"No layers. Add text or a logo below.";color:var(--muted);padding-bottom:14px;font-size:11px;line-height:1.7;display:block}.video-timeline.timeline{background:var(--surface);border-top:1px solid var(--line);height:214px;max-height:none;padding:14px 22px 8px;overflow:hidden}.video-timeline .timeline-head{gap:16px;height:34px;margin-bottom:12px}.video-timeline .timeline-title{white-space:nowrap;gap:10px;font-size:12px;font-weight:550}.video-timeline .timeline-title>span{font-size:10px;display:inline}.timeline-add-actions{align-items:center;gap:8px;display:flex}.timeline-add-actions .text-button{font-size:11px}.timeline-add-actions .add-scene-button{background:var(--surface2);border:1px solid var(--line);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:500;display:flex}.video-timeline .timeline-scroll{height:105px;padding-bottom:6px}.video-timeline .timeline-track{min-width:0;height:94px}.video-timeline .time-ruler{height:23px}.video-timeline .time-ruler>span{font-size:9px}.video-timeline .scene-clip{border:1px solid var(--line);background:var(--surface2);border-radius:6px;min-width:24px;height:62px;top:28px}.video-timeline .scene-clip.selected{border:1px solid var(--accent);background:var(--accent-soft)}.video-timeline .scene-clip.is-moving{opacity:.85;box-shadow:0 5px 16px #24242920}.video-timeline .clip-content{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;gap:10px;padding:7px min(16px,5%)}.video-timeline .clip-content:active{cursor:grabbing;transform:none}.video-timeline .clip-content:hover{background:0 0}.video-timeline .clip-content img{pointer-events:none;border:0;width:52px;height:38px}.video-timeline .clip-content b{font-size:11px}.video-timeline .clip-content small{margin-top:5px;font-size:10px}.video-timeline .text-thumb{background:var(--surface);border:1px solid var(--line);width:38px;height:38px;font-size:19px}.video-timeline .clip-handle{background:0 0;border-radius:4px;width:12px;top:0;bottom:0}.video-timeline .clip-handle-start{left:0;right:auto}.video-timeline .clip-handle-end{right:0}.video-timeline .clip-handle:after{background:var(--muted);opacity:.45;width:3px;height:20px;top:20px;left:4px}.video-timeline .selected .clip-handle{background:color-mix(in srgb, var(--accent) 15%, transparent)}.video-timeline .selected .clip-handle:after{background:var(--accent);opacity:1}.video-timeline .clip-handle:hover{background:color-mix(in srgb, var(--accent) 25%, transparent)}.video-timeline .clip-handle:active{transform:none}.video-timeline .key-dot{bottom:-6px}.clip-drop-marker{background:var(--accent);pointer-events:none;z-index:8;width:2px;position:absolute;top:26px;bottom:0}.video-timeline .empty-timeline{width:100%;min-height:89px;color:var(--muted);border:1px dashed var(--line);background:var(--bg);border-radius:6px;justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex}.empty-timeline:hover{border-color:var(--accent)}.timeline-bottom{justify-content:space-between;align-items:center;gap:14px;height:32px;margin-top:5px;display:flex}.video-timeline .timeline-actions{gap:4px}.video-timeline .timeline-actions .icon-button{width:28px;height:28px}.timeline-help{color:var(--muted);margin-left:10px;font-size:10px}.timeline-zoom{color:var(--muted);align-items:center;gap:4px;display:flex}.timeline-zoom .icon-button{width:26px;height:26px}.timeline-zoom span{text-align:center;font-variant-numeric:tabular-nums;width:35px;font-size:10px}.video-timeline .playhead>span{background:var(--accent)}@media (max-width:1100px){.video-studio .workspace{grid-template-columns:minmax(0,1fr) 270px}.video-timeline .timeline-title>span,.timeline-add-actions>.text-button{display:none}.timeline-help{text-overflow:ellipsis;white-space:nowrap;max-width:230px;overflow:hidden}}@media (max-width:760px){.studio .topbar{grid-template-columns:minmax(0,1fr) auto;gap:12px;height:auto;min-height:100px;padding:12px 16px}.studio .workspace-mode{grid-area:2/1/auto/-1;justify-self:center}.studio .topbar-right{grid-area:1/2}.studio .studio-wordmark,.studio .top-divider{display:none}.studio .project-trigger{max-width:165px}.video-studio{height:auto;min-height:100dvh;overflow:visible}.video-studio .workspace{flex-direction:column;flex:none;display:flex}.video-studio .preview-column{min-height:540px}.video-studio .stage-wrap{min-height:260px}.video-studio .video-sidebar{border-left:0;border-top:1px solid var(--line)}.video-sidebar-body{max-height:420px}.video-timeline.timeline{height:228px;padding:14px 14px 8px}.video-timeline .timeline-head{flex-wrap:wrap;gap:6px 10px;height:50px;display:flex}.video-timeline .timeline-title{flex:1}.video-timeline .playback{order:3;justify-content:center;width:100%}.timeline-help{display:none}.empty-stage{padding:25px 20px}.empty-stage-icon{border-radius:12px;width:48px;height:48px;margin-bottom:16px}.empty-stage p{margin:10px 0 16px}.studio-footer>span:last-child{display:none}}
:root{--bg:#f3f3f3;--surface:#fff;--surface2:#f3f3f3;--text:#141414;--muted:#696969;--line:#00000012;--accent:#141414;--accent-soft:#e7e8e8;--inverse:#fff;--shadow:0 0 0 1px var(--line);--radius:12px;--control-surface:var(--surface);--control-field:var(--surface2);--control-text:var(--text);--control-muted:var(--muted);--control-line:var(--line);--control-active:var(--accent-soft);--menu-surface:var(--surface);--menu-text:var(--text);--menu-muted:var(--muted);--slider-fill:var(--accent);--slider-track:#ddd;--motion-quick:.14s;--motion-open:.18s;--motion-ease:cubic-bezier(.22, .61, .36, 1)}@supports (color:lab(0% 0 0)){:root{--muted:lab(44.32% 0 0)}}:root[data-theme=dark]{--bg:#202020;--surface:#181818;--surface2:#242424;--text:#f0f0f0;--muted:#a4a4a4;--line:#ffffff0f;--accent:#f0f0f0;--accent-soft:#313131;--inverse:#181818;--shadow:inset 0 1px 0 #ffffff0f, inset 0 0 0 .5px #ffffff0a;--control-surface:var(--surface);--control-field:var(--surface2);--control-text:var(--text);--control-muted:var(--muted);--control-line:var(--line);--control-active:var(--accent-soft);--menu-surface:var(--surface);--menu-text:var(--text);--menu-muted:var(--muted);--slider-fill:var(--accent);--slider-track:#444}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--muted:lab(67.52% -.0000298023 0)}}body,.studio.radix-themes{letter-spacing:-.015em}.studio{min-height:520px}.topbar{gap:20px;height:62px;min-height:62px;padding:0 22px}.topbar-left{gap:14px}.studio-wordmark{letter-spacing:-.065em;font-size:22px;font-weight:650;display:block}.wordmark-dot{color:var(--muted)}.top-divider{height:16px;margin:0 2px}.project-trigger{max-width:240px;color:var(--muted);border-radius:8px;gap:12px;padding:8px 10px;font-size:13px}.project-trigger.selected{background:var(--surface2);color:var(--text)}.topbar-right{gap:8px}.topbar .save-button,.topbar .export-button{border-radius:9px;justify-content:center;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:12px;font-weight:550;line-height:1;display:inline-flex}.topbar .export-button,button.primary,button.compose-primary{background:var(--text);color:var(--inverse)}.topbar .export-button:hover:not(:disabled),.primary:hover:not(:disabled),.compose-primary:hover:not(:disabled){background:color-mix(in srgb, var(--text) 86%, var(--surface));color:var(--inverse)}.workspace-menu-trigger{border-radius:8px;width:32px;height:34px}[data-slot=segmented-control]{--segment-background:var(--surface2);--segment-active:var(--surface);--segment-foreground:var(--text);--segment-muted:var(--muted);--segment-focus:var(--accent);--segment-radius:9px;--segment-inset:3px;--segment-item-height:28px;--segment-item-padding:8px;isolation:isolate;width:fit-content;max-width:100%;padding:var(--segment-inset);scrollbar-width:none;border-radius:var(--segment-radius);background:var(--segment-background);align-items:center;display:inline-flex;position:relative;overflow-x:auto}[data-slot=segmented-control]::-webkit-scrollbar{display:none}[data-slot=segmented-control][data-size=sm]{--segment-item-height:24px;--segment-item-padding:6px}[data-slot=segmented-control][data-full-width]{width:100%;display:flex}[data-slot=segmented-control][aria-disabled=true]{opacity:.5}[data-slot=segment]{height:var(--segment-item-height);padding:0 var(--segment-item-padding);border-radius:var(--segment-inner-radius,max(0px, calc(var(--segment-radius) - var(--segment-inset))));color:var(--segment-muted);font-family:var(--font-studio), sans-serif;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:none;flex:1 0 0;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:500;transition:color .2s;display:inline-flex;position:relative}[data-slot=segment][aria-checked=true]{color:var(--segment-foreground);background:var(--segment-active)}[data-indicator-ready]>[data-slot=segment]{background:0 0}[data-slot=segment][aria-checked=false]:hover:not(:disabled){color:var(--segment-foreground)}[data-slot=segment]:focus-visible{outline:2px solid var(--segment-focus);outline-offset:-2px}[data-slot=segment]:disabled{cursor:not-allowed;opacity:.4}[data-slot=segment] .segment-icon{display:inline-flex}[data-slot=segment] svg{pointer-events:none;width:16px;height:16px}[data-slot=segment-indicator]{border-radius:var(--segment-inner-radius,max(0px, calc(var(--segment-radius) - var(--segment-inset))));background:var(--segment-active);pointer-events:none;transition:transform .2s ease-out,width .2s ease-out,height .2s ease-out;position:absolute;top:0;left:0;box-shadow:0 1px 3px #2020200b}@media (prefers-reduced-motion:reduce){[data-slot=segment],[data-slot=segment-indicator]{transition:none}}.workspace-mode[data-slot=segmented-control]{--segment-inset:3px;--segment-item-height:28px;--segment-item-padding:18px;gap:0;min-width:160px}.workspace-mode [data-slot=segment]{min-width:76px;font-weight:550}.focus-mode-switch[data-slot=segmented-control]{--segment-item-height:24px;--segment-radius:8px;--segment-inset:2px}.focus-mode-switch [data-slot=segment]{font-size:12px}.workspace,.video-studio .workspace{grid-template-columns:minmax(0,1fr) 316px}.workspace-toolbar,.video-studio .workspace-toolbar{gap:8px;height:48px;min-height:48px;padding:0 20px}.workspace-toolbar .text-button{font-size:12px}.shot-sidebar,.dark .shot-sidebar{--surface:var(--control-surface);--surface2:var(--control-field);--text:var(--control-text);--muted:var(--control-muted);--line:var(--control-line);--accent:var(--slider-fill);--accent-soft:var(--control-active);border-radius:14px;margin:12px 12px 12px 0}.shot-sidebar.compact-sidebar .shot-sidebar-content{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;overflow-y:auto}.shot-sidebar.compact-sidebar .shot-tabs{height:45px;padding:8px 12px}.shot-sidebar.compact-sidebar .shot-source{min-height:46px;padding:8px 17px}.shot-sidebar.compact-sidebar .shot-sidebar-section{padding:15px 17px 13px}.shot-sidebar.compact-sidebar .shot-sidebar-section>h2{margin-bottom:12px;line-height:18px}.shot-sidebar.compact-sidebar .field{min-height:28px;margin-bottom:8px}.shot-source>strong,.shot-sidebar .field>span:first-child,.shot-sidebar .studio-select,.shot-sidebar .rt-TextFieldRoot,.shot-sidebar .range-row output,.shot-sidebar .choose-focus-button{font-size:12px}.empty-stage-content{max-width:380px}.empty-stage-icon{border-radius:16px;width:56px;height:56px;margin-bottom:20px}.empty-stage h1{letter-spacing:-.04em;font-size:clamp(23px,2.1vw,29px);font-weight:550}.empty-stage p{margin:10px 0 22px;font-size:12px}.empty-stage .primary{border-radius:9px;height:38px;padding:0 16px;font-size:12px}.stage-wrap .artboard,.video-studio .artboard{box-shadow:0 1px 8px #20202008}.stage-caption{color:var(--muted);font-size:11px}.stage-hint{color:var(--muted)}.paper-menu{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 0 0 1px var(--line), 0 6px 20px #20202018;max-width:min(280px,100vw - 24px);transform-origin:var(--radix-select-content-transform-origin,var(--radix-dropdown-menu-content-transform-origin));animation:menu-arrive .16s var(--motion-ease);border-radius:11px;padding:5px}.paper-menu-item{border-radius:6px;min-height:30px;padding:5px 9px;font-size:12px;transition:background 90ms,color 90ms}.paper-menu-item[data-highlighted],.paper-menu-item[data-state=checked][data-highlighted]{background:var(--surface2);color:var(--text)}.paper-menu-item[data-highlighted] small{color:var(--muted)}.paper-menu-item[data-state=checked]:not([data-highlighted]) .paper-menu-check{color:var(--text)}.paper-menu[data-state=closed]{animation:.1s ease-in menu-leave}.studio-select:focus-visible,.studio-select[data-state=open]{outline-color:var(--accent)}button.studio-select{background:var(--surface2);border-radius:8px}.studio-slider .rt-SliderThumb:hover{border-color:var(--accent)}.control-popover,.color-popover{box-shadow:var(--shadow);animation:surface-arrive var(--motion-open) var(--motion-ease);transform-origin:var(--radix-popover-content-transform-origin);border-radius:14px}.control-popover[data-state=closed],.color-popover[data-state=closed]{animation:.1s ease-in surface-leave}.modal-shade{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17171738;animation:.18s ease-out shade-arrive}.panel-shade{z-index:70}.panel{border:1px solid var(--line);background:var(--surface);color:var(--text);box-shadow:var(--shadow);width:350px;animation:surface-arrive var(--motion-open) var(--motion-ease);z-index:80;border-radius:16px}.panel[data-centered]{width:min(520px,100vw - 32px);max-height:calc(100dvh - 64px);inset:50% auto auto 50%;overflow:hidden;translate:-50% -50%}.panel[data-centered].wide{width:min(720px,100vw - 32px)}.panel[data-state=closed]{animation:.12s ease-in surface-leave}.panel-shade[data-state=closed]{animation:.12s ease-in shade-leave}.modal-shade[data-closing]{animation:.12s ease-in forwards shade-leave}.export-dialog[data-closing]{animation:.12s ease-in forwards surface-leave}.motion-focus-note{margin-top:16px}.panel-head,.export-dialog>.panel-head{align-items:center;min-height:65px;padding:18px 22px}.panel-head h2,.export-dialog h2{letter-spacing:-.025em;padding:0;font-size:15px;font-weight:600}.panel-head>.icon-button{color:var(--muted);margin:0 -4px 0 0}.panel-content{scrollbar-color:var(--line) transparent;padding:22px}.panel .field>input,.panel .field>textarea{background:var(--surface2);color:var(--text);border:1px solid #0000;border-radius:8px;padding:9px 11px}.panel .field{margin-bottom:16px}.panel .field>span:first-child{font-size:12px}.panel-note{font-size:12px;line-height:1.65}.section-label{color:var(--muted);letter-spacing:0;margin:24px 0 12px;font-size:12px;font-weight:500}.secondary,.primary,.compose-primary{border-radius:9px;min-height:34px;font-size:12px;font-weight:500}.panel .secondary,.transition-picker .secondary{border:1px solid var(--line);box-shadow:none}.media-import-actions{gap:10px;margin-bottom:12px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.asset-card{border:1px solid var(--line);box-shadow:none;border-radius:11px;overflow:hidden}.asset-thumb{aspect-ratio:16/10}.asset-thumb img{transition:transform .24s var(--motion-ease)}.asset-thumb:hover img{transform:scale(1.025)}.asset-info{padding:12px}.asset-info b{font-size:12px}.library-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;padding:48px 16px;display:flex}.library-empty h3{color:var(--text);font-size:14px;font-weight:550}.library-empty p{font-size:12px}.panel:has(.settings-layout) .panel-content{padding:0;overflow:hidden}.settings-layout{grid-template-columns:144px minmax(0,1fr);min-height:440px;max-height:calc(100dvh - 130px);display:grid}.settings-nav{border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:16px 10px;display:flex}.settings-nav button{text-align:left;color:var(--muted);border-radius:8px;padding:10px 12px;font-size:12px}.settings-nav button[data-state=active]{background:var(--surface2);color:var(--text);font-weight:550}.settings-content{scrollbar-width:thin;outline:none;padding:24px;overflow:auto}.settings-content[data-state=inactive]{display:none}.settings-section+.settings-section{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.settings-section h3{margin-bottom:6px;font-size:13px;font-weight:550}.settings-section p{color:var(--muted);margin-bottom:16px;font-size:12px;line-height:1.6}.settings-section .field{margin:16px 0}.settings-section .settings-subheading{margin-top:24px}.settings-shortcuts>div{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;display:flex}kbd{border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:3px 6px;font-size:10px}.export-dialog{width:min(780px,100vw - 32px);box-shadow:var(--shadow);border-radius:16px}.export-dialog .panel-head p{padding-top:4px;font-size:12px}.export-body{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:28px;padding:24px;display:grid}.export-preview-column{min-width:0}.export-preview{border:1px solid var(--line);background:var(--surface2);border-radius:11px;place-items:center;min-height:180px;max-height:340px;display:grid;position:relative;overflow:hidden}.export-preview img,.export-preview video{object-fit:contain;width:100%;height:100%;max-height:340px}.export-preview>span{color:var(--muted)}.export-preview-progress{background:color-mix(in srgb, var(--surface) 90%, transparent);justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.export-preview-progress strong{font-variant-numeric:tabular-nums;font-size:14px;font-weight:550}.export-preview-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:13px;font-size:11px;display:flex}.export-options>[data-slot=segmented-control]{margin-bottom:22px}.export-settings .field>span{font-size:12px}.export-settings .field{margin-bottom:18px}.export-settings .check{margin:16px 0;font-size:12px}.export-settings .encoder-note{color:var(--muted);background:0 0;border:0;padding:0;font-size:11px;line-height:1.55}.export-settings .panel-note{margin:8px 0;font-size:11px}.export-footer{border-top:1px solid var(--line);justify-content:space-between;padding:15px 22px}.export-footer .primary{height:36px;padding:0 16px}.export-success{animation:surface-arrive .22s var(--motion-ease);align-items:flex-start;gap:9px;margin-top:24px;font-size:12px;display:flex}.export-success small{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:11px;display:block}.export-progress{margin-top:18px}.export-progress progress{accent-color:var(--text);border-radius:6px}.direction-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.direction-list button{border:1px solid var(--line);text-align:left;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;padding:6px;display:flex;position:relative}.direction-list button.selected,:root[data-theme=dark] .direction-list button.selected{background:var(--surface);border-color:var(--text);color:var(--text)}.direction-list button>span:not(.motion-demo){padding:13px 7px 10px}.direction-list b{font-size:12px;font-weight:550}.direction-list small{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.6;display:block}.direction-list button>svg{z-index:1;background:var(--surface);border-radius:50%;padding:2px;position:absolute;top:12px;right:12px}.motion-demo{background:var(--surface2);perspective:500px;border-radius:7px;place-items:center;width:100%;height:108px;display:grid;position:relative;overflow:hidden}.motion-demo i{border:1px solid color-mix(in srgb, var(--muted) 35%, transparent);background:linear-gradient(var(--surface) 0 18%, transparent 18% 24%, var(--surface) 24%);border-radius:5px;width:75px;height:52px;box-shadow:0 7px 14px #20202015}.motion-macroGlide i{transform:rotateX(22deg)rotateY(-25deg)rotate(-8deg)scale(1.5)}.motion-focusPull i{filter:blur(1px);transform:rotateY(25deg)}.motion-hero i{transform:rotateX(12deg)rotateY(15deg)}.direction-list button:is(:hover,:focus-visible,.selected) .motion-macroGlide i{animation:3s ease-in-out infinite alternate macro-preview}.direction-list button:is(:hover,:focus-visible,.selected) .motion-focusPull i{animation:2s ease-in-out infinite alternate focus-preview}.direction-list button:is(:hover,:focus-visible,.selected) .motion-hero i{animation:hero-preview 3s var(--motion-ease) infinite}.compose-intro{margin-bottom:20px}.compose-primary{justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:10px 14px;display:flex}.video-sidebar{border:1px solid var(--line);border-radius:14px;margin:12px 12px 12px 0}.video-sidebar-heading{height:45px;min-height:45px;padding:0 17px}.video-sidebar-heading h2{font-size:13px;font-weight:550}.video-sidebar-heading>span{color:var(--muted);margin-left:auto;font-size:11px}.video-source{gap:10px;padding:15px 17px}.video-source img{object-fit:cover;border:1px solid var(--line);border-radius:5px;width:42px;height:30px}.video-source>div{min-width:0}.video-source strong{font-size:12px;display:block}.video-source small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.video-property-tabs{border-radius:8px;gap:2px;margin:0 14px;padding:3px}.video-property-tabs button{border-radius:6px;min-height:28px;font-size:12px}.video-sidebar-body{scrollbar-color:var(--line) transparent;padding:0 17px 20px}.video-sidebar-body[role=tabpanel]{animation:tab-arrive .18s var(--motion-ease)}.video-property-section{padding:18px 0}.video-property-section h3{margin-bottom:13px;font-size:13px}.video-sidebar .field{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:8px 10px;margin-bottom:10px;display:grid}.video-sidebar .field>span:first-child{font-size:12px}.video-sidebar .field-grid .field,.video-sidebar .inspector-disclosure-body .field{grid-template-columns:1fr}.video-sidebar .field:has(textarea){grid-template-columns:1fr}.video-sidebar .field-grid{gap:10px}.video-sidebar .field input:not([type=checkbox]),.video-sidebar .field textarea{border-radius:8px;padding:8px;font-size:12px}.video-sidebar .range-row output{min-width:34px;font-size:12px}.video-sidebar .range-row{gap:6px}.video-sidebar .studio-select{height:30px;font-size:12px}.video-sidebar .rt-TextFieldRoot{height:30px;min-height:30px}.video-source-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:12px;font-size:12px;overflow:hidden}.video-sidebar .secondary{font-size:12px}.video-trim-details{padding-top:16px}.video-trim-details>summary{justify-content:space-between;align-items:center;font-size:12px;list-style:none;display:flex}.video-trim-details[open]>summary{margin-bottom:14px}.video-trim-details[open]>summary svg{transform:rotate(180deg)}.video-trim-details summary::-webkit-details-marker{display:none}button.motion-action,button.transition-inline{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;width:100%;margin-top:14px;padding:10px 11px;font-size:12px;display:flex}.motion-action small,.transition-inline small{color:var(--muted);margin-left:auto;font-size:10px}.video-property-details{padding:16px 0}.video-timeline.timeline{border:1px solid var(--line);border-radius:14px;flex:none;height:218px;margin:0 12px 12px;padding:14px 18px 10px}.video-timeline .timeline-head{gap:12px;height:32px;margin-bottom:10px}.video-timeline .timeline-title>span{display:none}.video-timeline .timeline-add-actions .add-scene-button{border:0;border-radius:8px;min-height:30px;padding:5px 10px;font-size:11px}.video-timeline .time-code{font-variant-numeric:tabular-nums;font-size:11px}.video-timeline .timeline-scroll{height:111px}.video-timeline .timeline-track{height:100px}.video-timeline .scene-clip{border-radius:8px;height:65px;top:30px}.video-timeline .scene-clip.selected{border-color:var(--accent);background:var(--accent-soft)}.video-timeline .clip-content{padding:7px 16px}.video-timeline .clip-content img{object-fit:cover;border-radius:5px;width:52px;height:40px}.video-timeline .clip-content>span{min-width:0;display:block;overflow:hidden}.video-timeline .clip-content b,.video-timeline .clip-content small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.video-timeline .scene-clip[data-compact] .clip-content>span{display:none}.video-timeline .scene-clip[data-compact] .clip-content{gap:0;padding:7px 12px}.video-timeline .scene-clip[data-compact] .clip-content img{width:100%}.video-timeline .fit-timeline{color:var(--muted);padding:6px;font-size:10px}.video-timeline .timeline-bottom{gap:8px;min-height:32px}.timeline-actions{gap:3px}.timeline-help{margin-left:8px;font-size:10px}.timeline-transition{z-index:35;position:absolute;top:51px;translate:-50%}button.transition-button{background:var(--surface);border:1px solid var(--line);border-radius:6px;place-items:center;width:25px;height:25px;display:grid;box-shadow:0 1px 4px #20202014}.transition-button[data-active]{color:var(--accent);border-color:var(--accent)}.transition-button:hover:not(:disabled){background:var(--surface);transform:scale(1.08)}.transition-zone{pointer-events:none}.transition-picker{border:1px solid var(--line);background:var(--surface);width:330px;max-width:calc(100vw - 32px);color:var(--text);box-shadow:var(--shadow);z-index:110;animation:surface-arrive var(--motion-open) var(--motion-ease);transform-origin:var(--radix-popover-content-transform-origin);border-radius:14px;padding:16px}.transition-picker[data-state=closed]{animation:.12s ease-in surface-leave}.transition-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}button.transition-choice{border:1px solid var(--line);text-align:left;border-radius:9px;padding:4px;overflow:hidden}.transition-choice.selected{border-color:var(--text)}.transition-choice>span:last-child{justify-content:space-between;align-items:center;padding:8px 3px 4px;font-size:11px;display:flex}.transition-demo{background:var(--surface2);isolation:isolate;border-radius:5px;height:52px;display:block;position:relative;overflow:hidden}.transition-demo i{color:#666976;background:#d2d5dd;border-radius:3px;place-items:center;font-size:14px;font-style:normal;font-weight:600;display:grid;position:absolute;inset:7px}.transition-demo i:last-child{color:#f5f6fa;opacity:.65;background:#7d89a3}.demo-cut i:last-child{opacity:0}.demo-push i:first-child{transform:translate(-35%)}.demo-push i:last-child{opacity:1;transform:translate(65%)}.demo-zoom i:last-child{transform:scale(.7)}.demo-wipe i:last-child{clip-path:inset(0 50% 0 0);opacity:1}.demo-blur i:last-child{filter:blur(3px)}.transition-choice:is(:hover,:focus-visible,.selected) .demo-cut i:last-child{animation:2s step-end infinite cut-preview}.transition-choice:is(:hover,:focus-visible,.selected) .demo-fade i:last-child{animation:2s ease-in-out infinite dissolve-preview}.transition-choice:is(:hover,:focus-visible,.selected) .demo-push i:first-child{animation:2s ease-in-out infinite slide-out-preview}.transition-choice:is(:hover,:focus-visible,.selected) .demo-push i:last-child{animation:2s ease-in-out infinite slide-in-preview}.transition-choice:is(:hover,:focus-visible,.selected) .demo-zoom i:last-child{animation:2s ease-in-out infinite zoom-preview}.transition-choice:is(:hover,:focus-visible,.selected) .demo-wipe i:last-child{animation:2s ease-in-out infinite wipe-preview}.transition-choice:is(:hover,:focus-visible,.selected) .demo-blur i:last-child{animation:2s ease-in-out infinite blur-preview}.transition-duration{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.transition-duration .field{grid-template-columns:65px 1fr;align-items:center;gap:10px;margin-bottom:14px;display:grid}.transition-duration .field>span{font-size:12px}.transition-duration .range-row output{min-width:38px;font-size:11px}.toast{box-shadow:var(--shadow);animation:toast-arrive .2s var(--motion-ease);border-radius:11px;bottom:20px}.import-status,.recording-bar{box-shadow:var(--shadow);border-radius:10px;top:74px}.drop-overlay{background:color-mix(in srgb, var(--surface) 94%, transparent);color:var(--text);border:2px dashed var(--accent);border-radius:16px;inset:12px}@keyframes menu-arrive{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}@keyframes menu-leave{to{opacity:0;transform:scale(.98)}}@keyframes surface-arrive{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes surface-leave{to{opacity:0;transform:translateY(4px)scale(.985)}}@keyframes tab-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes shade-arrive{0%{opacity:0}to{opacity:1}}@keyframes shade-leave{to{opacity:0}}@keyframes toast-arrive{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes cut-preview{0%,45%{opacity:0}46%,90%{opacity:1}to{opacity:0}}@keyframes dissolve-preview{0%,15%{opacity:0}65%,85%{opacity:1}to{opacity:0}}@keyframes slide-out-preview{0%,15%{transform:translate(0)}65%,85%{transform:translate(-130%)}to{transform:translate(0)}}@keyframes slide-in-preview{0%,15%{transform:translate(130%)}65%,85%{transform:translate(0)}to{transform:translate(130%)}}@keyframes zoom-preview{0%,15%{opacity:0;transform:scale(.8)}65%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes wipe-preview{0%,15%{clip-path:inset(0 100% 0 0)}65%,85%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes blur-preview{0%,15%{opacity:0;filter:blur(6px)}65%,85%{opacity:1;filter:blur()}to{opacity:0;filter:blur(6px)}}@keyframes macro-preview{0%{transform:rotateX(22deg)rotateY(-25deg)rotate(-8deg)scale(1.5)translate(-8px)}to{transform:rotateX(20deg)rotateY(-20deg)rotate(-8deg)scale(1.5)translate(8px)}}@keyframes focus-preview{0%{filter:blur(2px);transform:rotateY(25deg)}to{filter:blur();transform:rotateY(25deg)}}@keyframes hero-preview{0%,10%{transform:rotateX(25deg)rotateY(30deg)rotate(-20deg)scale(1.6)}70%,90%{transform:rotateX(10deg)rotateY(8deg)rotate(-3deg)scale(.86)}to{transform:rotateX(25deg)rotateY(30deg)rotate(-20deg)scale(1.6)}}@media (max-width:1100px){.workspace,.video-studio .workspace{grid-template-columns:minmax(0,1fr) 292px}.topbar{gap:12px;padding:0 16px}.project-trigger{max-width:155px}.timeline-help{display:none}}@media (max-width:900px){.workspace,.video-studio .workspace{grid-template-columns:minmax(0,1fr);overflow:auto}.preview-column{min-height:600px}.shot-sidebar,.video-sidebar{min-height:420px;margin:0 12px 12px}.shot-sidebar.compact-sidebar .shot-sidebar-content{overflow:visible}.shot-sidebar .shot-sidebar-tabs{min-height:0}.shot-sidebar.compact-sidebar .shot-sidebar-section{padding:15px 17px}.video-sidebar-body{overflow:visible}.settings-layout{grid-template-columns:124px minmax(0,1fr)}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.topbar{grid-template-rows:50px 42px;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;height:100px;min-height:100px;padding:0 12px}.topbar-left{gap:6px}.studio-wordmark{font-size:19px}.top-divider{display:none}.project-trigger{max-width:145px;padding:7px;font-size:12px}.workspace-mode{grid-area:2/1/auto/-1;justify-self:center}.topbar-right{grid-area:1/2;gap:5px}.topbar .save-button{width:32px;padding:0}.topbar .save-button span{display:none}.topbar .export-button{height:32px;padding:0 11px}.topbar .export-button>span{display:inline}.workspace-menu-trigger{width:27px}.workspace-toolbar{padding:0 12px}.preview-column{min-height:540px}.empty-stage{min-height:250px;padding:24px 16px}.empty-stage-icon{display:none}.video-timeline.timeline{height:214px;padding:10px 12px}.video-timeline .timeline-head{flex-wrap:nowrap;gap:8px}.timeline-title{display:none}.timeline-add-actions{margin-left:auto}.video-timeline .playback{gap:0}.video-timeline .time-code{font-size:10px}.video-timeline .time-code em{display:none}.timeline-actions .icon-button{width:26px}.panel[data-centered]{max-height:calc(100dvh - 32px)}.panel-head,.export-dialog>.panel-head{padding:15px 18px}.panel-content{padding:18px}.settings-layout{flex-direction:column;min-height:380px;max-height:calc(100dvh - 100px);display:flex}.settings-nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;padding:10px 12px}.settings-content{padding:20px}.settings-nav button{text-align:center;flex:1}.export-body{grid-template-columns:1fr;gap:22px;padding:18px}.export-preview{min-height:100px;max-height:170px}.export-preview img,.export-preview video{max-height:170px}.direction-list{grid-template-columns:1fr}.direction-list button{grid-template-columns:85px 1fr;display:grid}.motion-demo{height:90px}.motion-demo i{width:55px;height:40px}}.video-timeline.timeline[data-empty]{height:148px}.video-timeline[data-empty] .timeline-scroll{height:74px}.video-timeline[data-empty] .empty-timeline{height:68px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.transition-demo i,.motion-demo i{animation:none!important}}
:root{--well:#f3f3f3;--well-outline:#0000000d;--well-highlight:#ffffffe6;--popover:#fff;--popover-translucent:#ffffffe0;--foreground-soft:#555;--hover:#e7e8e8;--pressed:#eee;--primary-hover:#292929;--ring:gray;--well-edge:inset 0 0 0 1px var(--well-outline), inset 0 1px 0 var(--well-highlight);--raised-edge:0 0 0 1px var(--line)}@supports (color:lab(0% 0 0)){:root{--foreground-soft:lab(36.2% 0 .00000596046);--primary-hover:lab(16.48% 0 0);--ring:lab(53.6% 0 0)}}:root[data-theme=dark]{--well:#242424;--well-outline:#ffffff0d;--well-highlight:#ffffff1f;--popover:#262626;--popover-translucent:#262626e0;--foreground-soft:#b7b7b7;--hover:#313131;--pressed:#2a2a2a;--primary-hover:#eee;--ring:#747474;--raised-edge:0 0 0 1px var(--line), inset 0 1px 0 #ffffff0f, inset 0 0 0 .5px #ffffff0a}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--foreground-soft:lab(74.48% -.0000298023 0);--primary-hover:lab(94.2% 0 0);--ring:lab(48.96% 0 0)}}body,.studio.radix-themes{letter-spacing:0;-webkit-font-smoothing:antialiased;font-size:13.5px}.topbar{background:var(--bg);border-bottom:0;height:56px;min-height:56px;padding:0 18px}.studio-wordmark{letter-spacing:-.05em;color:var(--foreground-soft);font-size:18px;font-weight:600}.project-trigger{color:var(--foreground-soft);border-radius:12px;font-size:13.5px;font-weight:500}.topbar .save-button,.topbar .export-button{border-radius:12px;gap:7px;height:32px;padding:0 12px;font-size:13.5px;font-weight:500}.topbar .export-button,button.primary,button.compose-primary{background-image:linear-gradient(#ffffff40,#fff0)}.topbar .export-button:hover:not(:disabled),button.primary:hover:not(:disabled),button.compose-primary:hover:not(:disabled){background-color:var(--primary-hover)}.topbar .export-button:active:not(:disabled),button.primary:active:not(:disabled),button.compose-primary:active:not(:disabled){transform:scale(.96)}.workspace-mode[data-slot=segmented-control]{--segment-active:var(--text);--segment-background:transparent;--segment-radius:999px;--segment-inner-radius:999px;--segment-inset:0px;--segment-item-height:32px;--segment-item-padding:16px;min-width:154px}.studio [data-slot=segmented-control],.panel [data-slot=segmented-control],.control-popover [data-slot=segmented-control],.export-dialog [data-slot=segmented-control]{--segment-active:var(--text);--segment-radius:999px;--segment-inner-radius:999px;--segment-inset:3px}[data-slot=segment][aria-checked=true]{color:var(--inverse)}[data-slot=segment-indicator]{box-shadow:none}.workspace-mode [data-slot=segment]{font-size:13.5px;font-weight:500}.preview-column{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;margin:0 0 8px 8px;overflow:hidden}.workspace-toolbar,.video-studio .workspace-toolbar{background:0 0;border:0;height:46px;min-height:46px;padding:0 14px}.workspace-toolbar .text-button{color:var(--foreground-soft);font-size:13.5px}.stage-wrap,.empty-stage{background:0 0}.stage-wrap .artboard,.video-studio .artboard{box-shadow:none}.empty-stage-icon{display:none}.empty-stage h1{letter-spacing:-.045em;font-size:clamp(24px,2.2vw,30px);font-weight:600}.empty-stage p{font-size:13.5px;line-height:1.5}.empty-stage .primary{border-radius:12px;font-size:13.5px}.shot-sidebar,.dark .shot-sidebar,.video-sidebar{background:var(--bg);box-shadow:none;letter-spacing:0;border:0;border-radius:12px;margin:0 8px 8px}.shot-sidebar-heading,.video-sidebar-heading{border:0;justify-content:space-between;align-items:center;height:43px;min-height:43px;padding:0 14px;display:flex}.shot-sidebar-heading h2,.video-sidebar-heading h2{color:var(--foreground-soft);font-size:13.5px;font-weight:600}.shot-sidebar-heading>span,.video-sidebar-heading>span{color:var(--muted);font-size:12px}.shot-sidebar.compact-sidebar .shot-source{border:0;min-height:46px;padding:7px 14px 12px}.shot-source>strong,.video-source strong{font-size:13px;font-weight:500}.shot-sidebar.compact-sidebar .shot-tabs,.video-property-tabs{background:var(--surface);border:0;border-radius:999px;height:34px;min-height:34px;margin:0 12px;padding:3px}.shot-sidebar .shot-tabs .rt-TabsTrigger,.video-property-tabs button{border-radius:999px;flex:1;height:28px;min-height:28px;font-size:12.5px}.shot-sidebar .shot-tabs .rt-TabsTrigger[data-state=active],.video-property-tabs button[aria-selected=true]{background:var(--text);color:var(--inverse);box-shadow:none}.shot-sidebar.compact-sidebar .shot-sidebar-section{padding:18px 14px 16px}.shot-sidebar.compact-sidebar .shot-sidebar-section>h2,.video-property-section h3{font-size:13.5px;font-weight:600}.shot-sidebar .field>span:first-child,.video-sidebar .field>span:first-child{font-size:12.5px}.shot-sidebar .studio-select,.shot-sidebar .rt-TextFieldRoot,.shot-sidebar .range-row output,.video-sidebar .studio-select,.video-sidebar .rt-TextFieldRoot,.video-sidebar .range-row output,.video-sidebar .field input:not([type=checkbox]){font-size:13px}.shot-sidebar .range-row output,.video-sidebar .range-row output,button.studio-select,.studio .rt-TextFieldRoot,.panel .rt-TextFieldRoot,.panel .field>input,.panel .field>textarea,.video-sidebar .field input:not([type=checkbox]){background:var(--well);box-shadow:var(--well-edge);border:0;border-radius:12px}.shot-sidebar .range-row output,.video-sidebar .range-row output,.shot-sidebar .rt-TextFieldRoot,.video-sidebar .rt-TextFieldRoot,.shot-sidebar button.studio-select,.video-sidebar button.studio-select{background:var(--surface)}.shot-sidebar .studio-slider .rt-SliderRange{background:var(--slider-fill)}.studio-slider .rt-SliderThumb{background:var(--surface);border-color:var(--line);box-shadow:0 1px 3px #0000001f}.studio .rt-TextFieldRoot:focus-within,.panel .rt-TextFieldRoot:focus-within,.control-popover .rt-TextFieldRoot:focus-within,.studio-slider .rt-SliderThumb:focus-visible,.shot-sidebar .focus-mode-switch:focus-within{outline-color:var(--ring)}.paper-menu,.control-popover,.color-popover,.transition-picker{background:var(--popover-translucent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--raised-edge);border:0;border-radius:12px}.paper-menu{padding:4px;animation-duration:.1s}.paper-menu-item{border-radius:8px;min-height:30px;padding:5px 8px;font-size:13.5px}.paper-menu-item[data-highlighted],.paper-menu-item[data-state=checked][data-highlighted]{background:var(--hover)}.paper-menu-check,.paper-menu-item[data-state=checked]{color:var(--text)}.modal-shade{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0006}.panel,.export-dialog{background:var(--popover);box-shadow:var(--raised-edge);border:0;border-radius:12px}.panel-head,.export-dialog>.panel-head{min-height:58px;padding:16px 20px}.panel-head h2,.export-dialog h2{letter-spacing:0;font-size:14px}.panel-content{padding:20px}.panel-note,.panel .field>span:first-child,.export-settings .field>span,.export-settings .check{font-size:13px}.secondary,.primary,.compose-primary,.icon-button,.text-button{border-radius:12px;font-size:13.5px}.panel .secondary,.transition-picker .secondary{background:var(--well);box-shadow:var(--well-edge);border:0}.panel .secondary:hover:not(:disabled),.transition-picker .secondary:hover:not(:disabled){background:var(--hover)}.asset-card{border-radius:12px}.asset-info b,.direction-list b{font-size:13.5px;font-weight:500}.settings-layout{grid-template-columns:150px minmax(0,1fr);min-height:460px}.settings-nav{background:var(--bg);border:0;gap:2px;padding:14px 10px}.settings-nav button{color:var(--foreground-soft);border-radius:12px;padding:8px 10px;font-size:13.5px;font-weight:500}.settings-nav button[data-state=active],.settings-nav button:hover:not(:disabled){background:var(--hover)}.settings-content{background:var(--surface);padding:24px}.settings-page-heading{margin-bottom:22px}.settings-page-heading h3{letter-spacing:-.025em;font-size:20px;font-weight:600}.settings-page-heading p{color:var(--muted);margin-top:4px;font-size:13px}.settings-section,.settings-section+.settings-section{border:1px solid var(--line);border-radius:12px;margin:0 0 16px;padding:16px}.settings-section h3{font-size:14px;font-weight:500}.settings-section p{margin-bottom:14px;font-size:13px;line-height:18px}.settings-shortcuts>div{font-size:13px}.choice-capsules{gap:8px;display:flex}.choice-capsules button{background:var(--well);min-height:36px;box-shadow:var(--well-edge);color:var(--muted);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13.5px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.choice-capsules button:hover:not(:disabled){color:var(--text);background:var(--hover)}.choice-capsules button[aria-checked=true],.choice-capsules button[aria-checked=true]:hover:not(:disabled){color:var(--inverse);background:var(--text);box-shadow:none}.video-timeline.timeline{background:var(--surface);border:0;border-top:1px solid var(--line);border-radius:0;margin:0;padding:12px 16px 8px}.video-timeline .scene-clip{background:var(--well);border-color:var(--line);border-radius:12px}.video-timeline .scene-clip.selected{background:var(--well);border-color:var(--text);box-shadow:inset 0 0 0 .5px var(--text)}.video-timeline .clip-content b{font-size:12px;font-weight:500}.video-timeline .timeline-title,.video-timeline .split-clip-button{font-size:12.5px}button.transition-button{background:var(--popover);box-shadow:var(--raised-edge);border-radius:8px}.transition-choice,.direction-list button{border-radius:12px}.transition-demo i{color:#525252;background:#d4d4d4}.transition-demo i:last-child{color:#fff;background:#777}.toast,.import-status,.recording-bar{background:var(--popover);box-shadow:var(--raised-edge);border-radius:12px}.panel .settings-content[data-state=active]{animation:tab-arrive .18s var(--motion-ease)}:root[data-theme=dark] .shot-sidebar .range-row output,:root[data-theme=dark] .video-sidebar .range-row output,:root[data-theme=dark] .shot-sidebar .rt-TextFieldRoot,:root[data-theme=dark] .video-sidebar .rt-TextFieldRoot,:root[data-theme=dark] .shot-sidebar button.studio-select,:root[data-theme=dark] .video-sidebar button.studio-select{background:var(--well)}.quick-access-bar.stage-tools{background:var(--popover-translucent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--raised-edge);border:0;border-radius:12px}.quick-control.rt-Button{letter-spacing:0;border-radius:10px;font-size:13px}@media (max-width:760px){.preview-column{min-height:520px;margin:0 8px}.topbar{min-height:56px;padding:0 14px}.shot-sidebar,.video-sidebar{background:var(--surface);border:1px solid var(--line);margin:8px}.shot-sidebar .range-row output,.video-sidebar .range-row output,.shot-sidebar .rt-TextFieldRoot,.video-sidebar .rt-TextFieldRoot,.shot-sidebar button.studio-select,.video-sidebar button.studio-select{background:var(--well)}.settings-nav{padding:10px 12px}.settings-content{padding:18px}.settings-layout{min-height:380px}.choice-capsules button{padding:8px}}@media (max-width:600px){.topbar{height:92px;min-height:92px}.topbar .save-button{width:32px;padding:0}.topbar .export-button{padding:0 10px;font-size:12.5px}.video-timeline.timeline{padding:10px 12px}}@media (prefers-reduced-motion:reduce){.panel .settings-content[data-state=active]{animation:none}}