@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--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-outline-style:solid;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-extrabold:800;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-open-runde);--default-mono-font-family:var(--font-mono);--color-accent:var(--accent);--shadow-8:var(--shadow-8);--shadow-7:var(--shadow-7);--shadow-6:var(--shadow-6);--shadow-5:var(--shadow-5);--shadow-4:var(--shadow-4);--shadow-3:var(--shadow-3);--shadow-1:var(--shadow-1)}}@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{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-y-0{inset-block:0}.-top-px{top:-1px}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.-left-px{left:-1px}.left-0{left:0}.left-\[-0\.5px\]{left:-.5px}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[4\]{z-index:4}.z-\[6\]{z-index:6}.z-\[60\]{z-index:60}.z-\[320\]{z-index:320}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-1{margin-inline:var(--spacing)}.mr-1{margin-right:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-\[14px\]{height:14px}.h-full{height:100%}.h-px{height:1px}.w-2{width:calc(var(--spacing) * 2)}.w-7{width:calc(var(--spacing) * 7)}.w-\[5ch\]{width:5ch}.w-\[39\.55px\]{width:39.55px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[var\(--anchor-width\)\]{min-width:var(--anchor-width)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-move{cursor:move}.cursor-none{cursor:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[36px_minmax\(0\,1fr\)\]{grid-template-columns:36px minmax(0,1fr)}.grid-cols-\[max-content_minmax\(0\,1fr\)\]{grid-template-columns:max-content minmax(0,1fr)}.grid-cols-\[max-content_repeat\(3\,minmax\(0\,1fr\)\)\]{grid-template-columns:max-content repeat(3,minmax(0,1fr))}.grid-cols-\[minmax\(0\,1fr\)_64px\]{grid-template-columns:minmax(0,1fr) 64px}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:calc(var(--radius) * 1.8)}.rounded-3xl{border-radius:calc(var(--radius) * 2.2)}.rounded-\[5px\]{border-radius:5px}.rounded-\[10px\]{border-radius:10px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[color\:var\(--focus-ring\,\#6B97FF\)\]{border-color:var(--focus-ring,#6b97ff)}.border-border{border-color:var(--border)}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-\[var\(--timeline-film-frame\)\]{background-color:var(--timeline-film-frame)}.bg-active{background-color:var(--active)}.bg-background{background-color:var(--background)}.bg-card{background-color:var(--card)}.bg-foreground{background-color:var(--foreground)}.bg-hover{background-color:var(--hover)}.bg-selected\/50{background-color:var(--selected)}@supports (color:color-mix(in lab, red, red)){.bg-selected\/50{background-color:color-mix(in oklab, var(--selected) 50%, transparent)}}.bg-surface-1{background-color:var(--surface-1)}.bg-surface-2{background-color:var(--surface-2)}.bg-surface-3{background-color:var(--surface-3)}.bg-surface-4{background-color:var(--surface-4)}.bg-surface-5{background-color:var(--surface-5)}.bg-surface-6{background-color:var(--surface-6)}.bg-surface-7{background-color:var(--surface-7)}.bg-surface-8{background-color:var(--surface-8)}.bg-transparent{background-color:#0000}.\[mask-image\:url\(\'\/camera-position-tag\.svg\'\)\]{-webkit-mask-image:url(/camera-position-tag.svg);mask-image:url(/camera-position-tag.svg)}.\[mask-size\:100\%_100\%\]{-webkit-mask-size:100% 100%;mask-size:100% 100%}.\[mask-repeat\:no-repeat\]{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pl-1{padding-left:var(--spacing)}.text-center{text-align:center}.text-right{text-align:right}.text-\[7px\]{font-size:7px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--action-accent-ink\)\]{color:var(--action-accent-ink)}.text-background{color:var(--background)}.text-foreground{color:var(--foreground)}.text-muted-foreground,.text-muted-foreground\/50{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/50{color:color-mix(in oklab, var(--muted-foreground) 50%, transparent)}}.text-transparent{color:#0000}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.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)}.shadow-\[inset_0_0_0_1px_rgb\(0_0_0_\/_12\%\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-surface-1{--tw-shadow:var(--shadow-1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-surface-2{--tw-shadow:var(--shadow-2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-surface-3{--tw-shadow:var(--shadow-3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-surface-4{--tw-shadow:var(--shadow-4);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-surface-5{--tw-shadow:var(--shadow-5);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-surface-6{--tw-shadow:var(--shadow-6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-surface-7{--tw-shadow:var(--shadow-7);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-surface-8{--tw-shadow:var(--shadow-8);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)}.smooth-shadow-lg{--smooth-shadow-color:var(--tw-shadow-color,black);box-shadow:0 25px 50px 0 var(--smooth-shadow-color), 0 12px 24px 0 var(--smooth-shadow-color), 0 6px 12px 0 var(--smooth-shadow-color), 0 3px 6px 0 var(--smooth-shadow-color), 0 1.5px 3px 0 var(--smooth-shadow-color)}@supports (color:color-mix(in lab, red, red)){.smooth-shadow-lg{box-shadow:0 25px 50px 0 color-mix(in srgb, var(--smooth-shadow-color) 5%, transparent), 0 12px 24px 0 color-mix(in srgb, var(--smooth-shadow-color) 4%, transparent), 0 6px 12px 0 color-mix(in srgb, var(--smooth-shadow-color) 3%, transparent), 0 3px 6px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent), 0 1.5px 3px 0 color-mix(in srgb, var(--smooth-shadow-color) 2%, transparent)}}.shadow-black{--tw-shadow-color:#000}@supports (color:color-mix(in lab, red, red)){.shadow-black{--tw-shadow-color:color-mix(in oklab, var(--color-black) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-offset-2{outline-offset:2px}.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,)}.drop-shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.4\)\]{--tw-drop-shadow-size:drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0006));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.invert{--tw-invert:invert(100%);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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.transition-\[color\,font-variation-settings\]{transition-property:color,font-variation-settings;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[font-variation-settings\]{transition-property:font-variation-settings;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-80{--tw-duration:80ms;transition-duration:80ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.\[-webkit-mask-image\:url\(\'\/camera-position-tag\.svg\'\)\]{-webkit-mask-image:url(/camera-position-tag.svg)}.\[-webkit-mask-repeat\:no-repeat\]{-webkit-mask-repeat:no-repeat}.\[-webkit-mask-size\:100\%_100\%\]{-webkit-mask-size:100% 100%}.\[text-box\:trim-both_cap_alphabetic\]{text-box:trim-both cap alphabetic}.\[text-shadow\:none\]{text-shadow:none}.paused{animation-play-state:paused}.running{animation-play-state:running}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}.focus-within\:ring-0:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.focus-within\:ring-1:focus-within{--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)}.focus-within\:ring-\[color\:var\(--focus-ring\,\#6B97FF\)\]:focus-within{--tw-ring-color:var(--focus-ring,#6b97ff)}@media (hover:hover){.hover\:bg-hover:hover{background-color:var(--hover)}.hover\:bg-surface-1:hover{background-color:var(--surface-1)}.hover\:bg-surface-2:hover{background-color:var(--surface-2)}.hover\:bg-surface-3:hover{background-color:var(--surface-3)}.hover\:bg-surface-4:hover{background-color:var(--surface-4)}.hover\:bg-surface-5:hover{background-color:var(--surface-5)}.hover\:bg-surface-6:hover{background-color:var(--surface-6)}.hover\:bg-surface-7:hover{background-color:var(--surface-7)}.hover\:bg-surface-8:hover{background-color:var(--surface-8)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:shadow-surface-1:hover{--tw-shadow:var(--shadow-1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-surface-2:hover{--tw-shadow:var(--shadow-2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-surface-3:hover{--tw-shadow:var(--shadow-3);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-surface-4:hover{--tw-shadow:var(--shadow-4);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-surface-5:hover{--tw-shadow:var(--shadow-5);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-surface-6:hover{--tw-shadow:var(--shadow-6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-surface-7:hover{--tw-shadow:var(--shadow-7);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-surface-8:hover{--tw-shadow:var(--shadow-8);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-\[color\:var\(--focus-ring\,\#6B97FF\)\]:focus-visible{--tw-ring-color:var(--focus-ring,#6b97ff)}.active\:bg-active:active{background-color:var(--active)}@supports (text-box:trim-both){.supports-\[text-box\:trim-both\]\:py-2{padding-block:calc(var(--spacing) * 2)}}.dark\:bg-accent\/40:where(.is-dark-ui,.is-dark-ui *){background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-accent\/40:where(.is-dark-ui,.is-dark-ui *){background-color:color-mix(in oklab, var(--accent) 40%, transparent)}}.\[\&_\*\]\:pointer-events-none *{pointer-events:none}.\[\&\>\*\]\:mb-0>*{margin-bottom:0}.\[\&\>\*\+\*\]\:-mt-px>*+*{margin-top:-1px}}:root{--smooth-ring-color:#0000000d;--smooth-ring-width:1px}@supports (color:light-dark(black, white)){:root{--smooth-ring-color:light-dark(#0000000d,#ffffff2e)}}.light,[data-theme=light]{--smooth-ring-color:#0000000d}.dark,[data-theme=dark]{--smooth-ring-color:#ffffff2e}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1d1d20;--muted:#85858d;--line:#e8e8eb;--accent:#3b82f4;--action-accent:#012af4;--action-accent-hover:#001fc4;--action-accent-soft:#e8edff;--action-accent-ink:#fff;--operator-blue:#2f80ff;--feedback-send-blue:#158aff;--island-hover-blue:var(--operator-blue);--app-bg:#f9fafc;--pill-bg:#f1f2f4;--pill-bg-hover:#e9e9ec;--pill-ink:#77747e;--pill-ink-hover:#252329;--limit:#7c3aed;--limit-soft:#f5f3ff;--sleek-surface-shadow:0 1px 2px #0f172a09, 0 4px 12px #0f172a06;--sleek-control-shadow:0 1px 2px #0f172a08, 0 3px 9px #0f172a06}html.is-dark-ui{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2f2f4;--muted:#9b9ba3;--line:#2c2c32;--app-bg:#030303;--pill-bg:#151517;--pill-bg-hover:#1f1f22;--pill-ink:#a1a1aa;--pill-ink-hover:#f4f4f5;--limit:#c4b5fd;--limit-soft:#2a1f40;--action-accent:#ffd50b;--action-accent-hover:#f5c92a;--action-accent-soft:#2b2612;--action-accent-ink:#171619;--island-hover-blue:var(--action-accent);--sleek-surface-shadow:0 1px 2px #0000001f, 0 5px 16px #00000012;--sleek-control-shadow:0 1px 2px #0000001c, 0 3px 10px #0000000f, inset 0 1px #ffffff06}html.is-theme-transitioning .studio,html.is-theme-transitioning .studio *,html.is-theme-transitioning .studio :before,html.is-theme-transitioning .studio :after{transition:color .18s,background-color .18s,background-image .18s,border-color .18s,outline-color .18s,box-shadow .18s,fill .18s,stroke .18s,caret-color .18s,text-decoration-color .18s,column-rule-color .18s!important}html.is-theme-transitioning .studio-mode-label,html.is-theme-transitioning .top-photo-upload-content,html.is-theme-transitioning .top-photo-upload-content>span,html.is-theme-transitioning .top-theme-toggle .sound-toggle-icon,html.is-theme-transitioning .top-theme-toggle .sound-toggle-icon svg,html.is-theme-transitioning .top-theme-toggle .sound-toggle-icon svg *{color:inherit;transition-property:none!important;transition-duration:0s!important}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;width:100%;height:100%;margin:0;overflow:hidden}body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body ::selection{background:0 0}body{background:var(--app-bg);color:var(--ink);font-family:var(--font-open-runde), system-ui, sans-serif;font-size:12px;transition:background-color .18s,color .18s}button,input{font:inherit}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.studio{background:var(--app-bg);touch-action:manipulation;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100vw;height:100dvh;transition:background-color .18s;display:grid;overflow:hidden}.workspace{background:var(--app-bg);--timeline-bottom-inset:20px;--video-render-frame-radius:16px;--video-render-thickness:6px;--video-render-gap:8px;--video-render-outset:calc(var(--video-render-gap) + var(--video-render-thickness));grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;transition:background-color .18s;display:grid;position:relative;overflow:hidden}html.is-video-exporting .capture-stage,html.is-video-exporting .capture-stage *{cursor:none!important}.workspace.is-rendering-video .capture-stage,.workspace.is-rendering-video .top-environment-controls,.workspace.is-rendering-video .studio-mode-toggle,.workspace.is-rendering-video .settings-island-scroll,.workspace.is-rendering-video .tracks-timeline{pointer-events:none;-webkit-user-select:none;user-select:none}.workspace.is-rendering-video .top-environment-controls,.workspace.is-rendering-video .studio-mode-toggle,.workspace.is-rendering-video .settings-island-scroll{opacity:.55}.video-render-overlay{z-index:1100;background:0 0;place-items:end center;padding:24px;display:grid;position:fixed;inset:0;cursor:default!important}.workspace.is-sharing-export.is-rendering-video .stage-wrap,.workspace.is-sharing-export.is-rendering-video .capture-stage-shell{z-index:1250}.video-render-dialog{z-index:3;right:24px;bottom:max(24px, env(safe-area-inset-bottom));pointer-events:auto;color:#f6f6f7;background:#19191cf5;border:1px solid #ffffff17;border-radius:18px;width:min(380px,100vw - 48px);margin-inline:auto;padding:20px;position:absolute;left:24px;box-shadow:0 18px 55px #00000047}.video-render-heading{text-align:center;justify-items:center;display:grid}.video-render-heading div{justify-items:center;gap:3px;display:grid}.video-render-heading strong{font-size:13px;font-weight:720}.video-render-heading span{color:#9b9ba3;font-size:10px}.video-render-cancel{color:#eeeef0;background:#35353a;border:0;border-radius:11px;width:100%;height:38px;margin-top:16px;font-size:11px;font-weight:700;cursor:pointer!important}.video-render-cancel:hover:not(:disabled){background:#414147}.video-render-cancel:disabled{opacity:.5;cursor:default!important}.share-export-overlay{z-index:1200;color:#f5f5f7;background:#000;position:absolute;inset:0;overflow:hidden}.workspace.is-rendering-video .share-export-overlay{z-index:1260;pointer-events:none;background:0 0;overflow:visible}.workspace.is-export-ready .share-export-overlay{z-index:1300;pointer-events:auto;background:#000;overflow:hidden}.workspace.is-sharing-export{background:#000}.studio:has(.is-sharing-export){background:#000}.workspace.is-sharing-export .mobile-top-toolbar-surface,.workspace.is-sharing-export .top-left-toolbar,.workspace.is-sharing-export .top-environment-controls,.workspace.is-sharing-export .top-environment-island,.workspace.is-sharing-export .top-unsaved-indicator,.workspace.is-sharing-export .top-right-toolbar,.workspace.is-sharing-export .auto-motion-actions-anchor,.workspace.is-sharing-export .bottom-studio-controls-slot,.workspace.is-sharing-export .tracks-timeline,.workspace.is-sharing-export .capture-notice,.workspace.is-sharing-export .animation-sequencer{visibility:hidden;pointer-events:none}.share-export-close{z-index:1300;top:max(10px, env(safe-area-inset-top));cursor:pointer;color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;left:10px}.share-export-close:hover:not(:disabled){background:#ffffff14}.share-export-close:disabled{cursor:default;opacity:.4}.share-export-render-status{z-index:2;top:max(18px, env(safe-area-inset-top));pointer-events:none;color:#fff;justify-items:center;display:grid;position:absolute;left:64px;right:64px}.share-export-render-status output{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:28px;font-weight:650;line-height:1}.share-export-preview{z-index:1;box-sizing:border-box;background:#111113;border:1px solid #2c2c32;border-radius:16px;place-items:center;display:grid;position:absolute;overflow:hidden;box-shadow:0 24px 72px #00000047}.share-export-preview.is-fallback{width:auto;height:auto;aspect-ratio:var(--share-preview-ratio,4 / 5);max-width:min(100%,1100px);margin:auto;inset:80px 36px 212px}.share-export-preview img,.share-export-preview video,.share-export-preview .share-export-player{object-fit:contain;width:100%;height:100%}.share-export-preview video{background:#0c0c0d}.share-export-metadata{z-index:3;pointer-events:none;color:#ffffff9e;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 0;margin:0;padding:0 12px;font-size:11px;font-weight:500;line-height:1;display:flex;position:absolute;transform:translateY(calc(-100% - 28px))}.share-export-metadata.is-fallback{top:max(18px, env(safe-area-inset-top));width:auto;left:64px;right:64px;transform:none}.share-export-metadata div{align-items:center;display:flex}.share-export-metadata div+div:before{content:"";background:#ffffff2e;width:1px;height:10px;margin:0 8px}.share-export-metadata dd{margin:0}.share-export-player{color:#fff;background:#080809;width:100%;height:100%;position:relative;overflow:hidden}.share-export-player video{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.share-export-player-center{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#12121494;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:54px;height:54px;padding:0;transition:opacity .16s,transform .16s,background-color .14s;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000038}.share-export-player-center svg{transform:translate(1px)}.share-export-player-center:hover{background:#121214c2}.share-export-player.is-playing .share-export-player-center{pointer-events:none;opacity:0;transform:translate(-50%,-50%)scale(.86)}.share-export-player.is-playing .share-export-player-center svg{transform:none}.share-export-player-controls{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1212149e;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:9px;height:38px;padding:0 11px 0 8px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 8px 24px #0000002e}.share-export-player.is-playing .share-export-player-controls{pointer-events:none;opacity:0;transform:translateY(8px)}.share-export-player-toggle{cursor:pointer;color:#fff;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;padding:0;display:grid}.share-export-player-toggle svg{transform:translate(.5px)}.share-export-player.is-playing .share-export-player-toggle svg{transform:none}.share-export-player-range{cursor:pointer;appearance:none;background:0 0;flex:auto;width:100%;min-width:30px;height:14px;margin:0}.share-export-player-range::-webkit-slider-runnable-track{background:linear-gradient(to right, #fff 0 var(--playback-progress), #ffffff4d var(--playback-progress) 100%);border-radius:999px;height:3px}.share-export-player-range::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:11px;height:11px;margin-top:-4px;box-shadow:0 1px 4px #00000047}.share-export-player-range::-moz-range-track{background:#ffffff4d;border-radius:999px;height:3px}.share-export-player-range::-moz-range-progress{background:#fff;border-radius:999px;height:3px}.share-export-player-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 4px #00000047}.share-export-player-time{color:#ffffffc7;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;flex:none;font-size:9px}.share-export-sheet{z-index:2;right:22px;bottom:max(var(--timeline-bottom-inset,20px), env(safe-area-inset-bottom));justify-items:center;gap:28px;padding:10px 16px 8px;display:grid;position:absolute;left:22px}.share-export-credit{color:#ffffff94;letter-spacing:-.03em;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin:0;font-size:16px;font-weight:450;line-height:1.2;display:flex}.share-export-credit-caption{cursor:pointer;color:#fff;font:inherit;letter-spacing:-.03em;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:500;display:inline-flex}.share-export-credit-copy{width:18px;height:18px;color:inherit;flex:none;place-items:center;display:grid;position:relative}.share-export-credit-copy-icon{grid-area:1/1;place-items:center;display:grid}.share-export-credit-caption:hover{opacity:.62}.share-export-destinations{overscroll-behavior-x:contain;scrollbar-width:none;flex:none;justify-content:center;align-items:flex-start;gap:14px;margin-top:-8px;padding:8px 8px 0;display:flex;overflow-x:auto}.share-export-destinations::-webkit-scrollbar{display:none}.share-export-destination{cursor:pointer;color:#fff;background:0 0;border:0;flex:none;padding:0;display:grid;position:relative}.share-export-destination:disabled{cursor:default;opacity:.45}.share-export-destination-icon{color:#fff;border-radius:16px;place-items:center;width:58px;height:58px;transition:transform .14s,filter .14s;display:grid}.share-export-destination:hover:not(:disabled) .share-export-destination-icon{filter:brightness(1.08)}.share-export-destination:active:not(:disabled) .share-export-destination-icon{transform:scale(.96)}.share-export-destination.is-x .share-export-destination-icon{background:#000;border:1px solid #ffffff38}.share-export-destination.is-instagram .share-export-destination-icon{background:0 0;overflow:hidden}.share-export-destination.is-tool .share-export-destination-icon{background:#2c2c2e}.share-export-primary-action{cursor:pointer;color:#000;width:min(100%,280px);height:58px;font:inherit;letter-spacing:-.02em;background:#ffd60a;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:15px;font-weight:650;transition:opacity .14s,transform .14s;display:flex}.share-export-primary-action:hover{opacity:.9}.share-export-primary-action:active{transform:scale(.98)}.share-export-png-label{color:#f4f4f5;letter-spacing:.04em;font-size:11px;font-weight:700}.share-export-pro-badge{z-index:1;background:var(--limit-soft);height:17px;color:var(--limit);letter-spacing:-.01em;border:2px solid #000;border-radius:999px;place-items:center;padding:0 6px;font-size:8px;font-weight:750;line-height:1;display:grid;position:absolute;top:-6px;right:-6px}.share-export-pro-badge[hidden]{display:none}.share-export-close:focus-visible,.share-export-destination:focus-visible,.share-export-primary-action:focus-visible,.share-export-credit-caption:focus-visible,.share-export-player-center:focus-visible,.share-export-player-toggle:focus-visible,.share-export-player-range:focus-visible{outline-offset:3px;outline:2px solid #5b8cff}@media (max-width:560px){.share-export-preview.is-fallback{bottom:236px}.share-export-destinations{gap:12px}.share-export-credit{font-size:13px}}.share-caption-toast,.share-caption-toast-copy{pointer-events:auto!important}[data-react-aria-top-layer]{pointer-events:none}[data-react-aria-top-layer]>[data-sonner-toaster],[data-sonner-toast]{pointer-events:auto!important}.share-caption-toast{border:1px solid var(--line);width:min(380px,100vw - 32px);padding:14px;position:relative}@supports (color:color-mix(in lab, red, red)){.share-caption-toast{border:1px solid color-mix(in srgb, var(--line) 84%, transparent)}}.share-caption-toast{background:var(--app-bg);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.share-caption-toast{background:color-mix(in srgb, var(--app-bg) 94%, transparent)}}.share-caption-toast{box-shadow:0 18px 50px #0f172a2e, var(--sleek-surface-shadow);color:var(--ink);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2)}.share-caption-toast-heading{padding:0 36px 11px 2px}.share-caption-toast-heading strong{letter-spacing:-.01em;font-size:14px;font-weight:600}.share-caption-toast-close{z-index:2;top:12px;right:12px;cursor:pointer!important;pointer-events:auto!important}.share-caption-toast-copy{border:1px solid var(--line);background:var(--pill-bg);width:100%;color:var(--ink);font:inherit;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:11px 12px;font-size:14px;font-weight:500;transition:background-color .14s,border-color .14s;display:flex}[data-sonner-toast] .share-caption-toast-copy,[data-sonner-toast] .share-caption-toast-copy *{cursor:pointer!important}.share-caption-toast-copy:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.share-caption-toast-copy:hover{border-color:color-mix(in srgb, var(--ink) 20%, var(--line))}}.share-caption-toast-copy:hover{background:var(--pill-bg-hover)}.share-caption-toast-copy:focus-visible{outline:2px solid var(--action-accent);outline-offset:2px}.share-caption-toast-copy-icon{flex:0 0 16px;place-items:center;width:16px;height:16px;display:grid}.share-caption-toast-copy-icon>span{will-change:filter, opacity, transform;grid-area:1/1;place-items:center;display:grid}.share-caption-toast-copy svg{color:var(--muted);flex:none}@media (max-width:640px){.share-caption-toast{width:calc(100vw - 24px)}}.project-reset-overlay{z-index:1100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#12121433;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.project-reset-dialog{color:#202024;background:#fffffffa;border:1px solid #00000012;border-radius:18px;width:min(360px,100vw - 48px);padding:20px;box-shadow:0 18px 55px #00000024}.project-reset-dialog>strong{font-size:13px;font-weight:720;display:block}.project-reset-dialog>p{color:#85858d;margin:7px 0 0;font-size:11px;line-height:1.5}.project-reset-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.project-reset-actions button{color:#36363b;background:#f1f2f4;border:0;border-radius:11px;height:38px;font-size:11px;font-weight:700}.project-reset-actions button:hover{background:#e7e8eb}.project-reset-actions button.is-destructive{color:#fff;background:#1d1d20}.project-reset-actions button.is-destructive:hover{background:#303035}html.is-dark-ui .project-reset-overlay{background:#00000052}html.is-dark-ui .project-reset-dialog{color:#f6f6f7;background:#19191cfa;border-color:#ffffff17;box-shadow:0 18px 55px #00000047}html.is-dark-ui .project-reset-actions button{color:#eeeef0;background:#35353a}html.is-dark-ui .project-reset-actions button:hover{background:#414147}html.is-dark-ui .project-reset-actions button.is-destructive{color:#202024;background:#f4f4f5}html.is-dark-ui .project-reset-actions button.is-destructive:hover{background:#fff}.shot-data-overlay{z-index:1100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1212143d;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.shot-data-dialog{color:#202024;background:#fffffffa;border:1px solid #00000012;border-radius:18px;grid-template-rows:auto minmax(240px,1fr) auto;gap:14px;width:min(680px,100vw - 48px);max-height:min(760px,100vh - 48px);padding:18px;display:grid;box-shadow:0 18px 55px #00000024}.shot-data-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.shot-data-heading>div{gap:4px;display:grid}.shot-data-heading strong{font-size:13px;font-weight:720}.shot-data-heading span{color:#85858d;font-size:10px}.shot-data-heading>button{color:#55555d;background:#f1f2f4;border:0;border-radius:999px;flex:none;width:28px;height:28px;font-size:17px;line-height:1}.shot-data-dialog textarea{resize:none;color:#29292e;tab-size:2;white-space:pre;background:#f7f7f8;border:1px solid #e3e4e7;border-radius:12px;outline:none;width:100%;min-height:240px;padding:14px;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.shot-data-dialog textarea:focus{border-color:#0000002e}.shot-data-actions{justify-content:flex-end;gap:8px;display:flex}.shot-data-actions button{color:#36363b;background:#f1f2f4;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.shot-data-actions button:hover,.shot-data-heading>button:hover{background:#e7e8eb}.shot-data-actions button.is-primary{color:#fff;background:#1d1d20}.shot-data-actions button.is-primary:hover{background:#303035}html.is-dark-ui .shot-data-overlay{background:#0000005c}html.is-dark-ui .shot-data-dialog{color:#f6f6f7;background:#19191cfa;border-color:#ffffff17;box-shadow:0 18px 55px #00000047}html.is-dark-ui .shot-data-heading>button,html.is-dark-ui .shot-data-actions button{color:#eeeef0;background:#35353a}html.is-dark-ui .shot-data-heading>button:hover,html.is-dark-ui .shot-data-actions button:hover{background:#414147}html.is-dark-ui .shot-data-dialog textarea{color:#ededf0;background:#202023;border-color:#3b3b40}html.is-dark-ui .shot-data-actions button.is-primary{color:#202024;background:#f4f4f5}html.is-dark-ui .shot-data-actions button.is-primary:hover{background:#fff}.capture-stage.background-white{--stage-color:#fff}.capture-stage.background-light-gray{--stage-color:#f5f5f7}.capture-stage.background-black{--stage-color:#000}.topbar{z-index:60;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-width:0;padding:0;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.topbar-left{align-items:center;gap:18px;min-width:0;display:flex}.animation-sequencer{z-index:60;justify-items:stretch;width:max-content;display:grid;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.bottom-rotation-controls{z-index:50;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.bottom-studio-controls{z-index:50;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;bottom:34px;left:0;right:0}.mobile-camera-controls-row{display:contents}.bottom-studio-controls-slot{z-index:50;pointer-events:none;position:absolute;inset:0;overflow:visible}.workspace.is-rendering-video .bottom-studio-controls-slot{z-index:90}.workspace.is-photo-mode .bottom-studio-controls-slot,.workspace.is-switching-studio-mode .bottom-studio-controls-slot{clip-path:none}.bottom-studio-controls-slot .bottom-studio-controls{pointer-events:auto}.top-studio-controls{z-index:62;align-items:center;gap:10px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.top-studio-controls .bottom-axis-button:after,.top-studio-controls .top-setting-helper{top:calc(100% + 8px);bottom:auto}.bottom-studio-controls{justify-content:center;align-items:center;gap:10px;display:flex}.bottom-rotation-controls .bottom-axis-button:after,.bottom-studio-controls .bottom-axis-button:after,.bottom-studio-controls .top-setting-helper{top:auto;bottom:calc(100% + 8px)}.animation-sequencer-pill{background:#151517;border-radius:999px;align-items:center;gap:3px;height:40px;padding:0 4px;display:flex;box-shadow:0 5px 16px #1212141f}.animation-sequencer-pill button{cursor:pointer;color:#a1a1aa;white-space:nowrap;background:0 0;border:0;border-radius:999px;height:32px;padding:0 10px;font-size:9px;font-weight:650;transition:background-color .15s,color .15s,opacity .15s}.animation-sequencer-pill button:hover:not(:disabled){color:#f4f4f5;background:#ffffff17}.animation-sequencer-pill button:disabled{cursor:not-allowed;opacity:.34}.animation-sequencer-pill .sequencer-icon-button{place-items:center;width:32px;padding:0;display:grid}.sequencer-count{color:#71717a;text-align:center;white-space:nowrap;min-width:48px;padding:0 5px;font-size:8px;font-weight:600}.animation-sequencer-pill .sequencer-remove{width:26px;padding:0;font-size:15px;font-weight:400}.animation-sequencer-pill .sequencer-cut-action{color:#ff7b72}.animation-sequencer-pill .sequencer-cut-action:hover:not(:disabled){color:#ff9a92;background:#ff453a1f}.animation-sequencer-pill .sequencer-render{background:var(--action-accent);color:var(--action-accent-ink);padding:0 14px;font-weight:750}.animation-sequencer-pill .sequencer-render:hover:not(:disabled){background:var(--action-accent-hover);color:var(--action-accent-ink)}.sequencer-timeline{background:#202024;border:1px solid #18181b17;border-radius:9px;width:calc(100% - 10px);height:62px;margin:6px auto 0;position:relative;box-shadow:0 5px 16px #1212141a,inset 0 1px #ffffff0a}.sequencer-track{background:#4a4a50;border-radius:999px;height:2px;position:absolute;top:10px;left:8px;right:8px;overflow:hidden}.sequencer-track>span{border-radius:inherit;background:#76a7f7;height:100%;display:block}.sequencer-clip-lane{height:28px;position:absolute;top:20px;left:0;right:0}.sequencer-clip{background:#315b94;border:1px solid #4774b8;border-radius:3px;position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:inset 0 1px #ffffff12}.sequencer-clip small{color:#ffffffa8;font-size:7px;font-weight:700;position:absolute;top:4px;left:6px}.sequencer-cut-line{z-index:3;background:#ff453a;width:2px;position:absolute;top:16px;bottom:6px;transform:translate(-1px);box-shadow:0 0 0 1px #12121447}.sequencer-playhead{z-index:3;background:var(--action-accent);pointer-events:none;width:1px;position:absolute;top:7px;bottom:5px;transform:translate(-.5px)}.sequencer-playhead:before{border-top:0;border-right:4px solid #0000;border-bottom:5px solid var(--action-accent);content:"";border-left:4px solid #0000;width:0;height:0;position:absolute;top:-1px;left:50%;transform:translate(-50%,-100%)}.sequencer-timeline input[type=range]{z-index:2;cursor:ew-resize;appearance:none;background:0 0;width:100%;height:62px;margin:0;position:absolute;inset:0}.sequencer-timeline input[type=range]::-webkit-slider-runnable-track{background:0 0;height:62px}.sequencer-timeline input[type=range]::-webkit-slider-thumb{appearance:none;background:0 0;border:0;width:12px;height:62px;margin-top:0}.sequencer-timeline input[type=range]::-moz-range-track{background:0 0;height:62px}.sequencer-timeline input[type=range]::-moz-range-thumb{background:0 0;border:0;width:12px;height:62px}.sequencer-timeline input[type=range]:disabled{cursor:not-allowed;opacity:.3}.sequencer-keyframe{z-index:3;cursor:pointer;background:#d4d4d8;border:1px solid #202024;border-radius:2px;width:9px;height:9px;padding:0;position:absolute;transform:translate(-50%)rotate(45deg);box-shadow:0 1px 3px #18181b24}.sequencer-keyframe:hover:not(:disabled),.sequencer-keyframe.is-selected{background:var(--action-accent)}.sequencer-keyframe:disabled{cursor:not-allowed}.sequencer-timeline.is-disabled .sequencer-track{opacity:.5}.sequencer-timeline.is-disabled .sequencer-clip-lane{opacity:.55}.bottom-chrome-row{flex:none;align-items:center;gap:10px;display:flex}.bottom-axis-controls{white-space:nowrap;flex:none;align-items:center;gap:5px;display:flex;overflow:visible}.bottom-axis-buttons{align-items:center;gap:5px;display:flex;position:relative}.demo-axis-ghost-cursor{z-index:95;pointer-events:none;color:#fff;filter:drop-shadow(0 2px 3px #0000007a);transform-origin:2px 2px;width:30px;height:30px;transition:opacity .12s;animation:2.8s linear infinite demo-axis-ghost-drag;position:absolute;top:6px;left:20px}.demo-axis-ghost-cursor.is-y{animation:3.8s linear infinite demo-axis-ghost-drag-sequence;left:67px}.demo-axis-ghost-cursor.is-x{animation:3.8s linear infinite demo-axis-ghost-drag-sequence}.demo-axis-ghost-cursor.is-x .demo-axis-ghost-pulse,.demo-axis-ghost-cursor.is-y .demo-axis-ghost-pulse{animation:3.8s ease-out infinite demo-axis-ghost-pulse-sequence}.bottom-axis-buttons:hover .demo-axis-ghost-cursor{opacity:0}:is(.bottom-axis-buttons:has(.demo-axis-ghost-cursor.is-x) .bottom-axis-button[data-axis=x] .axis-compass-ring,.bottom-axis-buttons:has(.demo-axis-ghost-cursor.is-y) .bottom-axis-button[data-axis=y] .axis-compass-ring){transition:none}.demo-axis-ghost-cursor>svg{z-index:2;width:30px;height:30px;display:block;position:relative}.demo-axis-ghost-cursor>svg path{fill:#2f80ff;stroke:#fff}.demo-axis-ghost-pulse{z-index:1;opacity:0;border:2px solid #ffffffc2;border-radius:50%;width:14px;height:14px;animation:2.8s ease-out infinite demo-axis-ghost-pulse;position:absolute;top:-5px;left:-5px}@keyframes demo-axis-ghost-drag{0%,12%,to{transform:translate(0)scale(1)}18%{transform:translate(0)scale(.88)}48%,66%{transform:translate(52px)scale(.88)}76%{transform:translate(52px)scale(1)}90%{transform:translate(0)scale(1)}}@keyframes demo-axis-ghost-drag-sequence{0%{opacity:0;transform:translate(38px,28px)scale(1)}10%{opacity:1}12%{opacity:1;transform:translate(0)scale(1)}18%{transform:translate(0)scale(.88)}36%{transform:translate(-42px)scale(.88)}54%{transform:translate(26px)scale(.88)}72%{transform:translate(0)scale(.88)}78%{opacity:1;transform:translate(0)scale(1)}94%,to{opacity:0;transform:translate(0)scale(1)}}@keyframes demo-axis-ghost-pulse{0%,14%,76%,to{opacity:0;transform:scale(.45)}18%{opacity:.9;transform:scale(.55)}31%{opacity:0;transform:scale(1.45)}}@keyframes demo-axis-ghost-pulse-sequence{0%,16%,78%,to{opacity:0;transform:scale(.45)}18%{opacity:.9;transform:scale(.55)}28%,72%{opacity:.38;transform:scale(1.05)}78%{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.demo-axis-ghost-cursor,.demo-axis-ghost-pulse{animation:none}}.axis-scrub-hint{display:none}.bottom-axis-button{--axis-control-scale:1;--axis-ring-leading:var(--ink)}@supports (color:color-mix(in lab, red, red)){.bottom-axis-button{--axis-ring-leading:color-mix(in srgb, var(--ink) 5%, transparent)}}.bottom-axis-button{--axis-ring-trailing:var(--axis-ring-leading);cursor:ew-resize;appearance:none;-webkit-tap-highlight-color:transparent;background-color:var(--pill-bg);width:42px;height:42px;color:var(--pill-ink);box-shadow:var(--sleek-control-shadow);touch-action:none;border:0;border-radius:50%;flex:none;grid-template-rows:11px 12px;align-content:center;justify-items:center;padding:0;transition:color .16s,background-color .16s,box-shadow .16s,opacity .16s;display:grid;position:relative;overflow:visible}.bottom-axis-button:before{z-index:0;background-color:#0000;background-image:linear-gradient(var(--pill-bg), var(--pill-bg)), conic-gradient(from var(--axis-arc-start), var(--axis-ring-leading) 0deg var(--axis-arc-sweep), var(--axis-ring-trailing) var(--axis-arc-sweep) 360deg);box-shadow:none;content:"";transform:scale(var(--axis-control-scale));transform-origin:50%;background-origin:border-box;background-clip:padding-box,border-box;border:1.5px solid #0000;border-radius:50%;transition:transform .16s,box-shadow .16s,opacity .16s;position:absolute;inset:0}.bottom-axis-button.is-changed{--axis-ring-leading:var(--action-accent);--axis-ring-trailing:#816c12;color:var(--pill-ink-hover);background-color:var(--pill-bg);box-shadow:none}.bottom-axis-button:after{z-index:80;pointer-events:none;border:1px solid var(--ink);min-height:24px;padding:0 10px;position:absolute;top:calc(100% + 8px);bottom:auto;left:50%}@supports (color:color-mix(in lab, red, red)){.bottom-axis-button:after{border:1px solid color-mix(in srgb, var(--ink) 9%, transparent)}}.bottom-axis-button:after{background:var(--pill-bg);color:var(--pill-ink-hover);content:attr(data-tooltip);opacity:0;white-space:nowrap;border-radius:999px;font-size:11px;font-weight:500;line-height:24px;transition:opacity .14s,transform .14s;transform:translate(-50%,3px)scale(.94);box-shadow:0 6px 18px #12121429}.bottom-axis-button:hover:after,.bottom-axis-button:focus-visible:after{opacity:1;transform:translate(-50%)scale(1)}.axis-compass-ring{backface-visibility:hidden;pointer-events:none;width:calc(100% - 2px);height:calc(100% - 2px);transform:rotate(var(--axis-ring-rotation,0deg)) scale(var(--axis-control-scale));transform-origin:50%;transition:transform 80ms linear;position:absolute;inset:1px;overflow:visible}.bottom-axis-button.is-scrubbing .axis-compass-ring{transition:none}.axis-compass-ring line{stroke:var(--pill-ink);stroke-linecap:butt;stroke-width:1.2px}.axis-compass-ring .axis-zero-tick{stroke:#ff453a}.bottom-axis-button .axis-label{font-size:7px;font-weight:750;line-height:1;position:relative}.bottom-axis-button strong{color:var(--pill-ink-hover);font-variant-numeric:tabular-nums;font-size:9px;font-weight:650;line-height:1;position:relative}.bottom-axis-button:hover:not(:disabled){--axis-control-scale:1.035;background-color:var(--pill-bg-hover)}.bottom-axis-button:hover:not(:disabled):before{background-color:#0000;background-image:linear-gradient(var(--pill-bg-hover), var(--pill-bg-hover)), conic-gradient(from var(--axis-arc-start), var(--axis-ring-leading) 0deg var(--axis-arc-sweep), var(--axis-ring-trailing) var(--axis-arc-sweep) 360deg);background-origin:border-box;background-clip:padding-box,border-box}.bottom-axis-button:active:not(:disabled),.bottom-axis-button:focus{background-color:var(--pill-bg)}.bottom-axis-button:hover:not(:disabled):active{background-color:var(--pill-bg-hover)}.bottom-axis-button:disabled{cursor:not-allowed;opacity:.38}html:not(.is-dark-ui) .topbar-utility-controls,html:not(.is-dark-ui) .top-lens-island,html:not(.is-dark-ui) .bottom-axis-button,html:not(.is-dark-ui) .studio-mode-toggle,html:not(.is-dark-ui) .top-environment-island{--ink:#f2f2f4;--muted:#9b9ba3;--line:#2c2c32;--pill-bg:#151517;--pill-bg-hover:#1f1f22;--pill-ink:#a1a1aa;--pill-ink-hover:#f4f4f5;--action-accent:#ffd50b;--action-accent-hover:#f5c92a;--action-accent-ink:#171619;--island-hover-blue:var(--action-accent);--sleek-surface-shadow:0 1px 2px #0000001f, 0 5px 16px #00000012, inset 0 1px #ffffff08;--sleek-control-shadow:0 1px 2px #0000001c, 0 3px 10px #0000000f, inset 0 1px #ffffff06}html:not(.is-dark-ui) .topbar-utility-controls,html:not(.is-dark-ui) .top-lens-island,html:not(.is-dark-ui) .top-lens-island.is-expanded,html:not(.is-dark-ui) .studio-mode-toggle,html:not(.is-dark-ui) .top-environment-island{background:#151517}html:not(.is-dark-ui) .bottom-axis-button.is-changed:before{box-shadow:0 0 0 1px #151517}html:not(.is-dark-ui) .bottom-axis-button:after{color:#252329;background:#f1f2f4;border-color:#1d1d201a;box-shadow:0 6px 18px #0f172a1a}.topbar-utility-controls{box-sizing:border-box;border:1px solid var(--ink);border-radius:999px;align-items:center;gap:0;width:max-content;max-width:100%;padding:0;display:flex;overflow:visible}@supports (color:color-mix(in lab, red, red)){.topbar-utility-controls{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.topbar-utility-controls{background:var(--pill-bg);box-shadow:none;transition:background-color .18s,border-color .18s}.topbar-utility-controls .top-lens-island{box-shadow:none}.settings-island-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;align-items:center;min-width:0;display:flex;overflow:visible}.settings-island-scroll::-webkit-scrollbar{display:none}.topbar-utility-controls .settings-island-shell{flex:none;align-items:center;display:flex}.sound-toggle{cursor:pointer;background:var(--pill-bg);width:34px;height:34px;color:var(--pill-ink);border:0;border-radius:999px;flex:none;place-items:center;padding:0;transition:background-color .16s,color .16s,transform .16s;display:inline-grid}.sound-toggle:hover{background:var(--pill-bg-hover);color:var(--pill-ink-hover);transform:scale(1.035)}.top-right-actions .sound-toggle:hover:not(:disabled){color:var(--island-hover-blue)}.top-environment-controls,.top-environment-island,.top-right-actions{z-index:61;align-items:center;gap:6px;display:flex;position:absolute;top:24px}.top-right-toolbar{z-index:61;align-items:flex-start;gap:7px;display:flex;position:absolute;top:20px;right:22px}.top-usage-island-anchor{flex:none;display:flex}html:not(.is-dark-ui) .usage-remaining-button.is-top-island{background:#fff}.showcase-nav-button{cursor:pointer;border:1px solid var(--ink);flex:none;justify-content:center;align-items:center;width:82px;height:40px;padding:0;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.showcase-nav-button{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.showcase-nav-button{background:var(--pill-bg);color:var(--pill-ink);box-shadow:var(--sleek-surface-shadow);border-radius:20px;font-family:inherit;font-size:11px;font-weight:500;text-decoration:none;transition:color .16s,background-color .16s}html:not(.is-dark-ui) .showcase-nav-button{background:#fff}.showcase-nav-button:hover{color:#000;background:var(--pill-bg-hover)}html.is-dark-ui .showcase-nav-button:hover{color:#fff}.top-unsaved-indicator{z-index:61;cursor:pointer;height:40px;color:var(--pill-ink);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;font-weight:500;transition:color .16s;display:inline-flex;position:relative}.top-unsaved-indicator:hover{color:var(--pill-ink-hover)}.top-unsaved-dot{background:#ffd60a;border-radius:50%;flex:none;width:7px;height:7px}.top-unsaved-copy{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.top-unsaved-copy strong{color:var(--pill-ink-hover);font-weight:600}.top-unsaved-copy span{color:var(--muted)}.top-unsaved-copy span:before{content:"·";margin-right:7px}.top-unsaved-indicator:hover .top-unsaved-copy span{color:var(--pill-ink-hover)}.mobile-top-toolbar-surface{display:none}.top-environment-island{z-index:62;box-sizing:border-box;border:1px solid var(--ink);justify-content:flex-start;align-items:center;gap:3px;min-width:218px;height:40px;padding:3px 4px;display:flex;position:absolute;top:20px;left:50%;translate:-50%}@supports (color:color-mix(in lab, red, red)){.top-environment-island{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.top-environment-island{background:var(--pill-bg);box-shadow:var(--sleek-surface-shadow);border-radius:999px;transition:background-color .18s,border-color .18s,box-shadow .18s}.top-environment-island:not(.is-expanded){justify-content:flex-start;padding-right:10px}.top-environment-island-collapsed{flex:none;align-items:center;gap:3px;display:flex}.bottom-studio-controls .top-environment-island{z-index:1;height:42px;padding:4px 10px 4px 4px;position:relative;top:auto;left:auto;translate:none}.bottom-studio-controls .top-environment-tooltip{top:auto;bottom:calc(100% + 8px)}.top-environment-controls{border:1px solid var(--ink);gap:3px;height:40px;padding:3px 4px;top:20px;left:22px}@supports (color:color-mix(in lab, red, red)){.top-environment-controls{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.top-environment-controls{background:var(--pill-bg);border-radius:999px;transition:background-color .18s,border-color .18s}.top-right-collapsed{align-items:center;gap:3px;display:flex}.shortcut-help-header{align-items:center;min-height:43px;padding:0 13px;display:flex;position:relative}.shortcut-help-popover-anchor{width:0;height:0;position:absolute}.shortcut-help-popover{z-index:200;color:#222226;transform-origin:100% 0;background:#fff;border:1px solid #e5e5e8;border-radius:16px;width:min(342px,100vw - 44px);max-height:calc(100dvh - 86px);position:fixed;top:68px;right:22px;overflow-y:auto;box-shadow:0 14px 42px #1414181a}html.is-dark-ui .shortcut-help-popover{color:#f2f2f4;background:#151517;border-color:#29292e;box-shadow:0 14px 42px #0000003d}.shortcut-help-header:after{background:var(--line);content:"";height:1px;position:absolute;bottom:0;left:7px;right:7px}.shortcut-help-header strong{font-size:11px;font-weight:600}.shortcut-help-back{cursor:pointer;width:26px;height:26px;color:inherit;background:0 0;border:0;border-radius:8px;place-items:center;margin-right:7px;padding:0;display:grid}.shortcut-help-header .shortcut-help-back{margin-left:auto}@media (max-width:680px){.shortcut-help-popover{top:max(72px, env(safe-area-inset-top));width:calc(100vw - 24px);max-height:calc(100dvh - 84px);right:12px}}.shortcut-help-back:hover{background:var(--pill-bg)}.shortcut-help-groups{gap:5px;display:grid}.shortcut-help-group{padding:13px}.shortcut-help-group+.shortcut-help-group{border-top:1px solid var(--line)}.shortcut-help-group h3{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:9px;font-weight:650}.shortcut-help-list{gap:5px;display:grid}.shortcut-help-row{justify-content:space-between;align-items:center;gap:16px;min-height:25px;font-size:10px;display:flex}.shortcut-help-row>span:first-child{color:var(--pill-ink);white-space:nowrap}.shortcut-help-keys,.shortcut-help-key-part{align-items:center;display:inline-flex}.shortcut-help-keys{justify-content:flex-end;gap:4px}.shortcut-help-key-part{gap:4px}.shortcut-help-key-part b{color:var(--muted);font-size:9px;font-weight:500}.shortcut-help-key-part kbd{border:1px solid var(--ink);place-items:center;min-width:24px;height:23px;padding:0 6px;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.shortcut-help-key-part kbd{border:1px solid color-mix(in srgb, var(--ink) 11%, transparent)}}.shortcut-help-key-part kbd{background:var(--pill-bg);box-shadow:inset 0 -1px 0 var(--ink);border-radius:6px}@supports (color:color-mix(in lab, red, red)){.shortcut-help-key-part kbd{box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--ink) 9%, transparent)}}.shortcut-help-key-part kbd{color:var(--pill-ink-hover);white-space:nowrap;font-family:inherit;font-size:10px;font-weight:600;line-height:1}.top-right-account-anchor{flex:none;align-items:center;display:flex}.top-right-divider{background:var(--line);width:1px;height:20px;margin:0 3px}.top-environment-controls .top-backdrop-control,.top-environment-controls .top-environment-button.is-ratio{display:none}html:not(.is-dark-ui) .top-environment-controls,html:not(.is-dark-ui) .top-right-actions{background:#fff}.top-environment-controls.is-ratio-expanded{padding-left:4px;padding-right:4px}.top-environment-collapsed,.top-environment-expanded{flex:none;align-items:center;gap:3px;display:flex}.top-environment-collapsed:has(.add-media-demo-helper){position:relative;overflow:visible}.top-environment-collapsed .add-media-demo-helper{pointer-events:auto;width:max-content;max-width:calc(100vw - 44px);inset:calc(100% + 14px) auto auto 0}.top-environment-collapsed .add-media-demo-helper-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px}.add-media-demo-helper-dismiss{cursor:pointer;color:#ffffffc7;background:0 0;border:0;border-radius:50%;place-items:center;width:22px;height:22px;margin:0 -7px 0 0;padding:0;display:grid}.add-media-demo-helper-dismiss:hover,.add-media-demo-helper-dismiss:focus-visible{color:#fff;background:#ffffff24}.top-environment-expanded{gap:24px}.top-environment-expanded :is(button,.is-custom){cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid;position:relative}.top-environment-expanded :is(button,.is-custom):hover,.top-environment-expanded :is(button,.is-custom).is-active{background:var(--pill-bg-hover)}.top-environment-expanded :is(button,.is-custom)>span{border:1px solid var(--ink);width:20px;height:20px}@supports (color:color-mix(in lab, red, red)){.top-environment-expanded :is(button,.is-custom)>span{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent)}}.top-environment-expanded :is(button,.is-custom)>span{border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff24}.top-environment-expanded :is(button,.is-custom).is-active>span{outline:2px solid var(--pill-ink-hover)}@supports (color:color-mix(in lab, red, red)){.top-environment-expanded :is(button,.is-custom).is-active>span{outline:2px solid color-mix(in srgb, var(--pill-ink-hover) 24%, transparent)}}.top-environment-expanded :is(button,.is-custom).is-active>span{outline-offset:2px}.top-environment-expanded .is-custom:after{z-index:2;border:1px solid var(--pill-bg);content:"";pointer-events:none;background:conic-gradient(#ff453a,#ffd60a,#30d158,#0a84ff,#bf5af2,#ff453a);border-radius:50%;width:7px;height:7px;position:absolute;bottom:5px;right:5px}.custom-backdrop-color-input,.custom-backdrop-image-input{z-index:1;cursor:pointer;opacity:.01;color-scheme:normal;touch-action:manipulation;-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;border:0;border-radius:50%;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.top-environment-expanded.is-ratio-palette button{width:auto;min-width:0;color:var(--muted);border-radius:999px;gap:4px;font-size:11px;font-weight:720;transition:background-color .15s,color .15s;display:flex}.top-environment-expanded.is-ratio-palette{white-space:nowrap;gap:32px;min-width:max-content}.top-environment-island.is-backdrop-expanded{padding-left:4px;padding-right:4px}.top-environment-island.is-ratio-expanded{padding-left:16px;padding-right:16px}.top-environment-expanded.is-ratio-palette button:hover{color:var(--island-hover-blue);background:0 0}.top-environment-expanded.is-ratio-palette button.is-active{color:var(--action-accent);background:0 0}.top-environment-expanded.is-ratio-palette button>span,.top-environment-expanded.is-ratio-palette button.is-active>span{width:auto;height:auto;box-shadow:none;border:0;border-radius:0;outline:0}.top-environment-expanded.is-ratio-palette .ratio-option-icon{flex:none;align-items:center;width:auto;height:14px;display:grid}.top-environment-expanded.is-ratio-palette .ratio-option-icon i{border:1.5px solid;border-radius:1.5px;max-width:18px;height:10px;display:block}.top-environment-expanded.is-ratio-palette .ratio-option-label{font-variant-numeric:tabular-nums;text-align:left;width:auto}.studio-mode-toggle{border:1px solid var(--ink);flex:none;grid-template-columns:1fr 1fr;width:131px;height:42px;padding:4px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.studio-mode-toggle{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.studio-mode-toggle{background:var(--pill-bg);box-shadow:var(--sleek-control-shadow);border-radius:999px}.top-environment-controls .top-project-control{order:1;min-width:0}.top-project-button{cursor:pointer;max-width:150px;height:32px;color:var(--pill-ink);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:2px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:500;display:inline-flex}.top-project-name{cursor:pointer;min-width:0;height:28px;color:inherit;font:inherit;background:0 0;border:0;place-items:center;padding:0 3px;display:grid}.top-project-name-slot{width:max-content;min-width:24px;max-width:104px;height:28px;display:block;position:relative;overflow:hidden}.top-project-name-measure{visibility:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:104px;padding:7px 2px 0;display:block;overflow:hidden}.top-project-name{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;place-items:center;width:100%;padding:0 2px;display:grid;position:absolute;inset:0;overflow:hidden}.top-project-name-loading{background:var(--ink);border-radius:999px;width:40px;height:8px;display:block;position:absolute;top:10px;left:2px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.top-project-name-loading{background:color-mix(in srgb, var(--ink) 9%, transparent)}}.top-project-name-loading:after{background:linear-gradient(90deg, transparent, var(--ink), transparent);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.top-project-name-loading:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ink) 12%, transparent), transparent)}}.top-project-name-loading:after{content:"";animation:1.4s ease-in-out infinite top-project-name-shimmer;transform:translate(-100%)}@keyframes top-project-name-shimmer{55%,to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.top-project-name-loading:after{display:none}}.top-project-name:disabled{cursor:default}.top-project-name-input{width:100%;height:28px;color:var(--pill-ink);cursor:text;font:inherit;text-align:left;background:0 0;border:0;border-radius:0;outline:0;padding:0 2px;position:absolute;inset:0}.top-project-button:hover,.top-project-button[aria-expanded=true]{color:#000;background:0 0}html.is-dark-ui .top-project-button:hover,html.is-dark-ui .top-project-button[aria-expanded=true]{color:#fff}.studio-mode-toggle button{cursor:pointer;width:100%;min-width:0;height:32px;color:var(--muted);text-align:center;background:0 0;border:0;border-radius:999px;align-self:center;place-items:center;padding:0;font-size:10px;font-weight:680;transition:background-color .15s,color .15s;display:grid;position:relative}.studio-mode-toggle button:not(.is-active):hover{color:var(--island-hover-blue);background:0 0}.studio-mode-toggle button.is-active{color:var(--action-accent)}.studio-mode-highlight{pointer-events:none;border-radius:inherit;width:calc(50% - 4px);box-shadow:none;background:#000;border:1px solid #2a2a2e;position:absolute;top:4px;bottom:4px;left:4px}.top-environment-island .studio-mode-highlight{width:50%;top:1px;bottom:1px;left:0}html.is-dark-ui .studio-mode-toggle button.is-active{color:var(--action-accent)}.studio-mode-label{z-index:1;white-space:nowrap;align-items:center;gap:5px;display:inline-flex;position:relative}.top-right-actions{cursor:default;border:1px solid var(--ink);gap:3px;height:40px;padding:3px 4px;position:relative;top:auto;right:auto}@supports (color:color-mix(in lab, red, red)){.top-right-actions{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.top-right-actions{background:var(--pill-bg);border-radius:999px;transition:background-color .18s,border-color .18s}.top-backdrop-control{display:flex;position:relative}.top-environment-controls .top-backdrop-control{order:3}.top-backdrop-custom-color-input{top:calc(100% + 14px);left:50%}.top-environment-button{cursor:pointer;height:34px;color:var(--pill-ink);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0;font-size:10px;font-weight:650;transition:background-color .16s,color .16s;display:inline-flex;position:relative}.top-environment-button .top-environment-tooltip{top:calc(100% + 8px);bottom:auto;left:50%}.top-environment-button:hover{background:var(--pill-bg-hover);color:var(--pill-ink-hover)}.top-environment-button.is-ratio:hover{color:var(--island-hover-blue);background:0 0}.top-environment-button.is-backdrop:hover{background:0 0}.top-environment-button.is-backdrop{width:34px}.top-environment-button.is-ratio{width:34px;min-width:34px;padding:0;font-size:11px}.top-aspect-ratio-label{font-variant-numeric:tabular-nums;text-align:center;width:24px;display:inline-block}.top-environment-controls .top-environment-button.is-ratio{order:4}.top-environment-controls .top-photo-upload-button{cursor:pointer;background:var(--ink);border:0;border-radius:999px;flex:none;order:5;justify-content:center;align-items:center;min-width:0;height:32px;padding:0 15px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.top-environment-controls .top-photo-upload-button{background:color-mix(in srgb, var(--ink) 8%, transparent)}}.top-environment-controls .top-photo-upload-button{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.top-environment-controls .top-photo-upload-button{color:color-mix(in srgb, var(--ink) 50%, transparent)}}.top-environment-controls .top-photo-upload-button{white-space:nowrap;font-size:11px;font-weight:500;transition:background-color .16s,color .16s,opacity .14s}.top-photo-upload-content{--add-media-plus:#858586;align-items:center;gap:7px;display:inline-flex}html.is-dark-ui .top-photo-upload-content{--add-media-plus:#8c8c8f}.top-photo-upload-icon{width:16px;height:16px;color:var(--add-media-plus);display:block}.top-project-image-count{background:var(--ink);border-radius:999px;place-items:center;min-width:17px;height:17px;margin-left:auto;padding:0 5px;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.top-project-image-count{background:color-mix(in srgb, var(--ink) 9%, transparent)}}.top-project-image-count{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.top-project-image-count{color:color-mix(in srgb, var(--ink) 62%, transparent)}}.top-project-image-count{font-variant-numeric:tabular-nums;font-size:9px;line-height:1}.top-photo-upload-button:hover:not(:disabled){background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.top-photo-upload-button:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 13%, transparent)}}html.is-dark-ui .top-environment-controls .top-photo-upload-button:hover:not(:disabled){background:var(--ink)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .top-environment-controls .top-photo-upload-button:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 13%, transparent)}}html.is-dark-ui .top-environment-controls .top-photo-upload-button:hover:not(:disabled){color:var(--ink)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .top-environment-controls .top-photo-upload-button:hover:not(:disabled){color:color-mix(in srgb, var(--ink) 50%, transparent)}}.top-photo-upload-button:disabled{cursor:not-allowed;opacity:.4}.top-environment-swatch{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #1d1d2024;border-radius:50%;width:17px;height:17px;transition:transform .15s;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.top-environment-button.is-backdrop:hover .top-environment-swatch{transform:scale(1.14)}html.is-dark-ui .top-environment-swatch{border-color:#ffffff2e}.top-performance-toggle,.top-sound-toggle,.top-reset-frame-toggle,.top-theme-toggle{box-shadow:none;background:0 0;position:relative}.top-reset-frame-toggle{order:-1}.top-performance-toggle .top-utility-tooltip,.top-sound-toggle .top-utility-tooltip,.top-reset-frame-toggle .top-utility-tooltip,.top-theme-toggle .top-utility-tooltip{top:calc(100% + 8px);bottom:auto}.top-theme-toggle .top-utility-tooltip{left:50%;right:auto;translate:-50%}.top-reset-frame-toggle:disabled{cursor:default;opacity:.32}.top-right-actions .top-reset-frame-toggle:disabled:hover{color:var(--pill-ink);background:0 0}.top-right-actions .top-upload-button{background:0 0}.top-performance-toggle[aria-pressed=true]{color:#22a06b}.top-performance-gauge path:first-child{transform-origin:12px 14px;transition:transform .24s;transform:rotate(0)}.top-performance-toggle[aria-pressed=true] .top-performance-gauge path:first-child{transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.top-performance-gauge path:first-child{transition:none}}.info-popover-anchor{flex:none;width:58px;height:40px;position:relative}.info-popover-button{cursor:pointer;border:1px solid var(--ink);width:58px;height:40px;padding:0;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.info-popover-button{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.info-popover-button{background:var(--pill-bg);color:var(--pill-ink);box-shadow:var(--sleek-surface-shadow);border-radius:20px;font-size:11px;font-weight:500;transition:color .16s,background-color .16s}html:not(.is-dark-ui) .info-popover-button{background:#fff}.info-popover-button:hover{color:var(--island-hover-blue);background:var(--pill-bg-hover)}.info-popover{--info-popover-shell:#f5f6f7;z-index:90;background:var(--info-popover-shell);color:#21201c;border:0;border-radius:12px;width:364px;height:auto;max-height:calc(100dvh - 84px);padding:4px;position:absolute;top:0;right:0;overflow:hidden auto;box-shadow:0 0 0 1px #00000014,0 2px 2px #0000000a}html.is-dark-ui .info-popover{--info-popover-shell:#202023;color:#f4f4f5}@media (min-width:681px){.top-right-toolbar>.info-popover-anchor.is-trigger-hidden{width:0;height:0;position:absolute}.top-right-toolbar>.info-popover-anchor.is-trigger-hidden>.info-popover{transform-origin:100% 0;position:fixed;top:68px;right:22px}}.info-popover-title{z-index:2;color:#43423d;pointer-events:none;align-items:center;gap:8px;font-size:14px;font-weight:400;line-height:20px;display:flex;position:absolute;top:17px;left:16px}.info-popover-title .wordmark-logo{width:24px;height:24px}.info-popover-title .wordmark-logo-core{width:18px;height:18px}.info-popover-title .wordmark-logo-half{width:12px;height:12px}.info-popover-version-badge{z-index:2;color:#8b8b92;letter-spacing:.045em;text-transform:uppercase;pointer-events:none;align-items:center;gap:7px;font-size:9px;font-weight:500;line-height:18px;display:flex;position:absolute;top:20px;right:16px}.info-popover-version-badge strong{color:#28272b;font-size:9px;font-weight:600}html.is-dark-ui .info-popover-version-badge strong{color:#e4e4e7}html.is-dark-ui .info-popover-title{color:#b8b8bd}.info-popover-panel{background:#fff;border:1px solid #e6e7e8;border-radius:8px;flex-direction:column;justify-content:flex-start;width:100%;height:auto;padding:52px 10px 14px;display:flex;position:relative}html.is-dark-ui .info-popover-panel{background:#151517;border-color:#343439}.info-popover-credits{color:#8b8b92;border-bottom:1px dashed #e6e7e8;gap:7px;padding:17px 2px;font-size:11px;display:grid}html.is-dark-ui .info-popover-credits{border-color:#3f3f46}.info-popover-credit-row,.info-popover-credit-row>div{align-items:center;min-width:0;display:flex}.info-popover-credit-row{color:#28272b;gap:4px}.info-popover-demo-assets-row{margin-top:14px}html.is-dark-ui .info-popover-credit-row{color:#e4e4e7}.info-popover-credit-row>div{gap:5px}.info-popover-credits a{color:inherit;text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.info-popover-credits a{-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent)}}.info-popover-credits a{text-underline-offset:3px}.info-popover-credits a:hover{color:var(--island-hover-blue)}.info-popover-waitlist{border-top:1px dashed #e6e7e8;border-bottom:1px dashed #e6e7e8;gap:7px;padding:17px 2px;display:grid;position:relative}html.is-dark-ui .info-popover-waitlist{border-color:#3f3f46}.info-popover-waitlist label,.info-popover-credit-row>span{color:#8b8b92;letter-spacing:.045em;text-transform:uppercase;font-size:10px;font-weight:500;line-height:1.2}.info-popover-waitlist-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.info-popover-waitlist input{color:#27262b;background:#f4f4f6;border:1px solid #e1e2e5;border-radius:9px;outline:0;width:100%;min-width:0;height:36px;padding:0 12px;font-size:11px;transition:border-color .15s,box-shadow .15s}.info-popover-waitlist input::placeholder{color:#a4a4ad;text-transform:uppercase}.info-popover-waitlist input:focus{border-color:var(--feedback-send-blue)}@supports (color:color-mix(in lab, red, red)){.info-popover-waitlist input:focus{border-color:color-mix(in srgb, var(--feedback-send-blue) 48%, transparent)}}.info-popover-waitlist input:focus{box-shadow:0 0 0 3px var(--feedback-send-blue)}@supports (color:color-mix(in lab, red, red)){.info-popover-waitlist input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--feedback-send-blue) 12%, transparent)}}.info-popover-waitlist button{cursor:pointer;color:#fff;text-transform:uppercase;background:#08080a;border:0;border-radius:9px;width:76px;height:36px;padding:0 10px;font-size:10px;font-weight:600}.info-popover-waitlist button:hover:not(:disabled){background:#242427}.info-popover-waitlist button>span{justify-content:center;align-items:center;gap:5px;display:inline-flex}.info-popover-waitlist :is(input,button):disabled{cursor:default;opacity:.62}.info-popover-waitlist button[data-success=true]:disabled{opacity:1}.info-popover-waitlist p{color:#d74636;margin:0;font-size:9px;line-height:10px;position:absolute;bottom:1px;right:2px}html.is-dark-ui .info-popover-waitlist input{color:#f4f4f5;background:#202023;border-color:#343439}html.is-dark-ui .info-popover-waitlist button{color:#171719;background:#f4f4f5}html.is-dark-ui .info-popover-waitlist button:hover:not(:disabled){background:#fff}.info-popover-links{grid-template-columns:1fr 1.2fr;gap:7px;padding-top:14px;display:grid}.info-popover-links a{color:#35343a;background:#f0f1f3;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:34px;font-size:11px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.info-popover-links a:hover{filter:brightness(1.06)}.info-popover-links a:first-child{color:#fff;background:#5865f2}.info-popover-links a:last-child{color:#fff;background:#000}html.is-dark-ui .info-popover-links a{color:#fff}html.is-dark-ui .info-popover-links a:first-child{background:#5865f2}html.is-dark-ui .info-popover-links a:last-child{background:#000}@media (max-width:680px){.info-popover-anchor{display:contents}}.account-control{align-items:center;gap:4px;display:flex;position:relative}.account-profile{position:static}.account-auth-ctas{align-items:center;gap:4px;display:inline-flex}.top-account-button{cursor:pointer;min-width:0;height:32px;color:var(--ink);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 12px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.top-account-button{color:color-mix(in srgb, var(--ink) 50%, transparent)}}.top-account-button{white-space:nowrap;font-size:11px;font-weight:500;transition:background-color .16s,color .16s,opacity .14s,transform .15s}.top-account-button:hover{color:#000}html.is-dark-ui .top-account-button:hover{color:#fff}.top-account-button:active{transform:scale(.96)}.top-account-button:disabled{cursor:default;opacity:.45}.top-account-button.is-signup{background:var(--ink);padding:0 15px}@supports (color:color-mix(in lab, red, red)){.top-account-button.is-signup{background:color-mix(in srgb, var(--ink) 8%, transparent)}}.top-account-button.is-signup{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.top-account-button.is-signup{color:color-mix(in srgb, var(--ink) 50%, transparent)}}.top-account-button.is-signup:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.top-account-button.is-signup:hover{background:color-mix(in srgb, var(--ink) 13%, transparent)}}.top-account-button.is-signup:hover{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.top-account-button.is-signup:hover{color:color-mix(in srgb, var(--ink) 50%, transparent)}}.top-account-button.is-authenticated{min-width:48px;height:34px;color:var(--pill-ink);background:0 0;padding:0 7px 0 4px}.top-account-button.is-authenticated:hover{color:var(--pill-ink-hover);background:0 0}.top-account-button.is-authenticated.is-guest-menu{width:34px;min-width:34px;padding:0}.account-menu-trigger-icon{place-items:center;width:26px;height:26px;display:grid;position:relative}.account-menu-trigger-notification{background:var(--operator-blue);border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:1px}.top-pro-cta{cursor:pointer;background:var(--limit-soft);min-width:0;height:32px;color:var(--limit);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:600;transition:background-color .16s,transform .15s,color .16s;display:inline-flex}.top-pro-cta:hover{background:var(--limit)}@supports (color:color-mix(in lab, red, red)){.top-pro-cta:hover{background:color-mix(in srgb, var(--limit) 14%, var(--limit-soft))}}.top-pro-cta:active{transform:scale(.96)}.account-avatar,.account-menu-avatar{background:0 0;border-radius:50%;place-items:center;font-weight:760;display:grid;overflow:hidden}.account-avatar:not(.has-image),.account-menu-avatar:not(.has-image){background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.account-avatar:not(.has-image),.account-menu-avatar:not(.has-image){background:color-mix(in srgb, var(--ink) 8%, transparent)}}.account-avatar:not(.has-image),.account-menu-avatar:not(.has-image){color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.account-avatar:not(.has-image),.account-menu-avatar:not(.has-image){color:color-mix(in srgb, var(--ink) 50%, transparent)}}.account-avatar img,.account-menu-avatar img{object-fit:cover;width:100%;height:100%;display:block}.account-avatar{width:26px;height:26px;font-size:10px}.account-avatar.is-loading{position:relative;overflow:hidden}.account-avatar.is-loading:after{background:linear-gradient(90deg, transparent, var(--ink), transparent);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.account-avatar.is-loading:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ink) 12%, transparent), transparent)}}.account-avatar.is-loading:after{content:"";animation:1.4s ease-in-out infinite account-avatar-shimmer;transform:translate(-100%)}@keyframes account-avatar-shimmer{55%,to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.account-avatar.is-loading:after{display:none}}.account-menu{z-index:200;color:#222226;background:#fff;border:1px solid #e5e5e8;border-radius:16px;width:240px;padding:7px;position:absolute;top:calc(100% + 11px);right:-4px;box-shadow:0 14px 42px #1414181a}.account-menu.is-shortcuts{width:min(342px,100vw - 44px);max-height:calc(100vh - 86px);overflow-y:auto}.shortcut-help-content{display:grid}html.is-dark-ui .account-menu{color:#f2f2f4;background:#151517;border-color:#29292e;box-shadow:0 14px 42px #0000003d}.account-menu-identity{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.account-menu-avatar{width:34px;height:34px;font-size:12px}.account-menu-identity>span:last-child{gap:2px;min-width:0;display:grid}.account-menu-identity strong,.account-menu-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu-identity strong{min-width:0;font-size:11px;font-weight:500}.account-menu-name-row{align-items:center;gap:6px;min-width:0;display:flex}.account-menu-identity small{color:#8a8a92;font-size:11px;font-weight:400}.account-plan-badge{letter-spacing:.01em;border-radius:999px;flex:none;align-items:center;width:max-content;min-height:18px;padding:0 7px;font-size:9px;font-style:normal;font-weight:600;display:inline-flex}.account-plan-badge.is-free{background:var(--feedback-send-blue)}@supports (color:color-mix(in lab, red, red)){.account-plan-badge.is-free{background:color-mix(in srgb, var(--feedback-send-blue) 16%, #fff)}}.account-plan-badge.is-free{color:var(--feedback-send-blue)}.account-plan-badge.is-pro{background:var(--limit-soft);color:var(--limit)}.account-plan-badge.is-unlimited{color:#353a00;background:#f5ff63}html.is-dark-ui .account-plan-badge.is-free{background:var(--feedback-send-blue)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .account-plan-badge.is-free{background:color-mix(in srgb, var(--feedback-send-blue) 22%, #171719)}}html.is-dark-ui .account-plan-badge.is-free{color:#7ec8ff}html.is-dark-ui .account-plan-badge.is-pro{background:var(--limit-soft);color:var(--limit)}html.is-dark-ui .account-plan-badge.is-unlimited{color:#252900;background:#f5ff63}.account-menu-allowance{gap:0;margin:0 0 6px;padding:0 7px;display:grid}.account-menu-allowance-heading{width:100%;padding:7px 2px 11px;display:block}.account-menu-allowance-heading-title{font-size:11px;font-weight:500;display:block}.usage-remaining-button{cursor:pointer;border:1px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;height:40px;padding:0 8px 0 14px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.usage-remaining-button{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.usage-remaining-button{background:var(--pill-bg);color:var(--pill-ink);box-shadow:var(--sleek-surface-shadow);white-space:nowrap;border-radius:999px;font-family:inherit;font-size:11px;font-weight:500;transition:color .16s,background-color .16s,transform .15s}.usage-remaining-button:hover{background:var(--pill-bg-hover);color:var(--island-hover-blue)}.usage-remaining-button:active{transform:scale(.97)}.usage-remaining-graph{flex:none;place-items:center;width:26px;height:26px;display:grid;position:relative}.usage-remaining-graph[data-tooltip]:after{z-index:220;pointer-events:none;border:1px solid var(--ink);min-height:24px;padding:0 9px;position:absolute;top:calc(100% + 8px);left:50%}@supports (color:color-mix(in lab, red, red)){.usage-remaining-graph[data-tooltip]:after{border:1px solid color-mix(in srgb, var(--ink) 9%, transparent)}}.usage-remaining-graph[data-tooltip]:after{background:var(--pill-bg);color:var(--pill-ink-hover);content:attr(data-tooltip);opacity:0;white-space:nowrap;border-radius:999px;font-size:10px;font-weight:500;line-height:24px;transition:opacity .12s,translate .14s;translate:-50% -3px;box-shadow:0 6px 18px #1212141f}.usage-remaining-graph[data-tooltip]:hover:after{opacity:1;translate:-50%}html:not(.is-dark-ui) .usage-remaining-graph[data-tooltip]:after{color:#252329;background:#f1f2f4;border-color:#1d1d201a;box-shadow:0 6px 18px #0f172a1a}.usage-remaining-ring{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.usage-remaining-count{fill:var(--pill-ink);font-variant-numeric:tabular-nums;pointer-events:none;font-size:8px;font-weight:600}.account-menu-allowance-heading small{color:#8a8a92;margin-top:3px;font-size:11px;font-weight:400;display:block}.account-menu-allowance-items{gap:13px;padding:3px 2px 14px;display:grid}.account-menu-allowance-item{grid-template-columns:55px minmax(0,1fr) 32px;align-items:center;gap:7px;display:grid}.account-menu-allowance-title{white-space:nowrap;font-size:11px;font-weight:500}.account-menu-allowance-value{color:#8a8a92;font-variant-numeric:tabular-nums;text-align:right;font-size:11px;font-weight:400}.account-menu-allowance-meter{background:#e2e5ea;border-radius:999px;width:100%;height:7px;display:block;overflow:hidden}.account-menu-allowance-fill{border-radius:inherit;background:var(--operator-blue);height:100%;transition:width .28s;display:block}.account-menu-usage-resets{border-top:1px solid #ececef;margin:0 2px 14px;padding-top:12px;display:grid}.account-menu-usage-resets-toggle{cursor:pointer;width:100%;min-height:30px;color:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0;font-family:inherit;display:flex}.account-menu-usage-resets-toggle>strong,.account-menu-usage-reset-copy strong{font-size:11px;font-weight:500}.account-menu-usage-resets-toggle:disabled{cursor:default}.account-menu-usage-resets-toggle-end{align-items:center;gap:6px;display:inline-flex}.account-menu-usage-resets-toggle-end>svg{transition:transform .16s}.account-menu-usage-resets-toggle-end>svg.is-open{transform:rotate(180deg)}.account-menu-usage-resets-badge{color:#05843d;white-space:nowrap;background:#d4fbe2;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.account-menu-usage-reset-list{margin-top:6px;display:grid}.account-menu-usage-reset-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;display:grid}.account-menu-usage-reset-copy{gap:3px;display:grid}.account-menu-usage-reset-copy small,.account-menu-usage-reset-message{color:#8a8a92;font-size:10px;font-weight:400}.account-menu-usage-reset-button{cursor:pointer;color:#28282c;white-space:nowrap;background:#fff;border:1px solid #dedee2;border-radius:9px;justify-content:center;align-items:center;gap:5px;height:29px;padding:0 10px;font-family:inherit;font-size:10px;font-weight:600;transition:background-color .16s,transform .15s;display:inline-flex;box-shadow:0 1px 2px #1414180d}.account-menu-usage-reset-button:hover:not(:disabled){background:#f4f4f6}.account-menu-usage-reset-button:active:not(:disabled){transform:scale(.96)}.account-menu-usage-reset-button:disabled{cursor:default;opacity:.45}.account-menu-usage-reset-button.is-waiting:disabled{opacity:1}.account-menu-usage-reset-message{margin-top:7px;display:block}.account-menu-allowance-upgrade{cursor:pointer;appearance:none;width:calc(100% + 14px);color:var(--limit);background:0 0;border:0;justify-content:center;align-items:center;margin:0 -7px 5px;padding:0;display:flex}.account-menu-allowance-upgrade-pill{background:var(--limit-soft);width:100%;height:32px;color:var(--limit);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:600;transition:background-color .16s,transform .15s,color .16s;display:inline-flex}.account-menu-allowance-upgrade-pill>svg{flex:none;display:block}.account-menu-allowance-upgrade:hover .account-menu-allowance-upgrade-pill{background:var(--limit)}@supports (color:color-mix(in lab, red, red)){.account-menu-allowance-upgrade:hover .account-menu-allowance-upgrade-pill{background:color-mix(in srgb, var(--limit) 14%, var(--limit-soft))}}.account-menu-allowance-upgrade:active .account-menu-allowance-upgrade-pill{transform:scale(.96)}.account-menu-allowance-upgrade:disabled{cursor:wait;opacity:.6}html.is-dark-ui .account-menu-allowance-meter{background:#343439}html.is-dark-ui .account-menu-usage-resets{border-top-color:#2a2a2e}html.is-dark-ui .account-menu-usage-resets-badge{color:#75f2a6;background:#164b2d}html.is-dark-ui .account-menu-identity small,html.is-dark-ui .account-menu-allowance-heading small,html.is-dark-ui .account-menu-allowance-value,html.is-dark-ui .account-menu-usage-reset-copy small,html.is-dark-ui .account-menu-usage-reset-message{color:#96969e}.account-menu-divider{background:#ececef;height:1px;margin:4px 8px}html.is-dark-ui .account-menu-divider{background:#2a2a2e}.account-menu-action-button{cursor:pointer;width:100%;height:34px;color:inherit;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 9px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.account-menu-mobile-preferences{display:none}.account-menu-preference-state{color:#8a8a92;margin-left:auto;font-size:9px;font-weight:560}.account-menu-action-button+.account-menu-action-button{margin-top:2px}.account-menu-action-button:hover{background:#f2f2f2}.account-signout-button:hover{color:#ff1f14}.account-menu-action-button:disabled{cursor:wait;opacity:.55}.account-menu-auth-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.account-menu-auth-divider{margin-top:7px;margin-bottom:7px}.account-menu-auth-actions .account-menu-action-button{justify-content:center;margin-top:0}.account-menu-login-button{background:#f2f2f2}.account-menu-login-button:hover{background:#e8e8ea}.account-menu-signup-button{background:var(--operator-blue);color:#fff;justify-content:center}.account-menu-signup-button:hover{background:#1f70ed}html.is-dark-ui .account-menu-login-button{background:#252529}html.is-dark-ui .account-menu-login-button:hover{background:#303035}.account-billing-message{color:#b42318;margin:2px 9px 5px;font-size:9px;line-height:1.35}html.is-dark-ui .account-menu-action-button:hover{background:#202023}html.is-dark-ui .account-menu-action-button.account-menu-signup-button:hover{background:#1f70ed}@media (max-width:680px){.account-menu-mobile-preferences{display:block}.account-menu-extension-button,.account-menu-trigger-notification{display:none}}.feedback-popover-anchor{flex:none;width:82px;height:40px;position:relative}.feedback-popover-button{border:1px solid var(--ink)}@supports (color:color-mix(in lab, red, red)){.feedback-popover-button{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.feedback-popover-button{background:var(--pill-bg);color:var(--pill-ink);box-shadow:var(--sleek-surface-shadow)}html:not(.is-dark-ui) .feedback-popover-button{background:#fff}.feedback-popover-button{cursor:pointer;border-radius:20px;width:82px;height:40px;padding:0;font-size:11px;font-weight:500;transition:color .16s,background-color .16s;position:absolute;inset:0}.feedback-popover-button:hover{color:var(--island-hover-blue);background:var(--pill-bg-hover)}.feedback-popover{--feedback-popover-shell:#f5f6f7;z-index:90;background:var(--feedback-popover-shell);color:#21201c;border:0;border-radius:12px;width:364px;height:187px;padding:4px;position:absolute;top:0;right:0;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 2px 2px #0000000a}html.is-dark-ui .feedback-popover{--feedback-popover-shell:#202023;color:#f4f4f5}@media (min-width:681px){.top-right-toolbar>.feedback-popover-anchor.is-trigger-hidden{width:0;height:0;position:absolute}.top-right-toolbar>.feedback-popover-anchor.is-trigger-hidden>.feedback-popover{transform-origin:100% 0;position:fixed;top:68px;right:22px}}.feedback-popover-placeholder{z-index:1;color:#43423d;pointer-events:none;font-size:14px;font-weight:400;line-height:20px;transition:opacity .14s;position:absolute;top:17px;left:16px}html.is-dark-ui .feedback-popover-placeholder{color:#b8b8bd}.feedback-popover-placeholder[data-feedback=true],.feedback-popover-placeholder[data-success=true]{opacity:0;visibility:hidden;transition:none}.feedback-popover-form{background:#fff;border:1px solid #e6e7e8;border-radius:8px;width:100%;height:178px;display:block;position:relative;overflow:visible}html.is-dark-ui .feedback-popover-form{background:#151517;border-color:#343439}.feedback-popover-form textarea{resize:none;color:#000;width:100%;height:128px;font:inherit;background:#fff;border:0;border-radius:8px 8px 0 0;outline:0;padding:12px;font-size:14px;font-weight:400;line-height:20px}.feedback-popover-form textarea::placeholder{color:#0000}html.is-dark-ui .feedback-popover-form textarea{color:#f4f4f5;background:#151517}.feedback-popover-message{z-index:2;color:#d74636;margin:0;font-size:9px;line-height:14px;position:absolute;bottom:15px;left:10px;right:120px}.feedback-popover-footer{color:#e6e7e8;align-items:center;width:100%;height:48px;padding:0 10px;display:flex;position:relative}.feedback-popover-dotted-line{color:#e6e7e8;pointer-events:none;width:100%;position:absolute;top:-1px;left:0}.feedback-popover-half-circle{color:#e6e7e8;width:6px;height:12px;display:block;position:absolute;top:0;transform:translate(-1.5px,-50%)}.feedback-popover-half-circle.is-left{left:0}.feedback-popover-half-circle.is-right{right:0;transform:translate(1.5px,-50%)rotate(180deg)}html.is-dark-ui .feedback-popover-dotted-line,html.is-dark-ui .feedback-popover-half-circle{color:#3f3f46}.feedback-popover-submit{cursor:pointer;background:var(--feedback-send-blue);color:#fff;border:0;border-radius:6px;justify-content:center;align-items:center;width:104px;height:24px;margin-left:auto;padding:0 8px;font-size:12px;font-weight:600;line-height:16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 1px 1px #ffffff14,0 1px 1.5px #00000052,0 0 0 .5px #1a94ff}.feedback-popover-submit>span{justify-content:center;align-items:center;display:inline-flex}.feedback-popover-submit:hover:not(:disabled){background:linear-gradient(#2a9cff,#1b81ff)}.feedback-popover-submit:disabled{cursor:default;opacity:.42}.feedback-popover-spinner{animation:.8s linear infinite auth-spin}.feedback-popover-success{text-align:center;align-content:center;justify-items:center;gap:6px;width:100%;height:179px;padding:22px;display:grid}.feedback-popover-check{margin-bottom:3px}.feedback-popover-success h3{letter-spacing:-.015em;margin:0;font-size:13px;font-weight:740}.feedback-popover-success p{color:var(--ink);margin:0}@supports (color:color-mix(in lab, red, red)){.feedback-popover-success p{color:color-mix(in srgb, var(--ink) 48%, transparent)}}.feedback-popover-success p{font-size:10px;line-height:1.45}.auth-overlay{z-index:1500;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#12121642;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-dialog{color:#202024;background:#fff;border:1px solid #e4e4e7;border-radius:18px;width:min(340px,100vw - 32px);padding:22px;position:relative;box-shadow:0 22px 65px #14141824}html.is-dark-ui .auth-overlay{background:#00000070}html.is-dark-ui .auth-dialog{color:#f4f4f5;background:#151517;border-color:#2d2d32;box-shadow:0 22px 65px #0000005c}.auth-close{cursor:pointer;color:#8a8a92;background:#f2f2f2;border:0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:12px;right:12px}.auth-close:hover{color:#28282c;background:#e8e8e8}html.is-dark-ui .auth-close{color:#8a8a92;background:#242427}html.is-dark-ui .auth-close:hover{color:#fff;background:#2e2e32}.auth-heading{text-align:left;justify-items:start;gap:12px;margin:0 24px 18px 0;display:grid}.auth-heading h2{letter-spacing:-.02em;margin:0;font-size:15px;font-weight:580}.auth-heading p{color:#85858d;max-width:280px;margin:6px 0 0;font-size:11px;line-height:1.45}.auth-benefits{gap:8px;margin:-2px 0 18px;padding:0;list-style:none;display:grid}.auth-benefits li{color:#55555d;align-items:center;gap:8px;font-size:10px;line-height:1.35;display:flex}.auth-benefits li>span{color:#55555d;background:#e5e5e8;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}html.is-dark-ui .auth-benefits li{color:#b4b4ba}html.is-dark-ui .auth-benefits li>span{color:#c7c7cc;background:#2d2d32}.auth-primary-button,.auth-back-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 14px;font-size:11px;font-weight:680;display:flex}.gsi-material-button{cursor:pointer;-webkit-user-select:none;user-select:none;color:#1f1f1f;letter-spacing:.25px;text-align:center;vertical-align:middle;white-space:nowrap;background-color:#fff;background-image:none;border:1px solid #e4e4e7;border-radius:999px;outline:none;width:100%;min-width:min-content;height:40px;padding:0 12px;font-family:Roboto,Arial,sans-serif;font-size:14px;transition:background-color .18s,border-color .18s;position:relative;overflow:hidden}.gsi-material-button-state{opacity:0;transition:opacity .18s;position:absolute;inset:0}.gsi-material-button-content-wrapper{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:relative}.gsi-material-button-icon{width:20px;min-width:20px;height:20px;margin-right:12px}.gsi-material-button-contents{text-overflow:ellipsis;vertical-align:top;flex-grow:1;font-weight:500;overflow:hidden}.gsi-material-button:not(:disabled):hover{box-shadow:none;background-color:#f2f2f4;border-color:#d4d4d8}.gsi-material-button:not(:disabled):hover .gsi-material-button-state,.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus-visible .gsi-material-button-state{opacity:0}.gsi-material-button:disabled{cursor:default;color:#1f1f1f61;background:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-icon{opacity:.38}html.is-dark-ui .gsi-material-button{color:#e3e3e3;background-color:#131314;border-color:#2d2d32}html.is-dark-ui .gsi-material-button:not(:disabled):hover{box-shadow:none;background-color:#242427;border-color:#3a3a40}html.is-dark-ui .gsi-material-button:not(:disabled):hover .gsi-material-button-state,html.is-dark-ui .gsi-material-button:not(:disabled):active .gsi-material-button-state,html.is-dark-ui .gsi-material-button:not(:disabled):focus-visible .gsi-material-button-state{opacity:0}html.is-dark-ui .gsi-material-button:disabled{color:#e3e3e361;background:#13131461;border-color:#e3e3e31f}.auth-divider{color:#9a9aa2;letter-spacing:.06em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:14px 0;font-size:9px;font-weight:680;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:#ececef;height:1px}html.is-dark-ui .auth-divider:before,html.is-dark-ui .auth-divider:after{background:#2a2a2e}.auth-dialog form,.auth-sent-actions{gap:10px;display:grid}.auth-dialog form label{color:#6f6f78;letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:720}html.is-dark-ui .auth-dialog form label{color:#8f8f98}.auth-dialog form input{width:100%;height:40px;box-shadow:none;color:#202024;font:inherit;background:#f2f2f4;border:1px solid #0000;border-radius:12px;outline:none;padding:0 12px;font-size:12px}.auth-dialog form input:focus,.auth-dialog form input:focus-visible{box-shadow:none;border-color:#0000;outline:none}.auth-dialog form input.auth-otp-input{text-align:center;letter-spacing:.48em;font-variant-numeric:tabular-nums;height:48px;padding:0 8px 0 18px;font-size:22px;font-weight:620}html.is-dark-ui .auth-dialog form input{color:#f4f4f5;background:#1f1f22;border-color:#0000}.auth-primary-button{color:#fff;background:#1e1e22;border:0}.auth-primary-button:hover:not(:disabled){background:#000}html.is-dark-ui .auth-primary-button{background:var(--action-accent);color:var(--action-accent-ink)}html.is-dark-ui .auth-primary-button:hover:not(:disabled){background:var(--action-accent-hover)}.auth-primary-button:disabled,.auth-back-button:disabled,.auth-close:disabled{cursor:default;opacity:.45}.auth-back-button{color:#8a8a92;background:0 0;border:0;min-height:34px}.auth-back-button:hover:not(:disabled){color:#28282c}.auth-intent-switch{cursor:pointer;color:#777780;background:0 0;border:0;width:100%;margin:13px 0 -4px;padding:5px;font-size:11px;font-weight:400;display:block}.auth-intent-switch:hover:not(:disabled){color:#202024}.auth-intent-switch:disabled{cursor:default;opacity:.45}html.is-dark-ui .auth-intent-switch:hover:not(:disabled),html.is-dark-ui .auth-back-button:hover:not(:disabled){color:#f4f4f5}.auth-message{color:#d74636;margin:12px 0 0;font-size:11px;line-height:1.4}.auth-spinner{animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.top-sound-toggle:active,.top-reset-frame-toggle:active:not(:disabled),.top-theme-toggle:active{transform:scale(.94)}.top-corner-upload.top-upload-button{position:relative;top:auto;right:auto}.top-reset-button{cursor:pointer;background:var(--pill-bg);height:34px;color:var(--pill-ink);border:0;border-radius:999px;padding:0 13px;font-size:10px;font-weight:650;transition:background-color .16s,color .16s,opacity .16s,transform .16s}.top-upload-button{cursor:pointer;background:var(--pill-bg);height:34px;color:var(--pill-ink);border:0;border-radius:999px;align-items:center;padding:0 13px;font-size:10px;font-weight:650;transition:background-color .16s,color .16s,opacity .16s,transform .16s;display:inline-flex;position:relative}.top-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.top-upload-button:hover{background:var(--pill-bg-hover);color:var(--pill-ink-hover);transform:scale(1.025)}.top-right-actions .top-upload-button:hover,.top-right-actions .sound-toggle:hover{color:var(--island-hover-blue);background:0 0}.top-upload-button:active{transform:scale(.96)}.top-upload-button:focus-within{outline-offset:2px;outline:2px solid #2563eb59}.top-upload-button:disabled{cursor:not-allowed;opacity:.4;transform:none}.top-upload-button:has(input:disabled){cursor:not-allowed;opacity:.4;transform:none}.top-reset-button:hover:not(:disabled){background:var(--pill-bg-hover);color:var(--pill-ink-hover);transform:scale(1.025)}.top-reset-button:active:not(:disabled){transform:scale(.96)}.top-reset-button:disabled{cursor:not-allowed;opacity:.4}.pill-capture-wrap{flex:none;display:inline-flex;position:relative;overflow:visible}.pill-capture-wrap[data-tooltip]:after{z-index:120;pointer-events:none;border:1px solid var(--ink);min-height:24px;padding:0 9px;position:absolute;bottom:calc(100% + 8px);left:50%}@supports (color:color-mix(in lab, red, red)){.pill-capture-wrap[data-tooltip]:after{border:1px solid color-mix(in srgb, var(--ink) 9%, transparent)}}.pill-capture-wrap[data-tooltip]:after{background:var(--pill-bg);color:var(--pill-ink-hover);content:attr(data-tooltip);opacity:0;white-space:nowrap;border-radius:999px;font-size:10px;font-weight:500;line-height:24px;transition:opacity .12s,translate .14s;translate:-50% 3px;box-shadow:0 6px 18px #1212141f}.pill-capture-wrap[data-tooltip]:hover:after,.pill-capture-wrap[data-tooltip]:focus-within:after{opacity:1;translate:-50%}html:not(.is-dark-ui) .pill-capture-wrap[data-tooltip]:after{color:#252329;background:#f1f2f4;border-color:#1d1d201a;box-shadow:0 6px 18px #0f172a1a}.pill-capture-button{z-index:2;cursor:pointer;background:var(--action-accent);width:64px;max-width:64px;height:32px;color:var(--action-accent-ink);box-shadow:none;white-space:nowrap;transform-origin:0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;margin-left:3px;margin-right:3px;padding:0;font-size:11px;font-weight:750;display:inline-flex;position:relative;overflow:hidden}.pill-capture-button.is-collapsed{pointer-events:none;min-width:0;margin-right:0}.pill-capture-button.is-collapsed:disabled{opacity:1}.pill-capture-shutter{width:calc(100% - 4px);height:calc(100% - 4px);color:var(--pill-bg);border:2px solid;border-radius:999px;display:block}.pill-capture-wrap.is-video .pill-capture-button{--pill-rec-ring-opacity:0;color:#fff;background:#e23b36}.pill-capture-wrap.is-video .pill-capture-button:before{content:"";opacity:var(--pill-rec-ring-opacity);pointer-events:none;border:2px solid #17171a;border-radius:999px;position:absolute;inset:2px}.pill-capture-wrap.is-video .pill-capture-button:hover:not(:disabled){background:#ef4943}.pill-capture-wrap.is-video.is-recording .pill-capture-button:disabled{cursor:default;opacity:1}.pill-capture-rec{z-index:1;letter-spacing:.055em;align-items:center;gap:5px;font-size:10px;font-weight:800;display:inline-flex;position:relative}.pill-capture-rec>span{background:currentColor;border-radius:50%;width:7px;height:7px}.pill-capture-wrap.is-recording .pill-capture-rec>span{animation:.9s ease-in-out infinite alternate pill-rec-pulse}@keyframes pill-rec-pulse{to{opacity:.38}}.topbar-utility-controls:has(.top-lens-island.is-expanded) .pill-capture-button{pointer-events:none;opacity:0!important;max-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.pill-capture-button:hover:not(:disabled){background:var(--action-accent-hover)}.pill-capture-button:disabled{cursor:not-allowed;opacity:.4}.theme-control{position:relative}.background-cycle-button{cursor:pointer;background:var(--pill-bg);border:0;border-radius:999px;place-items:center;width:36px;height:36px;padding:0;transition:background-color .16s,transform .16s;display:grid}.background-cycle-button:hover{background:var(--pill-bg-hover);transform:scale(1.035)}.background-cycle-button:active{transform:scale(.94)}.background-cycle-swatch{width:20px;height:20px;box-shadow:0 0 0 2px var(--app-bg), 0 0 0 3px #1d1d201f;border:1px solid #1d1d201f;border-radius:50%;animation:.28s cubic-bezier(.22,1,.36,1) theme-swatch-pop}html.is-dark-ui .background-cycle-swatch{box-shadow:0 0 0 2px var(--pill-bg), 0 0 0 3px #ffffff1f;border-color:#ffffff24}.theme-option-white{background:#fff}.theme-option-light-gray{background:#f5f5f7}.theme-option-black{background:#000}.custom-color-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.sound-toggle-icon{animation:.24s cubic-bezier(.22,1,.36,1) both control-icon-pop;display:inline-flex}.mode-toggle{background:var(--pill-bg);isolation:isolate;border-radius:999px;grid-template-columns:repeat(2,1fr);width:176px;height:36px;padding:3px;display:grid;position:relative}.mode-toggle-active{z-index:-1;background:#3b82f4;border-radius:999px;width:calc(50% - 3px);height:30px;transition:transform .26s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #18181b14}.mode-toggle-active.mode-animation{transform:translate(100%)}.mode-toggle button{z-index:1;cursor:pointer;color:#8a8790;background:0 0;border:0;border-radius:999px;padding:0;font-size:12px;font-weight:650;transition:color .16s}.mode-toggle button[aria-pressed=true]{color:#fff}@keyframes theme-swatch-pop{0%{opacity:.55;transform:rotate(-24deg)scale(.62)}65%{transform:rotate(5deg)scale(1.12)}}@keyframes control-icon-pop{0%{opacity:.45;transform:scale(.65)}}.topbar-controls{scrollbar-width:none;justify-content:center;align-items:center;gap:14px;min-width:0;display:flex;overflow-x:auto}.topbar-controls::-webkit-scrollbar{display:none}.topbar-control-group{flex:none;align-items:center;gap:8px;display:flex}.topbar-control-group>small{color:#94929a;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.topbar-divider{background:var(--line);flex:none;width:1px;height:24px}.topbar-ratios,.topbar-backdrops{align-items:center;gap:4px;display:flex}.topbar-ratios button{cursor:pointer;color:#8c8b92;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;min-width:36px;height:34px;padding:3px 5px;font-size:12px;display:grid}.topbar-ratios button>span{border:1px solid;width:14px;max-height:13px;display:block}.topbar-ratios button:hover,.topbar-ratios button.active{color:#3b82f4;background:#eff6ff;border-color:#bfdbfe}.topbar-backdrops button,.topbar-custom-backdrop{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:30px;height:34px;padding:0;display:grid;position:relative}.topbar-backdrops button:hover,.topbar-backdrops button.active,.topbar-custom-backdrop:hover,.topbar-custom-backdrop.active{background:#f7f7f8;border-color:#dedde2}.topbar-backdrops .swatch,.topbar-custom-backdrop .swatch{width:19px;height:19px}.topbar-custom-backdrop input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.topbar-actions{align-items:center;gap:6px;display:flex}.topbar-action-or{color:#aaa8b0;letter-spacing:.08em;font-size:12px;font-weight:700}.topbar-actions a,.topbar-actions label{cursor:pointer;color:#55525c;white-space:nowrap;background:#fff;border:1px solid #dedde2;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:0;height:34px;padding:0 9px;font-size:12px;font-weight:650;line-height:1;text-decoration:none;display:inline-flex}.topbar-actions a:hover,.topbar-actions label:hover{color:#242329;border-color:#c8c5cf}.upload-cta{position:relative}.upload-cta input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.upload-cta:focus-within{outline-offset:2px;outline:2px solid #2563eb59}.nice-shadow-xs{box-shadow:0 2px 6px #959da514}.nice-shadow-sm{box-shadow:0 1px 2px #0000001a}.wordmark{color:var(--ink);letter-spacing:-.03em;-webkit-user-select:none;user-select:none;pointer-events:none;align-items:center;gap:5px;font-size:14px;font-weight:600;display:flex}.wordmark-logo{background:#fff;border:1px solid #0000000f;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.wordmark-logo-core{background:#000;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.wordmark-logo-half{clip-path:inset(0 0 0 50%);background:#fff;border-radius:50%;width:14px;height:14px}html.is-dark-ui .wordmark-logo{border-color:#ffffff1a}.stage-wrap{min-height:0;padding:98px 22px calc(var(--timeline-height,210px) + 54px);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;container-type:size}.workspace.is-photo-mode .stage-wrap{padding-bottom:100px}.workspace.is-video-mode .stage-wrap{padding-bottom:calc(var(--timeline-height,210px) + 116px)}@media (min-width:681px){.workspace.is-photo-mode .stage-wrap,.workspace.is-video-mode .stage-wrap{justify-content:center;padding-top:98px}}.workspace.is-sharing-export:not(.is-rendering-video) .stage-wrap{padding:80px 36px 130px}.workspace.is-sharing-export.is-rendering-video:not(.is-export-ready) .stage-wrap{z-index:1250;position:relative}.workspace.is-export-ready .stage-wrap,.workspace.is-export-ready .capture-stage,.workspace.is-export-ready .capture-stage-shell,.workspace.is-export-ready .frame-anchor,.workspace.is-export-ready .frame-scene,.workspace.is-export-ready .lens-canvas,.workspace.is-export-ready .stage-interaction-layer,.workspace.is-export-ready .video-render-frame-progress{visibility:hidden;opacity:0;pointer-events:none}.workspace.is-switching-studio-mode .capture-stage{transition:background-color .38s cubic-bezier(.22,1,.36,1)}.workspace.is-switching-studio-mode .stage-wrap,.workspace.is-switching-studio-mode .capture-stage-shell{transition:none}.stage-wrap.is-stage-flipping{contain:layout;transition:none}.stage-wrap.is-stage-flipping .capture-stage-shell{transform:translate3d(var(--stage-flip-x,0px), var(--stage-flip-y,0px), 0) scale(var(--stage-flip-s,1));transform-origin:50%;will-change:transform;transition:none}.workspace.is-switching-studio-mode .tracks-timeline{-webkit-backdrop-filter:none;backdrop-filter:none;will-change:opacity}.tracks-timeline{--pill-bg:#f2f2f2;--timeline-surface:#fff;z-index:58;right:0;bottom:var(--timeline-bottom-inset,20px);height:var(--timeline-height,210px);box-shadow:none;touch-action:manipulation;background:0 0;border:0;border-radius:0;position:absolute;left:0;overflow:visible}html.is-dark-ui .tracks-timeline{--pill-bg:#151517;--line:#272729;--timeline-surface:#151517;box-shadow:none;background:0 0;border-color:#0000}.timeline-toolbar{border-bottom:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;height:56px;padding:0 22px;display:grid}.timeline-toolbar-left,.timeline-toolbar-right,.timeline-transport{align-items:center;min-width:0;display:flex}.timeline-transport{flex:none;justify-self:center;position:relative}.timeline-toolbar-left,.timeline-toolbar-right{gap:10px}.timeline-toolbar-left{justify-content:flex-start;width:100%}.timeline-tool-swap-slot{flex:auto;align-items:center;width:100%;min-width:0;display:grid}.timeline-tool-swap-slot>.timeline-shot-tools-motion{grid-area:1/1;justify-self:start}.timeline-tool-swap-slot>.timeline-add-scene-action{will-change:transform, opacity;grid-area:1/1;justify-self:start;transition:background-color .15s,color .15s}.timeline-shot-tools-motion{transform-origin:0;will-change:transform, opacity;flex:none;align-items:center;gap:10px;display:flex}.timeline-track-tools-divider{background:#d2d2d6;flex:0 0 1px;width:1px;height:20px;margin:0 -2px}html.is-dark-ui .timeline-track-tools-divider{background:#3a3a40}.timeline-selected-shot-action>svg,.timeline-selected-shot-action .shot-transition-glyph{width:16px;height:16px}.timeline-toolbar-right{justify-content:flex-end}.timeline-toolbar button[data-tooltip]{position:relative}.timeline-toolbar button[data-tooltip]:after{z-index:120;pointer-events:none;border:1px solid var(--ink);min-height:24px;padding:0 9px;position:absolute;bottom:calc(100% + 8px);left:50%}@supports (color:color-mix(in lab, red, red)){.timeline-toolbar button[data-tooltip]:after{border:1px solid color-mix(in srgb, var(--ink) 9%, transparent)}}.timeline-toolbar button[data-tooltip]:after{background:var(--pill-bg);color:var(--pill-ink-hover);content:attr(data-tooltip);opacity:0;white-space:nowrap;border-radius:999px;font-size:10px;font-weight:500;line-height:24px;transition:opacity .12s,translate .14s;translate:-50% 3px;box-shadow:0 6px 18px #1212141f}.timeline-toolbar button[data-tooltip]:hover:after,.timeline-toolbar button[data-tooltip]:focus-visible:after{opacity:1;translate:-50%}.timeline-toolbar .timeline-selected-shot-screen[data-tooltip]:after{left:0;right:auto;translate:0 3px}.timeline-toolbar .timeline-selected-shot-screen[data-tooltip]:hover:after,.timeline-toolbar .timeline-selected-shot-screen[data-tooltip]:focus-visible:after{translate:0}.timeline-demo-helper{z-index:90;background:var(--operator-blue);color:#fff;white-space:normal;border-radius:16px;gap:6px;width:min(300px,100vw - 64px);padding:12px 14px;display:grid;position:absolute;bottom:0;left:calc(100% + 18px);right:auto;box-shadow:0 12px 30px #1212142e}.timeline-clip.has-demo-helper{z-index:50}.timeline-grid:has(.timeline-clip.has-demo-helper){overflow:visible}.timeline-demo-helper-header{gap:2px;display:grid}.timeline-demo-helper-title{color:#ffffffd9;opacity:1;font-size:13px;font-weight:500;line-height:1.25}.timeline-demo-helper-title .timeline-demo-helper-title-keyword{color:#fff;font-size:inherit;font-weight:700}.timeline-demo-helper p{color:#ffffffe6;overflow-wrap:anywhere;min-width:0;margin:0;font-size:10px;line-height:1.45}.timeline-demo-helper p strong{color:#fff;font-weight:600}.operator-demo-helper{pointer-events:none;width:max-content;max-width:calc(100vw - 40px);inset:calc(100% + 14px) auto auto 50%;translate:-50%}.timeline-demo-helper kbd{color:#fff;vertical-align:-4px;background:#ffffff29;border:1px solid #ffffff75;border-radius:5px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-family:inherit;font-size:10px;font-weight:650;line-height:1;display:inline-grid;box-shadow:0 1px 1px #00000024}.bottom-axis-controls{position:relative}.workspace.has-demo-video-guide{--demo-guide-overlay:#ffffffb8}html.is-dark-ui .workspace.has-demo-video-guide{--demo-guide-overlay:#000000ad}.workspace.has-demo-video-guide:after{z-index:70;background:var(--demo-guide-overlay);content:"";pointer-events:none;position:absolute;inset:0}.workspace.demo-video-guide-start .stage-wrap,.workspace.demo-video-guide-end .stage-wrap,.workspace.demo-video-guide-adjust-end .stage-wrap,.workspace.demo-video-guide-playback .stage-wrap,.workspace.demo-video-guide-interest-area .stage-wrap{z-index:95;position:relative}.workspace.demo-video-guide-playback .stage-wrap{pointer-events:none}.workspace.has-demo-video-guide .bottom-studio-controls:before,.workspace.demo-video-guide-start .tracks-timeline:after,.workspace.demo-video-guide-adjust-end .tracks-timeline:after,.workspace.demo-video-guide-end .tracks-timeline:after,.workspace.demo-video-guide-playback .tracks-timeline:after{z-index:80;border-radius:inherit;background:var(--demo-guide-overlay);content:"";pointer-events:none;position:absolute;inset:0}.workspace.has-demo-video-guide .bottom-studio-controls:before{inset:-16px}.workspace.demo-video-guide-start:after,.workspace.demo-video-guide-start .bottom-studio-controls:before,.workspace.demo-video-guide-start .tracks-timeline:after,.workspace.demo-video-guide-start .timeline-demo-helper.timeline-start-helper,.workspace.demo-video-guide-operator:after,.workspace.demo-video-guide-operator .bottom-studio-controls:before,.workspace.demo-video-guide-operator .operator-demo-helper,.workspace.demo-video-guide-interest:after,.workspace.demo-video-guide-interest .bottom-studio-controls:before,.workspace.demo-video-guide-interest .operator-demo-helper{animation:.4s cubic-bezier(.22,1,.36,1) both demo-guide-step-fade-in}@keyframes demo-guide-step-fade-in{0%{opacity:0}to{opacity:1}}.workspace.demo-video-guide-start .tracks-timeline,.workspace.demo-video-guide-adjust-end .tracks-timeline,.workspace.demo-video-guide-end .tracks-timeline,.workspace.demo-video-guide-playback .tracks-timeline{z-index:90}.workspace.demo-video-guide-start .timeline-clip.has-demo-start-focus,.workspace.demo-video-guide-adjust-end .timeline-clip.has-demo-end-focus{z-index:81;filter:none;opacity:1}.workspace.has-demo-video-guide .is-demo-guide-target{z-index:91;outline:4px solid var(--operator-blue);outline-offset:4px;box-shadow:none;position:relative;filter:none!important;opacity:1!important}.workspace.demo-video-guide-end .timeline-clip.has-demo-helper{z-index:81}.workspace.demo-video-guide-end .stage-wrap{pointer-events:none}.workspace.has-demo-video-guide .bottom-axis-buttons.is-demo-guide-target{border-radius:999px}.workspace.demo-video-guide-end .bottom-axis-controls,.workspace.demo-video-guide-playback .bottom-axis-controls{z-index:91;filter:none;opacity:1;pointer-events:auto;position:relative}.workspace.demo-video-guide-end .demo-set-end-hit-target{z-index:92;pointer-events:auto;appearance:none;width:auto;height:auto;box-shadow:inset 0 0 0 4px var(--operator-blue);color:#0000;background:0 0;border:0;border-radius:0 12px 12px 0;outline:0;padding:0;font-size:0;display:block;position:absolute;inset:0 0 0 50%;cursor:pointer!important}.workspace.demo-video-guide-end .demo-set-end-hit-target:before,.workspace.demo-video-guide-end .demo-set-end-hit-target:after{content:none;display:none}.workspace.has-demo-video-guide .timeline-play-button.is-demo-guide-target{border-radius:50%}.workspace.demo-video-guide-operator .auto-motion-actions-anchor,.workspace.demo-video-guide-compose .auto-motion-actions-anchor,.workspace.demo-video-guide-final-compose .auto-motion-actions-anchor,.workspace.demo-video-guide-interest .auto-motion-actions-anchor{z-index:91}.workspace.demo-video-guide-operator .auto-motion-primary-island.is-demo-guide-target,.workspace.demo-video-guide-compose .auto-motion-primary-island.is-demo-guide-target,.workspace.demo-video-guide-final-compose .auto-motion-primary-island.is-demo-guide-target{border-radius:999px;outline:none}.workspace.demo-video-guide-interest .auto-motion-focus-positions.is-demo-guide-target{border-radius:50%}.workspace.demo-video-guide-interest .auto-motion-focus-positions[data-tooltip]:after{display:none}@media (max-width:680px){.workspace.demo-video-guide-operator .bottom-studio-controls-slot,.workspace.demo-video-guide-compose .bottom-studio-controls-slot,.workspace.demo-video-guide-final-compose .bottom-studio-controls-slot,.workspace.demo-video-guide-interest .bottom-studio-controls-slot{z-index:100;clip-path:none}.operator-demo-helper{width:max-content;max-width:calc(100vw - 24px);inset:auto auto calc(100% + 11px) 0;translate:0}.workspace.demo-video-guide-interest .operator-demo-helper{left:calc(100% - 42px);right:auto}.operator-demo-helper .timeline-demo-helper-title{white-space:nowrap}}.demo-tutorial-toggle{z-index:110;cursor:pointer;border:1px solid var(--ink);justify-content:center;align-items:center;gap:6px;width:120px;height:40px;padding:0;display:inline-flex;position:absolute;bottom:32px;right:34px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.demo-tutorial-toggle{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.demo-tutorial-toggle{background:var(--pill-bg);box-shadow:var(--sleek-surface-shadow);color:var(--pill-ink);white-space:nowrap;border-radius:20px;font-size:11px;font-weight:500;line-height:1;transition:width .22s cubic-bezier(.22,1,.36,1),color .16s,background-color .16s}.demo-tutorial-toggle.is-close{width:104px}.demo-tutorial-toggle svg{flex:none;display:block}html:not(.is-dark-ui) .demo-tutorial-toggle{background:#fff}.demo-tutorial-toggle:hover{background:var(--pill-bg-hover);color:var(--island-hover-blue)}.workspace.has-demo-video-guide .demo-tutorial-toggle{cursor:pointer!important}.workspace.has-demo-video-guide .timeline-demo-helper{z-index:92}.workspace.has-demo-video-guide,.workspace.has-demo-video-guide button,.workspace.has-demo-video-guide [role=button],.workspace.has-demo-video-guide input,.workspace.has-demo-video-guide select,.workspace.has-demo-video-guide textarea{cursor:default!important}.workspace.has-demo-video-guide .bottom-axis-buttons.is-demo-guide-target .bottom-axis-button{cursor:ew-resize!important}.workspace.demo-video-guide-start .frame-scene,.workspace.demo-video-guide-adjust-end .frame-scene,.workspace.demo-video-guide-playback .frame-scene{cursor:grab!important}.workspace.demo-video-guide-start .frame-scene.is-dragging.tool-pan,.workspace.demo-video-guide-adjust-end .frame-scene.is-dragging.tool-pan,.workspace.demo-video-guide-playback .frame-scene.is-dragging.tool-pan{cursor:grabbing!important}.workspace.has-demo-video-guide .demo-set-end-hit-target,.workspace.has-demo-video-guide .timeline-play-button.is-demo-guide-target,.workspace.demo-video-guide-operator .auto-motion-primary-island.is-demo-guide-target,.workspace.demo-video-guide-compose .auto-motion-primary-island.is-demo-guide-target,.workspace.demo-video-guide-final-compose .auto-motion-primary-island.is-demo-guide-target,.workspace.demo-video-guide-interest .auto-motion-focus-positions.is-demo-guide-target{cursor:pointer!important}.workspace.demo-video-guide-interest-area .auto-motion-overlay.is-select,.workspace.demo-video-guide-interest-area .auto-motion-overlay.is-select *{cursor:crosshair!important}.demo-guide-ghost-anchor{z-index:140;pointer-events:none;width:0;height:0;position:fixed}.demo-guide-ghost{pointer-events:none;filter:drop-shadow(0 2px 3px #0000007a);transform-origin:2px 2px;width:30px;height:30px;transition:opacity .12s;position:absolute;top:0;left:0}.demo-guide-ghost>svg{z-index:3;width:30px;height:30px;display:block;position:relative}.demo-guide-ghost.is-clicking{animation:2.4s ease-in-out infinite demo-guide-ghost-click}.demo-guide-ghost.is-user-hovering{animation:none;opacity:0!important}.workspace:has(.demo-set-end-hit-target:hover) .demo-guide-ghost.is-clicking{animation:none;opacity:0!important}.demo-guide-ghost-pulse{z-index:2;opacity:0;border:2px solid #fffc;border-radius:50%;width:14px;height:14px;animation:2.4s ease-out infinite demo-guide-ghost-click-pulse;position:absolute;top:-5px;left:-5px}.demo-guide-interest-drag-group{pointer-events:none;position:absolute;inset:0}.demo-guide-interest-drag-group.is-user-hovering{opacity:0!important}.demo-guide-interest-drag-group.is-user-hovering .demo-guide-interest-drag,.demo-guide-interest-drag-group.is-user-hovering .demo-guide-interest-preview,.demo-guide-interest-drag-group.is-user-hovering .demo-guide-interest-label,.demo-guide-interest-drag-group.is-user-hovering .demo-guide-ghost,.demo-guide-interest-drag-group.is-user-hovering .demo-guide-ghost-pulse{animation-play-state:paused}.demo-guide-interest-drag{pointer-events:none;width:0;height:0;position:absolute;overflow:visible}.demo-guide-interest-drag.is-first{top:var(--demo-guide-area-one-y);left:var(--demo-guide-area-one-x);animation:2s cubic-bezier(.4,0,.2,1) infinite demo-guide-interest-drag-first}.demo-guide-interest-drag.is-second{top:var(--demo-guide-area-two-y);left:var(--demo-guide-area-two-x);animation:2s cubic-bezier(.4,0,.2,1) infinite demo-guide-interest-drag-second}.demo-guide-interest-preview{z-index:1;box-sizing:border-box;border:1.5px solid var(--operator-blue);background:var(--operator-blue);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.demo-guide-interest-preview{background:color-mix(in srgb, var(--operator-blue) 10%, transparent)}}.demo-guide-interest-preview{opacity:1;box-shadow:0 0 0 1px #ffffff73}.demo-guide-interest-drag.is-first .demo-guide-interest-preview{animation:2s linear infinite demo-guide-interest-preview-first}.demo-guide-interest-drag.is-second .demo-guide-interest-preview{animation:2s linear infinite demo-guide-interest-preview-second}.demo-guide-interest-label{background:var(--operator-blue);color:#fff;opacity:0;border-radius:50%;place-items:center;width:20px;min-width:20px;height:20px;font-family:inherit;font-size:8px;font-weight:750;line-height:1;display:grid;box-shadow:0 2px 6px #0000003d}.demo-guide-interest-drag.is-first .demo-guide-interest-label{animation:2s linear infinite demo-guide-interest-label-first}.demo-guide-interest-drag.is-second .demo-guide-interest-label{animation:2s linear infinite demo-guide-interest-label-second}.demo-guide-ghost.is-area-attached{transform-origin:5px 5px;top:calc(100% - 5px);left:calc(100% - 5px)}.demo-guide-interest-drag.is-first .demo-guide-ghost.is-area-attached{animation:2s linear infinite demo-guide-area-cursor-first}.demo-guide-interest-drag.is-second .demo-guide-ghost.is-area-attached{animation:2s linear infinite demo-guide-area-cursor-second}.demo-guide-interest-drag.is-first .demo-guide-ghost-pulse{animation:2s ease-out infinite demo-guide-ghost-drag-pulse-first}.demo-guide-interest-drag.is-second .demo-guide-ghost-pulse{animation:2s ease-out infinite demo-guide-ghost-drag-pulse-second}@keyframes demo-guide-ghost-click{0%,12%,to{opacity:0;transform:translate(42px,34px)scale(1)}22%{opacity:1}48%{opacity:1;transform:translate(-2px,-2px)scale(1)}56%{opacity:1;transform:translate(-2px,-2px)scale(.84)}68%{opacity:1;transform:translate(-2px,-2px)scale(1)}84%{opacity:0}}@keyframes demo-guide-ghost-click-pulse{0%,52%,to{opacity:0;transform:scale(.45)}57%{opacity:.9;transform:scale(.55)}72%{opacity:0;transform:scale(1.5)}}@keyframes demo-guide-interest-drag-first{0%{width:0;height:0}28%,to{width:var(--demo-guide-area-one-width);height:var(--demo-guide-area-one-height)}}@keyframes demo-guide-interest-drag-second{0%,38%{width:0;height:0}68%,to{width:var(--demo-guide-area-two-width);height:var(--demo-guide-area-two-height)}}@keyframes demo-guide-interest-preview-first{0%{visibility:hidden;opacity:0}.5%{visibility:visible;opacity:1}90%{visibility:visible;opacity:1}to{visibility:visible;opacity:0}}@keyframes demo-guide-interest-preview-second{0%,38%{visibility:hidden;opacity:0}38.5%{visibility:visible;opacity:1}90%{visibility:visible;opacity:1}to{visibility:visible;opacity:0}}@keyframes demo-guide-interest-label-first{0%,27.9%{opacity:0}28%,90%{opacity:1}to{opacity:0}}@keyframes demo-guide-interest-label-second{0%,67.9%{opacity:0}68%,90%{opacity:1}to{opacity:0}}@keyframes demo-guide-area-cursor-first{0%,28%{opacity:1;transform:scale(.84)}32%{opacity:1;transform:scale(1)}38%,to{opacity:0;transform:scale(1)}}@keyframes demo-guide-area-cursor-second{0%,32%{opacity:0;transform:scale(1)}38%,68%{opacity:1;transform:scale(.84)}72%,90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes demo-guide-ghost-drag-pulse-first{0%{opacity:.9;transform:scale(.55)}10%,28%{opacity:.42;transform:scale(1.05)}32%,to{opacity:0;transform:scale(1.55)}}@keyframes demo-guide-ghost-drag-pulse-second{0%,37%{opacity:0;transform:scale(.45)}38%{opacity:.9;transform:scale(.55)}48%,68%{opacity:.42;transform:scale(1.05)}72%,to{opacity:0;transform:scale(1.55)}}@media (prefers-reduced-motion:reduce){.workspace.demo-video-guide-start:after,.workspace.demo-video-guide-start .bottom-studio-controls:before,.workspace.demo-video-guide-start .tracks-timeline:after,.workspace.demo-video-guide-start .timeline-demo-helper.timeline-start-helper,.workspace.demo-video-guide-operator:after,.workspace.demo-video-guide-operator .bottom-studio-controls:before,.workspace.demo-video-guide-operator .operator-demo-helper,.workspace.demo-video-guide-interest:after,.workspace.demo-video-guide-interest .bottom-studio-controls:before,.workspace.demo-video-guide-interest .operator-demo-helper,.demo-guide-ghost,.demo-guide-ghost-pulse,.demo-guide-interest-drag,.demo-guide-interest-preview,.demo-guide-interest-label{animation:none}}.workspace.is-video-mode .bottom-studio-controls-slot.has-demo-start-helper,.workspace.demo-video-guide-end .bottom-studio-controls-slot,.workspace.demo-video-guide-playback .bottom-studio-controls-slot{z-index:100;clip-path:none}.workspace.demo-video-guide-end .bottom-studio-controls,.workspace.demo-video-guide-playback .bottom-studio-controls{pointer-events:none}.workspace.demo-video-guide-end .bottom-axis-button,.workspace.demo-video-guide-playback .bottom-axis-button{cursor:ew-resize!important}.timeline-demo-helper.timeline-start-helper{width:min(316px,100vw - 64px);inset:50% auto auto calc(100% + 10px);translate:0 -50%}.workspace.demo-video-guide-start .timeline-demo-helper.timeline-start-helper,.workspace.demo-video-guide-adjust-end .timeline-demo-helper.timeline-start-helper,.workspace.demo-video-guide-end .timeline-demo-helper.timeline-end-helper{width:max-content;max-width:calc(100vw - 32px)}.workspace.demo-video-guide-start .timeline-demo-helper-title,.workspace.demo-video-guide-start .timeline-demo-helper p,.workspace.demo-video-guide-adjust-end .timeline-demo-helper-title,.workspace.demo-video-guide-adjust-end .timeline-demo-helper p,.workspace.demo-video-guide-end .timeline-demo-helper-title,.workspace.demo-video-guide-end .timeline-demo-helper p{white-space:nowrap}.timeline-demo-helper.timeline-end-helper{top:38px;bottom:auto;left:calc(var(--timeline-demo-helper-anchor,100%) + 12px);translate:0 -50%}.timeline-demo-helper.timeline-playback-helper{width:240px;inset:-4px auto auto calc(100% + 12px);translate:none}.workspace.demo-video-guide-playback .timeline-demo-helper.timeline-playback-helper{width:max-content;max-width:calc(100vw - 32px)}.workspace.demo-video-guide-playback .timeline-demo-helper-title,.workspace.demo-video-guide-playback .timeline-demo-helper p{white-space:nowrap}.timeline-shot-context{border-right:1px solid var(--line);gap:4px;min-width:72px;max-width:108px;padding-right:11px;line-height:1.05;display:grid}.timeline-project-primary{flex:none}.timeline-toolbar-right .timeline-project-relocated-trigger{display:none}.timeline-toolbar-right .timeline-projects-wrap{position:static}.timeline-toolbar-right .timeline-projects-wrap .cloud-project-menu{z-index:100;position:fixed;inset:68px auto auto 22px}.timeline-toolbar-left>.timeline-project-primary,.timeline-toolbar-left>.timeline-project-screens-button,.timeline-toolbar-left>.timeline-shot-context,.timeline-toolbar-left>.timeline-movement-presets-wrap,.timeline-toolbar-left>.timeline-shot-source-button,.timeline-toolbar-left>.timeline-shot-action-button,.timeline-toolbar-left>.timeline-add-shot-wrap{display:none}.timeline-toolbar-right>.timeline-projects-wrap{order:1}.timeline-toolbar-right>.timeline-sources-wrap{display:none}.tracks-timeline.is-empty-actions .timeline-toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.tracks-timeline.is-empty-actions .timeline-toolbar-left{justify-content:flex-start;width:100%}.timeline-shot-context small,.timeline-shot-context strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-shot-context small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600;font-size:7px!important}.timeline-shot-context strong{color:var(--ink);letter-spacing:.035em;text-transform:uppercase;font-size:10px;font-weight:550}.timeline-selected-shot-screen{cursor:pointer;border:1px solid var(--line);background:var(--pill-bg);border-radius:10px;flex:none;place-items:center;width:43px;max-width:43px;height:32px;padding:0;display:grid;overflow:visible}.timeline-selected-shot-screen>span,.timeline-selected-shot-screen>img{object-fit:cover;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:9px;width:100%;height:100%;display:block;overflow:hidden}.timeline-selected-shot-screen>.is-empty{color:var(--muted);place-items:center;display:grid}.timeline-selected-shot-screen:hover:not(:disabled){border-color:var(--action-accent)}@supports (color:color-mix(in lab, red, red)){.timeline-selected-shot-screen:hover:not(:disabled){border-color:color-mix(in srgb, var(--action-accent) 36%, var(--line))}}.timeline-selected-shot-screen.is-text-scene{width:32px;color:var(--ink)}.timeline-selected-shot-screen.is-logo-scene>img{object-fit:contain;padding:5px 8px}.timeline-project-menu.timeline-text-scene-menu{width:220px;max-height:280px;top:auto;bottom:calc(100% + 18px);overflow:auto}.timeline-project-menu.timeline-text-font-menu{width:max-content;min-width:240px;max-width:min(360px,100vw - 32px);max-height:320px}.timeline-text-scene-menu button{letter-spacing:0;text-transform:none;white-space:nowrap;grid-template-columns:none;align-items:center;min-height:34px;font-size:13px;font-weight:500;display:flex}.timeline-toolbar .timeline-text-font-menu button{letter-spacing:0;text-overflow:ellipsis;min-height:40px;padding:8px 14px;font-size:16px;font-weight:500;line-height:1.15;overflow:hidden}.timeline-toolbar .timeline-text-size-menu button{font-size:16px}.timeline-text-scene-menu button.is-active{background:var(--pill-bg)}.timeline-text-scene-menu button span{gap:1px;display:grid}.timeline-text-scene-menu button small{color:var(--muted);font-size:10px;font-weight:500}.timeline-project-menu.timeline-text-animation-menu{gap:7px;width:276px;max-height:none;overflow:visible}.timeline-text-animation-preview-wrap{border:1px solid var(--ink);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.timeline-text-animation-preview-wrap{border:1px solid color-mix(in srgb, var(--ink) 13%, transparent)}}.timeline-text-animation-preview-wrap{color:#f2f2f4;border-radius:9px}.timeline-text-animation-preview{aspect-ratio:16/9;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;display:block}.timeline-text-animation-preview canvas{width:100%;height:100%;display:block}.timeline-text-animation-preview-wrap>span{letter-spacing:.04em;text-transform:uppercase;background:#0000007a;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:650;position:absolute;bottom:7px;right:8px}.timeline-text-animation-options{gap:3px;max-height:202px;display:grid;overflow:auto}.timeline-text-scene-menu .timeline-text-animation-options>button{flex:none;min-height:52px;padding:8px 10px;line-height:1.2}.timeline-text-animation-options>button>span{gap:3px;min-width:0}.timeline-text-animation-options strong,.timeline-text-animation-options small{line-height:1.2;display:block}.timeline-text-size-menu{width:168px}.timeline-selected-shot-screen:disabled,.timeline-selected-shot-action:disabled{cursor:default;opacity:.42}.timeline-selected-shot-copy{align-items:center;min-width:76px;max-width:128px;line-height:1;display:flex}.timeline-selected-shot-copy strong{color:var(--ink);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.timeline-selected-shot-action{cursor:pointer;width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:9px;flex:none;place-items:center;padding:0;display:grid}.timeline-selected-shot-action:has(.timeline-track-tool-label){box-sizing:border-box;justify-content:center;align-items:center;gap:6px;width:auto;min-width:0;height:30px;padding:0 8px;display:inline-flex}.timeline-track-tool-label{color:inherit;white-space:nowrap;font-size:11px;font-weight:500;line-height:1}.timeline-selected-shot-action:hover:not(:disabled){color:var(--island-hover-blue);background:0 0}html:not(.is-dark-ui) .timeline-selected-shot-action:hover:not(:disabled) .timeline-track-tool-label{color:#171619}.timeline-selected-shot-action.is-danger{color:var(--muted)}.timeline-selected-shot-action.is-danger:hover:not(:disabled){color:#ff1f14;background:0 0}.timeline-endpoint-confirm{cursor:pointer;background:var(--ink);border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 12px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.timeline-endpoint-confirm{background:color-mix(in srgb, var(--ink) 8%, transparent)}}.timeline-endpoint-confirm{color:var(--muted);letter-spacing:.02em;white-space:nowrap;font-size:10px;font-weight:750;transition:background-color .16s,color .16s,opacity .14s,transform .16s}.timeline-endpoint-confirm.is-ready{background:var(--action-accent);color:var(--action-accent-ink)}.timeline-endpoint-confirm.is-ready:hover:not(:disabled){background:var(--action-accent-hover)}.timeline-endpoint-confirm.is-ready:active:not(:disabled){transform:scale(.96)}.timeline-endpoint-confirm:disabled{cursor:not-allowed;opacity:.42}.timeline-toolbar-right>.timeline-sources-wrap{position:static}.timeline-shot-source-button{max-width:112px;padding-left:5px}.timeline-shot-source-preview{border:1px solid var(--line);background-color:var(--app-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;flex:none;width:27px;height:27px;display:block}.timeline-shot-action-button{cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;transition:background-color .15s,color .15s,opacity .15s;display:grid}.timeline-shot-action-button:hover:not(:disabled){background:var(--pill-bg);color:var(--ink)}.timeline-delete-shot-button:hover:not(:disabled){color:#ff1f14}.timeline-shot-action-button:disabled{cursor:not-allowed;opacity:.3}.project-sync-icon{flex:none;place-items:center;width:14px;height:14px;display:grid}.project-current-name{letter-spacing:0;text-transform:none;min-width:0;max-width:132px;font-weight:600;display:grid;position:relative;overflow:hidden}.project-current-name>span{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;overflow:hidden}@keyframes project-saving-spin{to{transform:rotate(360deg)}}.timeline-presets-button,.add-track-button,.timeline-transport-button,.timeline-play-button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.timeline-presets-button,.add-track-button{border:1px solid var(--line);height:32px;color:var(--pill-ink);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:9px;gap:7px;padding:0 12px;font-size:9px;font-weight:700;transition:background-color .15s,color .15s,transform .15s}.timeline-presets-button{background:var(--pill-bg);border-color:#0000;border-radius:12px;height:36px;padding:0 14px}.timeline-presets-button:disabled{cursor:default;opacity:.42}.timeline-project-wrap{position:relative}.timeline-toolbar-right .timeline-project-menu{left:auto;right:0}.timeline-project-menu{z-index:20;border:1px solid var(--line);background:var(--app-bg);border-radius:12px;gap:3px;width:220px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 14px 40px #12121429}.timeline-project-menu button{cursor:pointer;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:9px 8px;display:grid}.timeline-project-menu button:hover{background:var(--pill-bg)}.timeline-project-menu button>span{gap:2px;display:grid}.timeline-project-menu strong{font-size:10px}.timeline-project-menu small{color:var(--muted);letter-spacing:0;text-transform:none;font-size:8px;font-weight:500}.cloud-project-menu{z-index:50;border-radius:18px;gap:0;width:min(310px,100vw - 44px);max-height:min(430px,100dvh - 92px);padding:0;position:fixed;overflow:visible}.cloud-project-menu-heading{justify-content:space-between;align-items:center;min-height:43px;padding:0 13px;display:flex;position:relative}.cloud-project-menu-heading:after{background:var(--line);content:"";height:1px;position:absolute;bottom:0;left:13px;right:13px}.cloud-project-menu-heading strong{font-size:11px;font-weight:600}.cloud-project-menu-heading small{background:var(--pill-bg);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:8px;display:grid}.cloud-project-menu-heading .cloud-project-plan{min-width:0;height:auto;color:var(--muted);letter-spacing:0;text-transform:none;white-space:nowrap;background:0 0;padding:0;font-size:8px;font-weight:600;display:block}.cloud-project-menu-heading .cloud-project-plan.is-limit{background:var(--limit-soft);color:var(--limit);border-radius:999px;padding:3px 8px;font-weight:650}.cloud-project-list{gap:3px;max-height:300px;padding:6px;display:grid;overflow:hidden auto}.cloud-project-empty{color:var(--muted);text-align:center;margin:0;padding:24px 10px;font-size:9px}.cloud-project-row{border:1px solid #0000;border-radius:9px;grid-template-columns:minmax(0,1fr) 32px;align-items:center;min-width:0;min-height:57px;display:grid;position:relative}.cloud-project-row.cloud-project-demo{grid-template-columns:minmax(0,1fr)}.cloud-project-row:hover{background:var(--pill-bg)}.cloud-project-row.is-current{background:var(--ink);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.cloud-project-row.is-current{background:color-mix(in srgb, var(--ink) 8%, var(--app-bg))}}.cloud-project-menu .cloud-project-open-row{text-align:left;border-radius:8px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:9px;min-width:0;min-height:55px;padding:7px 8px;display:grid}.cloud-project-menu .cloud-project-open-row:hover{background:0 0}.cloud-project-open-row>span:not(.cloud-project-preview){gap:2px;min-width:0;display:grid}.cloud-project-preview{aspect-ratio:3/2;border:1px solid var(--ink);width:54px;display:block;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cloud-project-preview{border:1px solid color-mix(in srgb, var(--ink) 7%, transparent)}}.cloud-project-preview{background:var(--ink);border-radius:7px}@supports (color:color-mix(in lab, red, red)){.cloud-project-preview{background:color-mix(in srgb, var(--ink) 5%, var(--app-bg))}}.cloud-project-preview img,.cloud-project-preview video{object-fit:cover;width:100%;height:100%;display:block}.cloud-project-open-row strong,.cloud-project-open-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cloud-project-open-row strong{font-size:11px;font-weight:600}.cloud-project-open-row small{font-size:11px;font-weight:500}.cloud-project-menu .cloud-project-more{width:28px;height:28px;min-height:0;color:var(--muted);border-radius:8px;grid-template-columns:1fr;place-items:center;gap:0;padding:0;display:grid}.cloud-project-menu .cloud-project-more:hover,.cloud-project-menu .cloud-project-more[aria-expanded=true]{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.cloud-project-menu .cloud-project-more:hover,.cloud-project-menu .cloud-project-more[aria-expanded=true]{background:color-mix(in srgb, var(--ink) 7%, transparent)}}.cloud-project-menu .cloud-project-more:hover,.cloud-project-menu .cloud-project-more[aria-expanded=true]{color:var(--ink)}.cloud-project-rename{min-width:0;padding:5px 4px}.cloud-project-rename input{border:1px solid var(--action-accent);width:100%;height:31px;padding:0 8px}@supports (color:color-mix(in lab, red, red)){.cloud-project-rename input{border:1px solid color-mix(in srgb, var(--action-accent) 52%, var(--line))}}.cloud-project-rename input{background:var(--app-bg);color:var(--ink);font:inherit;border-radius:7px;outline:0;font-size:11px}.cloud-project-actions{z-index:60;border:1px solid var(--line);background:var(--app-bg);border-radius:11px;gap:2px;width:168px;padding:5px;display:grid;position:fixed;box-shadow:0 12px 30px #12121429}.cloud-project-actions button{border-radius:10px;grid-template-columns:none;align-items:center;gap:8px;min-height:34px;padding:0 9px;font-size:11px;font-weight:500;display:flex}.cloud-project-actions button>svg{flex:none;width:14px;height:14px}.cloud-project-actions .is-danger{color:#d74636}.cloud-project-delete-copy{color:var(--ink);padding:5px 7px 3px;font-size:9px;font-weight:700}.cloud-project-actions.is-delete-confirm{border:1px solid var(--ink);width:min(260px,100vw - 32px);padding:14px;display:block}@supports (color:color-mix(in lab, red, red)){.cloud-project-actions.is-delete-confirm{border:1px solid color-mix(in srgb, var(--ink) 9%, transparent)}}.cloud-project-actions.is-delete-confirm{background:var(--app-bg);transform-origin:100% 0;border-radius:22px;animation:.18s cubic-bezier(.16,1,.3,1) both cloud-project-delete-confirm-in;box-shadow:0 18px 48px #00000038}.cloud-project-actions.is-delete-confirm .cloud-project-delete-copy{color:var(--ink);text-align:center;text-wrap:balance;margin-bottom:13px;padding:0;font-size:12px;font-weight:500;line-height:1.45;display:block}.cloud-project-delete-actions{gap:7px;display:grid}.cloud-project-actions.is-delete-confirm .cloud-project-delete-actions button{cursor:pointer;background:var(--ink);border:0;border-radius:999px;justify-content:center;width:100%;height:40px;min-height:40px;padding:0 14px}@supports (color:color-mix(in lab, red, red)){.cloud-project-actions.is-delete-confirm .cloud-project-delete-actions button{background:color-mix(in srgb, var(--ink) 7%, var(--app-bg))}}.cloud-project-actions.is-delete-confirm .cloud-project-delete-actions button{color:var(--ink);font:600 11px/1 inherit;transition:background-color .14s,opacity .14s,transform .14s}.cloud-project-actions.is-delete-confirm .cloud-project-delete-actions button:hover:not(:disabled){background:var(--pill-bg-hover);transform:scale(.985)}.cloud-project-actions.is-delete-confirm .cloud-project-delete-actions button.is-danger{background:#ff3b30}@supports (color:color-mix(in lab, red, red)){.cloud-project-actions.is-delete-confirm .cloud-project-delete-actions button.is-danger{background:color-mix(in srgb, #ff3b30 12%, var(--app-bg))}}.cloud-project-actions.is-delete-confirm .cloud-project-delete-actions button.is-danger{color:#ff3b30}.cloud-project-actions.is-delete-confirm .cloud-project-delete-actions button.is-danger:hover:not(:disabled){background:#ff3b30}@supports (color:color-mix(in lab, red, red)){.cloud-project-actions.is-delete-confirm .cloud-project-delete-actions button.is-danger:hover:not(:disabled){background:color-mix(in srgb, #ff3b30 18%, var(--app-bg))}}@keyframes cloud-project-delete-confirm-in{0%{opacity:0;transform:translateY(5px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.cloud-project-menu .cloud-project-new{border-top:1px solid var(--line);min-height:43px;color:var(--ink);text-transform:uppercase;border-radius:0 0 14px 14px;grid-template-columns:none;justify-content:flex-start;align-items:center;gap:8px;padding:0 13px;font-size:10px;font-weight:600;display:flex;position:relative}.cloud-project-storage-limit{background:var(--limit-soft);color:var(--limit);border-radius:9px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:7px;margin:0 8px 8px;padding:9px 10px;display:grid}.cloud-project-storage-limit>svg{margin-top:1px}.cloud-project-storage-limit>span{gap:2px;display:grid}.cloud-project-storage-limit strong{font-size:10px;font-weight:600}.cloud-project-storage-limit small{font-size:9px;line-height:1.35}.cloud-project-menu .cloud-project-new:hover{background:var(--pill-bg)}.cloud-project-menu .cloud-project-new.is-limit{background:var(--limit-soft);color:var(--limit);text-transform:none}.cloud-project-menu .cloud-project-new.is-limit:hover{background:var(--limit)}@supports (color:color-mix(in lab, red, red)){.cloud-project-menu .cloud-project-new.is-limit:hover{background:color-mix(in srgb, var(--limit) 12%, var(--limit-soft))}}html.is-dark-ui .cloud-project-actions{box-shadow:0 12px 30px #0000005c}.timeline-movement-preset-menu{border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(520px,100vw - 40px);padding:10px;top:auto;bottom:calc(100% + 18px)}.movement-preset-empty{color:var(--muted);text-align:center;grid-column:1/-1;margin:0;padding:14px 12px;font-size:10px;line-height:1.4}.project-source-input{display:none}.timeline-source-count{background:var(--ink);border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;display:grid}@supports (color:color-mix(in lab, red, red)){.timeline-source-count{background:color-mix(in srgb, var(--ink) 8%, transparent)}}.timeline-source-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:8px}.timeline-source-library-menu{border-radius:18px;grid-template-rows:45px minmax(0,1fr) 43px;gap:0;width:min(420px,100vw - 40px);max-height:min(430px,100vh - 180px);padding:0;overflow:hidden}.timeline-source-library-menu:not(.is-top-library):not(.is-anchor-library){top:auto;bottom:calc(100% + 18px);left:16px!important;right:auto!important}.source-library-heading{border-bottom:0;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:0 12px;display:flex;position:relative}.source-library-heading:after{background:var(--line);content:"";height:1px;position:absolute;bottom:0;left:10px;right:10px}.source-library-heading strong,.source-library-heading small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-library-heading strong{font-size:11px}.unified-screens-library .source-library-heading strong{font-weight:550}.source-library-heading-end{flex:none;align-items:center;gap:8px;display:flex}.source-library-count{background:var(--pill-bg);min-width:28px;height:24px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;place-items:center;padding:0 8px;font-size:11px;font-weight:600;display:grid}.source-library-count.is-limit{background:var(--limit-soft);color:var(--limit)}.source-library-count.is-demo-project{color:var(--muted);letter-spacing:.06em;font-size:9px;font-weight:550}.source-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;min-height:0;padding:10px;display:grid;overflow-y:auto}.source-library-item{content-visibility:auto;contain-intrinsic-size:auto 180px;grid-template-rows:auto auto;min-width:0;display:grid;position:relative}.source-library-item.has-open-menu{z-index:12}.source-library-drag-image{z-index:9999;color:#fff;pointer-events:none;background:#2f80ff;border:1px solid #ffffff47;border-radius:12px;width:136px;padding:5px;display:grid;position:fixed;top:-1000px;left:-1000px;box-shadow:0 10px 30px #00000047}.source-library-drag-image.is-multiple:before,.source-library-drag-image.is-multiple:after{z-index:-1;border-radius:inherit;content:"";background:#2f80ff;position:absolute;inset:0;box-shadow:0 6px 18px #0000002e}.source-library-drag-image.is-multiple:before{transform:translate(5px,5px)rotate(2deg)}.source-library-drag-image.is-multiple:after{transform:translate(9px,9px)rotate(4deg)}.source-library-drag-image-preview{background:#101010;border-radius:8px;width:126px;height:72px;display:block;overflow:hidden}.source-library-drag-image-preview>img,.source-library-drag-image-preview>video{object-fit:cover;width:100%;height:100%}.source-library-drag-image-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:5px 4px 2px;font-size:10px;font-weight:650;display:block;overflow:hidden}.source-library-drag-image-count{color:#fff;background:#2f80ff;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-weight:750;display:grid;position:absolute;top:-8px;right:-8px}.timeline-project-menu .source-library-card{border:1px solid var(--line);background:var(--pill-bg);border-radius:12px;width:100%;min-width:0;padding:0;display:grid;overflow:hidden}.timeline-project-menu .source-library-item[draggable=true]{cursor:grab}.timeline-project-menu .source-library-item[draggable=true]:active{cursor:grabbing}.timeline-project-menu .source-library-add{border:0;border-top:1px solid var(--line);background:var(--app-bg);width:100%;min-height:43px;color:var(--ink);letter-spacing:.04em;text-transform:uppercase;border-radius:0 0 17px 17px;grid-template-columns:none;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:9px;font-weight:720;display:flex}.timeline-project-menu .source-library-add:hover{background:var(--pill-bg)}.timeline-project-menu .source-library-card{aspect-ratio:16/10;border-radius:12px 12px 0 0;grid-template-rows:1fr;grid-template-columns:1fr}.timeline-project-menu .source-library-card:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-card:hover{border-color:color-mix(in srgb, var(--ink) 22%, var(--line))}}.timeline-project-menu .source-library-card:hover{background:var(--pill-bg);box-shadow:inset 0 0 0 1px var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-card:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 22%, transparent)}}.timeline-project-menu .source-library-card.is-current{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-card.is-current{border-color:color-mix(in srgb, var(--ink) 34%, var(--line))}}.timeline-project-menu .source-library-card.is-current{box-shadow:inset 0 0 0 1px var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-card.is-current{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 7%, transparent)}}.timeline-project-menu .source-library-item.is-selected .source-library-card{background:#2f80ff;border-color:#2f80ff;box-shadow:inset 0 0 0 2px #2f80ff}.timeline-project-menu .source-library-item.is-selected .source-library-meta{background:#2f80ff;border-color:#2f80ff}.timeline-project-menu .source-library-item.is-selected .source-library-meta-copy strong,.timeline-project-menu .source-library-item.is-selected .source-library-meta-copy small,.timeline-project-menu .source-library-item.is-selected .source-library-more{color:#fff}.timeline-project-menu .source-library-item.is-selected .source-library-more:hover,.timeline-project-menu .source-library-item.is-selected .source-library-more[aria-expanded=true]{color:#fff;background:#ffffff29}.timeline-project-menu .source-library-item.is-selected .source-library-demo-tag{color:#fff;background:#ffffff24;border-color:#ffffff52}.timeline-project-menu .source-library-card:focus-visible{outline:2px solid var(--accent,#0a84ff)}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-card:focus-visible{outline:2px solid color-mix(in srgb, var(--accent,#0a84ff) 78%, transparent)}}.timeline-project-menu .source-library-card:focus-visible{outline-offset:2px}.timeline-project-menu .source-library-more{z-index:3;width:25px;height:25px;min-height:0;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:none;grid-template-columns:1fr;place-items:center;gap:0;padding:0;display:grid;position:static}.timeline-project-menu .source-library-more:hover,.timeline-project-menu .source-library-more[aria-expanded=true]{background:var(--pill-bg);color:var(--ink)}.source-library-demo-tag{border:1px solid var(--ink);flex:none;align-self:flex-end;align-items:center;min-height:18px;padding:0 6px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.source-library-demo-tag{border:1px solid color-mix(in srgb, var(--ink) 10%, var(--line))}}.source-library-demo-tag{background:var(--pill-bg);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;font-size:7px;font-weight:750;line-height:1}.source-library-meta{border:1px solid var(--line);background:var(--app-bg);border-top:0;border-radius:0 0 12px 12px;align-items:center;gap:6px;min-width:0;min-height:42px;padding:5px 5px 5px 8px;display:flex}.source-library-meta-copy{flex:1;gap:1px;min-width:0;display:grid}.source-library-meta-copy strong,.source-library-meta-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-library-meta-copy strong{color:var(--ink);font-size:9px;font-weight:650}.source-library-meta-copy small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:8px}.source-library-actions{z-index:15;border:1px solid var(--line);background:var(--app-bg);border-radius:11px;gap:2px;width:calc(100% - 10px);padding:5px;display:grid;position:absolute;top:calc(100% + 4px);bottom:auto;right:5px;box-shadow:0 12px 28px #12121421}.source-library-actions-popdown-layer{z-index:180;box-shadow:none;background:0 0;border:0;padding:0;display:block;position:fixed}.source-library-actions-popdown-layer .source-library-actions{width:100%;position:static}.source-library-actions-popdown-layer .source-library-actions.is-delete-confirm{transform-origin:100% 0}.timeline-project-menu .source-library-actions button{border-radius:10px;grid-template-columns:none;align-items:center;gap:8px;min-height:34px;padding:0 9px;font-size:11px;font-weight:500;display:flex}.timeline-project-menu .source-library-actions button>svg{flex:none;width:14px;height:14px}.timeline-project-menu .source-library-actions button:disabled{cursor:not-allowed;opacity:.42}.timeline-project-menu .source-library-actions .is-danger{color:#ff3b30}.timeline-project-menu .source-library-actions .is-danger:hover:not(:disabled){color:#ff1f14}.source-library-actions>span{color:var(--ink);padding:5px 7px 3px;font-size:9px;font-weight:700}.source-library-actions form{padding:2px}.source-library-actions input{border:1px solid var(--ink);width:100%;height:34px;padding:0 9px}@supports (color:color-mix(in lab, red, red)){.source-library-actions input{border:1px solid color-mix(in srgb, var(--ink) 18%, var(--line))}}.source-library-actions input{background:var(--app-bg);color:var(--ink);font:inherit;border-radius:10px;outline:0;font-size:11px;font-weight:500}.source-library-actions.is-delete-confirm{border:1px solid var(--ink);padding:14px;display:block}@supports (color:color-mix(in lab, red, red)){.source-library-actions.is-delete-confirm{border:1px solid color-mix(in srgb, var(--ink) 9%, transparent)}}.source-library-actions.is-delete-confirm{transform-origin:100% 100%;border-radius:22px;animation:.18s cubic-bezier(.16,1,.3,1) both source-library-delete-confirm-in;box-shadow:0 18px 48px #00000038}.source-library-actions.is-delete-confirm>span{color:var(--ink);text-align:center;text-wrap:balance;margin-bottom:13px;padding:0;font-size:12px;font-weight:500;line-height:1.45;display:block}.source-library-delete-actions{gap:7px;display:grid}.timeline-project-menu .source-library-actions.is-delete-confirm .source-library-delete-actions button{background:var(--ink);border:0;border-radius:999px;justify-content:center;width:100%;height:40px;min-height:40px;padding:0 14px}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-actions.is-delete-confirm .source-library-delete-actions button{background:color-mix(in srgb, var(--ink) 7%, var(--app-bg))}}.timeline-project-menu .source-library-actions.is-delete-confirm .source-library-delete-actions button{color:var(--ink);font:600 11px/1 inherit;transition:background-color .14s,opacity .14s,transform .14s}.timeline-project-menu .source-library-actions.is-delete-confirm .source-library-delete-actions button:hover:not(:disabled){background:var(--pill-bg-hover);transform:scale(.985)}.timeline-project-menu .source-library-actions.is-delete-confirm .source-library-delete-actions button.is-danger{background:#ff3b30}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-actions.is-delete-confirm .source-library-delete-actions button.is-danger{background:color-mix(in srgb, #ff3b30 12%, var(--app-bg))}}.timeline-project-menu .source-library-actions.is-delete-confirm .source-library-delete-actions button.is-danger{color:#ff3b30}.timeline-project-menu .source-library-actions.is-delete-confirm .source-library-delete-actions button.is-danger:hover:not(:disabled){background:#ff3b30}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-actions.is-delete-confirm .source-library-delete-actions button.is-danger:hover:not(:disabled){background:color-mix(in srgb, #ff3b30 18%, var(--app-bg))}}@keyframes source-library-delete-confirm-in{0%{opacity:0;transform:translateY(5px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}html.is-dark-ui .source-library-actions{box-shadow:0 12px 28px #00000052}.source-library-preview-shell{background-color:var(--pill-bg);width:100%;height:100%;display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.source-library-preview-shell{background-color:color-mix(in srgb, var(--pill-bg) 72%, var(--app-bg))}}.source-library-preview-shell.is-loading:after{content:"";background:linear-gradient(100deg, transparent 24%, var(--ink) 50%, transparent 76%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.source-library-preview-shell.is-loading:after{background:linear-gradient(100deg, transparent 24%, color-mix(in srgb, var(--ink) 8%, transparent) 50%, transparent 76%)}}.source-library-preview-shell.is-loading:after{animation:1.35s ease-in-out infinite source-library-placeholder-shimmer;transform:translate(-110%)}.source-library-preview-shell.is-loading .source-library-preview{opacity:0}.source-library-preview-shell video{pointer-events:none}.source-library-preview-shell.is-logo{box-sizing:border-box;place-items:center;padding:14%;display:grid}.source-library-preview-shell.is-logo .source-library-preview{background-color:#0000;width:auto;max-width:100%;height:auto;max-height:100%}.source-library-preview{background-color:var(--pill-bg);border-bottom:0;width:100%;height:100%;display:block!important}@supports (color:color-mix(in lab, red, red)){.source-library-preview{background-color:color-mix(in srgb, var(--pill-bg) 72%, var(--app-bg))}}.source-library-preview{object-fit:contain}.source-library-placeholder-card{place-items:center}.source-library-placeholder-preview{width:72%;max-width:88%;max-height:82%;aspect-ratio:var(--source-placeholder-ratio,1.6);background:var(--ink);border-radius:7px;display:block}@supports (color:color-mix(in lab, red, red)){.source-library-placeholder-preview{background:color-mix(in srgb, var(--ink) 7%, var(--pill-bg))}}.source-library-placeholder-preview{animation:1.35s ease-in-out infinite source-library-placeholder-pulse}.source-library-placeholder-meta{align-content:center;gap:5px;display:grid}.source-library-footer-placeholder{background:var(--ink);border-radius:999px;display:block}@supports (color:color-mix(in lab, red, red)){.source-library-footer-placeholder{background:color-mix(in srgb, var(--ink) 8%, var(--pill-bg))}}.source-library-footer-placeholder{animation:1.35s ease-in-out infinite source-library-placeholder-pulse}.source-library-footer.is-placeholder{justify-content:center;align-items:center;min-height:47px}.source-library-footer-placeholder{width:38%;height:9px}@keyframes source-library-placeholder-shimmer{to{transform:translate(110%)}}@keyframes source-library-placeholder-pulse{50%{opacity:.52}}.source-library-empty{color:var(--muted);text-align:center;grid-column:1/-1;margin:0;padding:34px 18px;font-size:9px;line-height:1.45}.unified-screens-library{z-index:100;grid-template-rows:54px minmax(120px,1fr) auto;width:min(480px,100vw - 44px);max-height:min(560px,100dvh - 200px);position:fixed;inset:auto auto 184px 22px;box-shadow:0 18px 54px #12121424}.cloud-project-menu,.cloud-project-actions,.unified-screens-library{--manager-menu-divider:#ececef;--manager-menu-hover:#f2f2f2;--manager-menu-surface:#fff;background:var(--manager-menu-surface);color:#222226;border-color:#e5e5e8;box-shadow:0 14px 42px #1414181a}html.is-dark-ui .cloud-project-menu,html.is-dark-ui .cloud-project-actions,html.is-dark-ui .unified-screens-library{--manager-menu-divider:#2a2a2e;--manager-menu-hover:#202023;--manager-menu-surface:#151517;background:var(--manager-menu-surface);color:#f2f2f4;border-color:#29292e;box-shadow:0 14px 42px #0000003d}.cloud-project-menu-heading:after,.unified-screens-library .source-library-heading:after{background:var(--manager-menu-divider)}.cloud-project-row:hover,.cloud-project-actions button:hover,.unified-screens-library .source-library-actions button:hover:not(:disabled){background:var(--manager-menu-hover)}.cloud-project-row.is-current{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.cloud-project-row.is-current{background:color-mix(in srgb, var(--ink) 7%, var(--manager-menu-surface))}}.cloud-project-rename input,.unified-screens-library .source-library-actions{border-color:var(--manager-menu-divider);background:var(--manager-menu-surface)}.unified-screens-library .source-library-meta,.unified-screens-library .source-library-selection-menu,.unified-screens-library .source-library-selection-menu button:not(.is-autocompose){border-color:var(--manager-menu-divider);background:0 0}.unified-screens-library .source-library-selection-menu button:not(.is-autocompose):hover:not(:disabled){border-color:var(--manager-menu-divider);background:var(--manager-menu-hover)}.unified-screens-library.is-top-library{max-height:min(560px,100dvh - 92px);inset:68px auto auto 22px}.unified-screens-library .source-library-heading>div:not(.source-library-heading-end){gap:3px;min-width:0;display:grid}.unified-screens-library .source-library-heading-end{align-items:center;gap:8px;display:flex}.unified-screens-library .screens-library-close{background:var(--pill-bg);width:28px;height:28px;min-height:0;color:var(--muted);border-radius:999px;flex:none;grid-template-columns:1fr;place-items:center;padding:0;font-size:17px;font-weight:450;transition:background-color .14s,color .14s;display:grid}.unified-screens-library .screens-library-close:hover{background:var(--pill-bg-hover);color:var(--ink)}.unified-screens-library .source-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.unified-screens-library .source-library-empty-action{border:1px dashed var(--ink);grid-column:1/-1;grid-template-columns:1fr;align-content:center;place-items:center;gap:6px;min-height:180px;display:grid}@supports (color:color-mix(in lab, red, red)){.unified-screens-library .source-library-empty-action{border:1px dashed color-mix(in srgb, var(--ink) 18%, var(--line))}}.unified-screens-library .source-library-empty-action{background:var(--pill-bg);color:var(--muted);text-align:center;border-radius:13px}.unified-screens-library .source-library-empty-action strong{color:var(--ink)}.source-library-footer{border-top:0;align-items:center;gap:8px;min-height:47px;padding:6px;display:flex;position:relative}.source-library-selection-menu{border-top:1px solid var(--line);background:var(--app-bg);justify-content:flex-end;align-items:center;gap:6px;min-height:52px;padding:7px 8px;display:flex}.source-library-selection-menu>span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:10px;font-weight:650;overflow:hidden}.timeline-project-menu .source-library-selection-menu button{border:1px solid var(--line);background:var(--pill-bg);min-height:34px;color:var(--ink);white-space:nowrap;border-radius:9px;grid-template-columns:none;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:680;display:flex}.timeline-project-menu .source-library-selection-menu button:hover:not(:disabled){border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-selection-menu button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 20%, var(--line))}}.timeline-project-menu .source-library-selection-menu button:hover:not(:disabled){background:var(--pill-bg-hover)}.timeline-project-menu .source-library-selection-menu button.is-autocompose{color:#fff;background:#2f80ff;border-color:#0000}.timeline-project-menu .source-library-selection-menu button.is-autocompose:hover:not(:disabled){background:#1f70ed;border-color:#0000}.timeline-project-menu .source-library-selection-menu button.is-danger{color:#ff3b30}.timeline-project-menu .source-library-selection-menu button:disabled{cursor:not-allowed;opacity:.45}.timeline-project-menu .source-library-footer .source-library-add{border:1.5px dashed var(--ink);flex:1;grid-template-columns:1fr;align-content:center;justify-items:center;gap:8px;width:100%;min-height:140px;padding:18px 16px;display:grid}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-footer .source-library-add{border:1.5px dashed color-mix(in srgb, var(--ink) 25%, var(--line))}}.timeline-project-menu .source-library-footer .source-library-add{background:var(--pill-bg);color:var(--ink);text-transform:none;border-radius:14px}.timeline-project-menu .source-library-footer .source-library-add>svg{color:var(--ink);margin-bottom:2px}.timeline-project-menu .source-library-footer .source-library-add>strong{letter-spacing:-.01em;font-size:11px;font-weight:600}.timeline-project-menu .source-library-footer .source-library-add>small{color:var(--muted);letter-spacing:0;font-size:8px;font-weight:560}.timeline-project-menu .source-library-footer .source-library-add:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-footer .source-library-add:hover{border-color:color-mix(in srgb, var(--ink) 38%, var(--line))}}.timeline-project-menu .source-library-footer .source-library-add:hover{background:var(--pill-bg-hover)}.timeline-project-menu .source-library-footer .source-library-add.is-limit{border-color:var(--limit)}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-footer .source-library-add.is-limit{border-color:color-mix(in srgb, var(--limit) 28%, transparent)}}.timeline-project-menu .source-library-footer .source-library-add.is-limit{background:var(--limit-soft);color:var(--limit)}.timeline-project-menu .source-library-footer .source-library-add.is-limit>svg,.timeline-project-menu .source-library-footer .source-library-add.is-limit>small{color:var(--limit)}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-footer .source-library-add.is-limit>small{color:color-mix(in srgb, var(--limit) 72%, var(--muted))}}.timeline-project-menu .source-library-footer .source-library-add.is-limit:hover{border-color:var(--limit)}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-footer .source-library-add.is-limit:hover{border-color:color-mix(in srgb, var(--limit) 42%, transparent)}}.timeline-project-menu .source-library-footer .source-library-add.is-limit:hover{background:var(--limit)}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu .source-library-footer .source-library-add.is-limit:hover{background:color-mix(in srgb, var(--limit) 12%, var(--limit-soft))}}@media (max-width:680px){.unified-screens-library{width:calc(100vw - 16px);max-height:calc(100dvh - 142px);bottom:128px;left:8px;right:auto}.unified-screens-library.is-top-library{max-height:calc(100dvh - 74px);inset:60px auto auto 8px}.unified-screens-library .source-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.timeline-movement-preset-menu .movement-preset-card{border:1px solid var(--line);background:var(--pill-bg);min-width:0;color:inherit;text-align:left;cursor:pointer;border-radius:12px;grid-template-rows:96px 40px;grid-template-columns:1fr;gap:0;padding:0;display:grid;position:relative;overflow:hidden}.timeline-movement-preset-menu .movement-preset-card:hover{border-color:var(--action-accent)}@supports (color:color-mix(in lab, red, red)){.timeline-movement-preset-menu .movement-preset-card:hover{border-color:color-mix(in srgb, var(--action-accent) 42%, var(--line))}}.timeline-movement-preset-menu .movement-preset-card:hover{background:var(--pill-bg)}.timeline-movement-preset-menu .movement-preset-card.is-active{border-color:var(--action-accent)}@supports (color:color-mix(in lab, red, red)){.timeline-movement-preset-menu .movement-preset-card.is-active{border-color:color-mix(in srgb, var(--action-accent) 58%, var(--line))}}.timeline-movement-preset-menu .movement-preset-card.is-active{box-shadow:0 0 0 1px var(--action-accent)}@supports (color:color-mix(in lab, red, red)){.timeline-movement-preset-menu .movement-preset-card.is-active{box-shadow:0 0 0 1px color-mix(in srgb, var(--action-accent) 28%, transparent)}}.timeline-movement-preset-menu .movement-preset-card.is-custom{min-height:52px;color:var(--ink);letter-spacing:.035em;text-transform:uppercase;grid-column:1/-1;grid-template-rows:none;place-items:center;padding:0 12px;font-size:9px;font-weight:720}.timeline-movement-preset-menu .movement-preset-card.is-dev-copy{min-height:40px;color:var(--ink);border-style:dashed;gap:7px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.timeline-movement-preset-menu .movement-preset-card.is-dev-copy{color:color-mix(in srgb, var(--ink) 70%, var(--action-accent))}}.timeline-project-menu button>.movement-preset-preview,.timeline-movement-preset-menu .movement-preset-card>.movement-preset-preview{border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 48%, var(--action-accent), transparent 62%), var(--pill-bg);justify-content:center;align-items:center;width:100%;min-width:0;height:96px;min-height:96px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.timeline-project-menu button>.movement-preset-preview,.timeline-movement-preset-menu .movement-preset-card>.movement-preset-preview{background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--action-accent) 7%, transparent), transparent 62%), color-mix(in srgb, var(--pill-bg) 76%, var(--app-bg))}}.timeline-project-menu button>.movement-preset-preview,.timeline-movement-preset-menu .movement-preset-card>.movement-preset-preview{perspective:340px;pointer-events:none}.movement-preset-browser{aspect-ratio:16/10;width:min(78%,166px);height:auto;transform-style:preserve-3d;will-change:transform;animation:movement-preset-combo var(--preview-duration,2.6s) ease-in-out infinite;animation-delay:var(--preview-delay,0s);background:#fff;border:1px solid #00000038;border-radius:10px;flex:none;grid-template-rows:22% minmax(0,1fr);animation-play-state:running;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #14141829}@keyframes movement-preset-combo{0%,6%,to{transform:translate3d(var(--preview-start-x,0), var(--preview-start-y,0), 0) rotateX(var(--preview-start-rx,8deg)) rotateY(var(--preview-start-ry,12deg)) rotateZ(var(--preview-start-rz,0deg)) scale(var(--preview-start-scale,1))}46%,54%{transform:translate3d(var(--preview-end-x,0), var(--preview-end-y,0), 0) rotateX(var(--preview-end-rx,8deg)) rotateY(var(--preview-end-ry,12deg)) rotateZ(var(--preview-end-rz,0deg)) scale(var(--preview-end-scale,1))}}.movement-preset-browser-bar{background:#f2f2f3;align-items:center;padding:0 9px;gap:5px!important;display:flex!important}.movement-preset-browser-bar>span{background:#d7d7da;border-radius:50%;width:6px;height:6px;display:block}.movement-preset-browser-bar>span:first-child{background:var(--action-accent)}.movement-preset-browser-content{grid-template-columns:31px minmax(0,1fr);min-height:0;gap:0!important;display:grid!important}.movement-preset-browser-sidebar{background:#f7f7f8;border-right:1px solid #ececef;align-content:start;padding:10px 7px;gap:6px!important;display:grid!important}.movement-preset-browser-sidebar>span{background:#dedee1;border-radius:2px;width:100%;height:3px;display:block}.movement-preset-browser-main{align-content:start;padding:10px 11px;gap:6px!important;display:grid!important}.movement-preset-browser-main>span{background:#e9e9eb;border-radius:3px;height:5px;display:block}.movement-preset-browser-main>span.is-heading{background:#d8d8dc;width:52%;height:4px;margin-bottom:1px}.movement-preset-browser-main>span:nth-child(3){width:76%}.movement-preset-browser-main>div{grid-template-columns:repeat(3,1fr);margin-top:2px;gap:4px!important;display:grid!important}.movement-preset-browser-main>div span{background:#f0f0f2;border-radius:3px;height:18px;display:block}.timeline-project-menu button>.movement-preset-caption,.timeline-movement-preset-menu .movement-preset-card>.movement-preset-caption{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;padding:0 11px;display:flex}.movement-preset-caption strong{letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;overflow:hidden}.movement-preset-caption small{max-width:100%;color:var(--muted);letter-spacing:.01em;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:8px;font-weight:520;overflow:hidden}html.is-dark-ui .movement-preset-browser{background:#27272b;border-color:#ffffff17;box-shadow:0 12px 28px #0000002e}html.is-dark-ui .movement-preset-browser-bar{background:#343439}html.is-dark-ui .movement-preset-browser-bar>span{background:#53535a}html.is-dark-ui .movement-preset-browser-bar>span:first-child{background:var(--action-accent)}html.is-dark-ui .movement-preset-browser-content span{background:#44444a}html.is-dark-ui .movement-preset-browser-sidebar{background:#2e2e33;border-color:#3c3c42}html.is-dark-ui .movement-preset-browser-sidebar>span,html.is-dark-ui .movement-preset-browser-main>span.is-heading{background:#55555d}html.is-dark-ui .movement-preset-browser-main>div span{background:#39393f}.timeline-presets-button:hover,.add-track-button:hover{background:var(--pill-bg);color:var(--ink)}.timeline-zoom-label{border:1px solid var(--line);background:var(--pill-bg);height:32px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:11px;align-items:center;padding:0 10px;font-size:8px;display:inline-flex}.timeline-transport{gap:7px}.timeline-play-control{flex:none;display:flex;position:relative}.timeline-transport-actions{align-items:center;gap:7px;display:flex}.timeline-toolbar-zoom{box-sizing:border-box;flex:0 0 116px;align-items:center;width:116px;height:32px;margin-left:4px;padding:0 8px;display:flex;position:relative}.timeline-toolbar-zoom .lens-tick-slider{--lens-slider-active-height:18px;width:100%;height:20px}.timeline-toolbar-zoom .lens-slider-ticks{inset:0 2px}.timeline-toolbar-zoom .lens-slider-ticks span{--tick-rest-height:3px;--tick-rest-opacity:.24;background:var(--ink)}.timeline-toolbar-zoom .lens-slider-ticks span.is-step{--tick-rest-height:7px;--tick-rest-opacity:.5;width:1px}.timeline-toolbar-zoom .lens-tick-slider input[type=range]{cursor:ew-resize;appearance:none;touch-action:none;background:0 0;border:0;outline:0;width:100%;height:20px;margin:0;position:absolute;inset:0}.timeline-toolbar-zoom .lens-tick-slider input[type=range]::-webkit-slider-thumb{cursor:ew-resize}.timeline-toolbar-zoom .lens-tick-slider input[type=range]::-moz-range-thumb{cursor:ew-resize}.timeline-toolbar-zoom .lens-tick-slider input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:0;height:14px}.timeline-toolbar-zoom .lens-tick-slider input[type=range]::-webkit-slider-thumb{width:3px;height:var(--lens-slider-active-height);appearance:none;box-shadow:none;background:#171719;border:0;border-radius:2px;margin-top:-2px}.timeline-toolbar-zoom .lens-tick-slider input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:0;height:14px}.timeline-toolbar-zoom .lens-tick-slider input[type=range]::-moz-range-thumb{width:3px;height:var(--lens-slider-active-height);background:#171719;border:0;border-radius:2px}html.is-dark-ui .timeline-toolbar-zoom .lens-tick-slider input[type=range]::-webkit-slider-thumb{background:#fff}html.is-dark-ui .timeline-toolbar-zoom .lens-tick-slider input[type=range]::-moz-range-thumb{background:#fff}.timeline-toolbar-zoom .lens-tick-slider input[type=range]:disabled{cursor:default;opacity:.45}.timeline-transport-action{cursor:pointer;background:var(--pill-bg);height:32px;color:var(--pill-ink);font:inherit;white-space:nowrap;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:600;line-height:1;transition:background-color .15s,color .15s,transform .15s;display:inline-flex}.timeline-transport-action:hover:not(:disabled){background:var(--pill-bg-hover);color:var(--ink)}html:not(.is-dark-ui) .timeline-transport-action:hover:not(:disabled)>span{color:#171619}.timeline-transport-action:active:not(:disabled){transform:scale(.96)}.timeline-reorder-button{width:50px;padding-left:0;padding-right:0}.timeline-reorder-icon{display:none}.timeline-reorder-button.is-active{background:var(--operator-blue);color:#fff}.timeline-reorder-button.is-active:hover:not(:disabled){color:#fff;background:#1f70ed}html:not(.is-dark-ui) .timeline-reorder-button.is-active:hover:not(:disabled)>span{color:#fff}.timeline-transport-action:disabled{cursor:default;opacity:.4}.timeline-transport-button,.timeline-play-button{width:36px;height:36px;color:var(--muted);border-radius:12px;padding:0;line-height:0}.timeline-transport-button{background:0 0;border:0}.timeline-transport-button:hover,.timeline-play-button:hover{color:var(--ink);background:0 0}.timeline-play-button:disabled,.timeline-play-button.is-disabled{cursor:default;color:var(--muted)}.timeline-play-button-face{place-items:center;display:grid;position:absolute;inset:0}.timeline-play-button:disabled .timeline-play-button-face,.timeline-play-button.is-disabled .timeline-play-button-face{opacity:.3}.timeline-play-button:disabled:hover,.timeline-play-button.is-disabled:hover,.timeline-play-button:disabled:hover .timeline-play-button-face,.timeline-play-button.is-disabled:hover .timeline-play-button-face{color:var(--muted);background:0 0}.workspace.demo-video-guide-playback .timeline-play-button,.workspace.demo-video-guide-playback .timeline-play-button *{cursor:pointer!important}.timeline-play-button.is-blocked[data-tooltip]:after{color:#fff;background:#171619;border-color:#0000;box-shadow:0 8px 20px #00000052}.timeline-play-button.is-tooltip-shown[data-tooltip]:after{opacity:1;translate:-50%}.timeline-play-button{width:36px;height:36px;color:var(--ink);background:0 0;flex:none;position:relative}.timeline-play-glyph{justify-content:center;align-items:center;width:20px;height:20px;margin:auto;display:inline-flex;position:absolute;inset:0}.timeline-play-glyph.is-play svg{fill:currentColor;width:20px;height:20px;overflow:visible;transform:translate(.5px,.5px)}.timeline-play-glyph.is-pause{gap:4px}.timeline-play-glyph.is-pause i{background:currentColor;border-radius:2.5px;width:5px;height:16px;display:block}.timeline-restart-glyph{justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.timeline-restart-glyph svg{fill:currentColor;width:20px;height:20px;overflow:visible;transform:translate(-.5px)}.timeline-end-glyph svg{transform:translate(.5px)rotate(180deg)}.timeline-loop-button.is-active,html.is-dark-ui .timeline-loop-button.is-active{color:var(--action-accent)}.timeline-timecode{border:1px solid var(--line);background:var(--pill-bg);min-width:142px;height:36px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:12px;justify-content:center;align-items:center;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;display:inline-flex}.timeline-timecode>span{color:var(--muted);margin-left:4px;font-size:8px;font-weight:550}.timeline-timecode input{width:54px;color:var(--muted);font:inherit;font-size:inherit;font-weight:inherit;font-variant-numeric:tabular-nums;text-align:left;background:0 0;border:0;border-radius:5px;outline:0;padding:2px 3px}.timeline-timecode input:hover,.timeline-timecode input:focus{background:var(--pill-bg-hover);color:var(--ink)}.timeline-toolbar button,.timeline-toolbar input,.timeline-toolbar span,.timeline-toolbar small{font-size:10px}.timeline-toolbar .timeline-presets-button{font-size:11px}.add-track-wrap{width:100%;height:100%;position:relative}.timeline-add-shot-wrap{flex:none;width:auto;height:auto}.timeline-add-shot-wrap .add-track-source-picker{left:0}.add-track-source-picker{z-index:30;border:1px solid var(--line);background:var(--app-bg);border-radius:16px;width:min(430px,100vw - 32px);max-height:min(310px,100vh - 190px);padding:10px;position:absolute;bottom:calc(100% + 8px);left:8px;overflow-y:auto;box-shadow:0 14px 40px #12121424}.add-track-source-heading{justify-content:space-between;align-items:baseline;gap:12px;padding:2px 3px 9px;display:flex}.add-track-source-heading strong{color:var(--ink);font-size:10px}.add-track-source-heading small{color:var(--muted);font-size:8px}.add-track-source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.add-track-source-grid button{cursor:pointer;border:1px solid var(--line);background:var(--pill-bg);min-width:0;height:104px;color:var(--ink);text-align:left;border-radius:11px;grid-template-rows:76px 28px;padding:0;display:grid;overflow:hidden}.add-track-source-grid button:hover{border-color:var(--action-accent)}@supports (color:color-mix(in lab, red, red)){.add-track-source-grid button:hover{border-color:color-mix(in srgb, var(--action-accent) 55%, var(--line))}}.add-track-source-card>span{border-bottom:1px solid var(--line);background-color:var(--pill-bg);width:100%;height:100%;display:block}@supports (color:color-mix(in lab, red, red)){.add-track-source-card>span{background-color:color-mix(in srgb, var(--pill-bg) 72%, var(--app-bg))}}.add-track-source-card>span{background-position:50%;background-repeat:no-repeat;background-size:contain}.add-track-source-grid button>strong{text-overflow:ellipsis;white-space:nowrap;align-self:center;padding:0 8px;font-size:8px;overflow:hidden}.add-track-source-grid .add-track-new-source{text-align:center;border-style:dashed;place-items:center}.add-track-new-source>span{background:var(--action-accent);border-radius:9px;align-self:end;place-items:center;width:30px;height:30px;display:grid}@supports (color:color-mix(in lab, red, red)){.add-track-new-source>span{background:color-mix(in srgb, var(--action-accent) 14%, transparent)}}.add-track-new-source>span{color:var(--action-accent)}.add-track-new-source>strong{align-self:start!important;padding-top:5px!important}html.is-dark-ui .add-track-source-picker{box-shadow:0 14px 40px #00000052}.timeline-grid{--timeline-lane-inset:22px;--timeline-lane-start-inset:52px;--timeline-content-width:100%;grid-template-columns:var(--timeline-content-width);height:calc(100% - 56px);box-shadow:none;scrollbar-width:none;overscroll-behavior-x:none;touch-action:pan-x;background:0 0;border:0;border-radius:0;outline:0;align-content:end;padding-top:0;padding-bottom:0;display:grid;position:relative;overflow:auto hidden}.timeline-grid::-webkit-scrollbar{display:none}.timeline-track-spacer{grid-column:1/-1;min-width:790px;min-height:0}.timeline-grid.is-empty .timeline-track-spacer{background:0 0;border:0}.timeline-add-track-row{z-index:6;border-top:1px solid var(--line);background:#fffffff5;grid-column:1/-1;grid-template-columns:170px minmax(620px,1fr);min-width:790px;height:36px;display:grid;position:absolute;bottom:0;left:0;right:0}html.is-dark-ui .timeline-add-track-row{background:var(--timeline-surface)}.timeline-add-track-cell{z-index:4;border-right:1px solid var(--line);background:#fffffff5;display:flex;position:sticky;left:0}html.is-dark-ui .timeline-add-track-cell{background:var(--timeline-surface)}.timeline-add-track-cell .add-track-button{white-space:nowrap;border-color:#0000;border-radius:0;justify-content:flex-start;width:100%;height:100%;padding:0 12px}.timeline-add-track-lane{background:0 0}.timeline-ruler-corner,.timeline-ruler{z-index:5;background:#fffffff5;position:sticky;top:0}html.is-dark-ui .timeline-ruler-corner,html.is-dark-ui .timeline-ruler{background:var(--timeline-surface)}.timeline-ruler-corner{border-right:1px solid var(--line);align-items:center;display:flex;left:0}.timeline-ruler-corner .timeline-timecode{background:0 0;border:0;border-radius:0;justify-content:flex-start;width:100%;min-width:0;height:100%;padding:0 12px;font-size:10px}.timeline-ruler{z-index:12;top:auto;bottom:8px;right:auto;left:var(--timeline-lane-start-inset);width:calc(var(--timeline-content-width) - var(--timeline-lane-start-inset) - var(--timeline-lane-inset));cursor:pointer;pointer-events:auto;touch-action:none;background-color:#0000;min-width:0;height:24px;margin:0;position:absolute;overflow:visible}.timeline-sequence-filmstrip>.timeline-ruler{width:100%;left:0}html.is-dark-ui .timeline-ruler{background:0 0}.timeline-ruler-tick{background:var(--ink);width:1px;height:9.6px;position:absolute;top:50%}@supports (color:color-mix(in lab, red, red)){.timeline-ruler-tick{background:color-mix(in srgb, var(--ink) 8%, transparent)}}.timeline-ruler-tick{transform:translate(-50%,-50%)}html.is-dark-ui .timeline-ruler-tick{background:#ffffff2e}.timeline-ruler-tick.is-half-second{height:12px}.timeline-ruler-tick.is-second{height:24px}.timeline-ruler-label{z-index:1;color:var(--muted);font-variant-numeric:tabular-nums;font-size:7px;line-height:1;position:absolute;top:4px;transform:translate(-50%)}.timeline-ruler-label.is-first{transform:translate(4px)}.timeline-ruler-label.is-last{transform:translate(calc(-100% - 4px))}.timeline-track-row{border-bottom:1px solid var(--line);grid-column:1/-1;grid-template-columns:170px minmax(620px,1fr);min-width:790px;min-height:42px;display:none}.timeline-sequence-row{min-width:0;min-height:72px;margin-right:var(--timeline-lane-inset);margin-left:var(--timeline-lane-start-inset);box-shadow:none;background:0 0;border:0;outline:0;grid-column:1/-1;position:relative}.timeline-sequence-filmstrip{align-self:start;height:108px}.timeline-sequence-row .timeline-clip{height:60px;top:8px;bottom:auto}.timeline-sequence-filmstrip .shot-fade-control{top:38px}.timeline-sequence-filmstrip .timeline-add-scene-clip{height:60px;top:8px;bottom:auto}.timeline-sequence-filmstrip .timeline-add-scene-clip.is-labeled{height:60px;bottom:auto}:is(.timeline-grid:has(.timeline-text-row) .timeline-sequence-row .timeline-clip,.timeline-grid:has(.timeline-text-row) .timeline-add-scene-clip:not(.is-labeled)){top:4px;bottom:12px}.timeline-add-scene-clip{z-index:8;cursor:pointer;color:#85858d;letter-spacing:normal;white-space:nowrap;background:0 0;border:1px dashed #c9c9cf;border-radius:7px;justify-content:center;align-items:center;gap:4px;width:28px;padding:0;font-size:11px;font-weight:750;transition:background-color .14s,border-color .14s,color .14s,width .14s,padding .14s;display:inline-flex;position:absolute;top:8px;bottom:8px}.timeline-add-scene-clip>svg{color:inherit;stroke:currentColor;opacity:1}.timeline-add-scene-clip.is-labeled{border:1px dashed var(--ink);width:max-content;height:auto;padding:0 15px;top:8px;bottom:8px}@supports (color:color-mix(in lab, red, red)){.timeline-add-scene-clip.is-labeled{border:1px dashed color-mix(in srgb, var(--ink) 18%, transparent)}}.timeline-add-scene-clip.is-labeled{background:var(--ink);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.timeline-add-scene-clip.is-labeled{background:color-mix(in srgb, var(--ink) 8%, transparent)}}.timeline-add-scene-clip.is-labeled{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-add-scene-clip.is-labeled{color:color-mix(in srgb, var(--ink) 50%, transparent)}}.timeline-add-scene-clip.is-labeled{font-weight:500;transform:none}.timeline-add-scene-clip.is-tail{border-radius:12px;width:60px;height:60px}.timeline-add-scene-clip:hover:not(:disabled){color:#55555b;background:0 0;border-color:#85858d}.timeline-add-scene-clip.is-labeled:hover:not(:disabled){border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-add-scene-clip.is-labeled:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 28%, transparent)}}.timeline-add-scene-clip.is-labeled:hover:not(:disabled){background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-add-scene-clip.is-labeled:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 13%, transparent)}}.timeline-add-scene-clip.is-labeled:hover:not(:disabled){color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-add-scene-clip.is-labeled:hover:not(:disabled){color:color-mix(in srgb, var(--ink) 50%, transparent)}}html.is-dark-ui .timeline-add-scene-clip{color:#8b8b93;border-color:#55555c}html.is-dark-ui .timeline-add-scene-clip.is-tail:hover:not(:disabled){color:#fff;border-color:#fff}html.is-dark-ui .timeline-add-scene-clip:not(.is-labeled):not(.is-tail):hover:not(:disabled){color:#ffd50b;border-color:#ffd50b}html.is-dark-ui .timeline-add-scene-clip.is-labeled{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .timeline-add-scene-clip.is-labeled{background:color-mix(in srgb, var(--ink) 8%, transparent)}}html.is-dark-ui .timeline-add-scene-clip.is-labeled{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .timeline-add-scene-clip.is-labeled{color:color-mix(in srgb, var(--ink) 50%, transparent)}}.timeline-add-scene-clip:disabled{cursor:not-allowed;color:#b4b4ba;background:0 0;border-color:#e4e4e8}html.is-dark-ui .timeline-add-scene-clip:disabled{color:#6a6a72;background:0 0;border-color:#3a3a3f}.timeline-add-scene-clip.is-labeled:disabled,html.is-dark-ui .timeline-add-scene-clip.is-labeled:disabled{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-add-scene-clip.is-labeled:disabled,html.is-dark-ui .timeline-add-scene-clip.is-labeled:disabled{border-color:color-mix(in srgb, var(--ink) 12%, transparent)}}.timeline-add-scene-clip.is-labeled:disabled,html.is-dark-ui .timeline-add-scene-clip.is-labeled:disabled{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-add-scene-clip.is-labeled:disabled,html.is-dark-ui .timeline-add-scene-clip.is-labeled:disabled{background:color-mix(in srgb, var(--ink) 8%, transparent)}}.timeline-add-scene-clip.is-labeled:disabled,html.is-dark-ui .timeline-add-scene-clip.is-labeled:disabled{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-add-scene-clip.is-labeled:disabled,html.is-dark-ui .timeline-add-scene-clip.is-labeled:disabled{color:color-mix(in srgb, var(--ink) 50%, transparent)}}.timeline-add-scene-clip.is-labeled:disabled,html.is-dark-ui .timeline-add-scene-clip.is-labeled:disabled{opacity:.4}.timeline-text-row{min-width:0;min-height:26px;padding:3px var(--timeline-lane-inset);will-change:transform;background:0 0;grid-column:1/-1;grid-template-columns:minmax(0,1fr);transition:transform .17s cubic-bezier(.2,.8,.2,1),filter .14s;display:grid}.timeline-text-row.is-lifting{z-index:38;filter:drop-shadow(0 10px 12px #0000002e);transition:filter .14s}.timeline-text-row.is-lifting .timeline-text-lane{transform:scale(1.012)}.timeline-text-row.is-shifting{z-index:2}.timeline-text-lane{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;align-self:center;min-width:0;height:20px;overflow:visible}.timeline-text-lane:active{cursor:grabbing}.timeline-clip.is-text.timeline-text-lane-clip,html.is-dark-ui .timeline-grid .timeline-clip.is-text.timeline-text-lane-clip{--action-accent:#ffd50b;--action-accent-hover:#f5c92a;--action-accent-ink:#171619;cursor:grab;background:var(--ink);border-color:#0000;gap:5px;height:20px;padding:2px 18px;top:0;bottom:auto}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-text.timeline-text-lane-clip,html.is-dark-ui .timeline-grid .timeline-clip.is-text.timeline-text-lane-clip{background:color-mix(in srgb, var(--ink) 8%, transparent)}}.timeline-clip.is-text.timeline-text-lane-clip,html.is-dark-ui .timeline-grid .timeline-clip.is-text.timeline-text-lane-clip{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-text.timeline-text-lane-clip,html.is-dark-ui .timeline-grid .timeline-clip.is-text.timeline-text-lane-clip{color:color-mix(in srgb, var(--ink) 50%, transparent)}}.timeline-clip.is-text.timeline-text-lane-clip,html.is-dark-ui .timeline-grid .timeline-clip.is-text.timeline-text-lane-clip{box-shadow:none;touch-action:none;transition:background-color .16s,color .16s,box-shadow .14s,transform .14s}.timeline-clip.is-text.timeline-text-lane-clip:not(.is-selected):hover,html.is-dark-ui .timeline-grid .timeline-clip.is-text.timeline-text-lane-clip:not(.is-selected):hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-text.timeline-text-lane-clip:not(.is-selected):hover,html.is-dark-ui .timeline-grid .timeline-clip.is-text.timeline-text-lane-clip:not(.is-selected):hover{background:color-mix(in srgb, var(--ink) 13%, transparent)}}.timeline-clip.is-text.timeline-text-lane-clip:not(.is-selected) .timeline-clip-handle{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-text.timeline-text-lane-clip:not(.is-selected) .timeline-clip-handle{color:color-mix(in srgb, var(--ink) 42%, transparent)}}html.is-dark-ui .timeline-grid .timeline-clip.is-text.timeline-text-lane-clip:not(.is-selected) .timeline-clip-handle{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .timeline-grid .timeline-clip.is-text.timeline-text-lane-clip:not(.is-selected) .timeline-clip-handle{color:color-mix(in srgb, var(--ink) 64%, transparent)}}.timeline-clip.is-text.timeline-text-lane-clip.is-selected,html.is-dark-ui .timeline-clip.is-text.timeline-text-lane-clip.is-selected{z-index:10;background:var(--action-accent);color:#171619;box-shadow:0 0 0 2px var(--action-accent);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-text.timeline-text-lane-clip.is-selected,html.is-dark-ui .timeline-clip.is-text.timeline-text-lane-clip.is-selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--action-accent) 28%, transparent)}}.timeline-text-lane-clip:active{cursor:grabbing}.timeline-text-lane-clip.is-selected .timeline-clip-handle{color:#3a3a40;opacity:1;pointer-events:auto}.timeline-grid .timeline-text-lane-clip .timeline-clip-handle:after{height:10px}.timeline-text-lane-clip .timeline-clip-text{opacity:.86;text-align:center;flex:1;min-width:0;font-size:10px;font-weight:500;display:block}.timeline-clip.is-logo.timeline-logo-lane-clip,html.is-dark-ui .timeline-grid .timeline-clip.is-logo.timeline-logo-lane-clip{--action-accent:#ffd50b;--action-accent-hover:#f5c92a;--action-accent-ink:#171619;cursor:grab;background:var(--ink);border-color:#0000;gap:6px;height:20px;padding:2px 18px;top:0;bottom:auto}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-logo.timeline-logo-lane-clip,html.is-dark-ui .timeline-grid .timeline-clip.is-logo.timeline-logo-lane-clip{background:color-mix(in srgb, var(--ink) 8%, transparent)}}.timeline-clip.is-logo.timeline-logo-lane-clip,html.is-dark-ui .timeline-grid .timeline-clip.is-logo.timeline-logo-lane-clip{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-logo.timeline-logo-lane-clip,html.is-dark-ui .timeline-grid .timeline-clip.is-logo.timeline-logo-lane-clip{color:color-mix(in srgb, var(--ink) 58%, transparent)}}.timeline-clip.is-logo.timeline-logo-lane-clip,html.is-dark-ui .timeline-grid .timeline-clip.is-logo.timeline-logo-lane-clip{box-shadow:none;touch-action:none;transition:background-color .16s,color .16s,box-shadow .14s,transform .14s}.timeline-clip.is-logo.timeline-logo-lane-clip.is-selected,html.is-dark-ui .timeline-grid .timeline-clip.is-logo.timeline-logo-lane-clip.is-selected{z-index:10;background:var(--action-accent);color:#171619;box-shadow:0 0 0 2px var(--action-accent)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-logo.timeline-logo-lane-clip.is-selected,html.is-dark-ui .timeline-grid .timeline-clip.is-logo.timeline-logo-lane-clip.is-selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--action-accent) 28%, transparent)}}.timeline-logo-thumbnail{object-fit:contain;flex:0 0 14px;width:14px;height:14px}.timeline-clip.is-shot.is-text-scene{justify-content:center;padding:0}.timeline-clip.is-shot.is-text-scene.is-complete{color:#171619}.timeline-clip-text-label{letter-spacing:-.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;font-size:11px;font-weight:400;line-height:40px;display:block;overflow:hidden}.timeline-project-menu .source-library-card.is-text-scene{background:var(--app-bg);place-items:center}.source-library-text-preview{width:100%;height:100%;color:var(--ink);letter-spacing:-.06em;place-items:center;font-size:42px;font-weight:650;display:grid}.source-library-scene-row,.source-library-media-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}.source-library-media-grid.has-scene-options{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}@media (max-width:680px){.source-library-scene-row,.source-library-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.photo-crop-overlay{z-index:240;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.photo-crop-dialog{color:#f7f7f8;background:#171719;border:1px solid #ffffff21;border-radius:22px;width:min(900px,100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 30px 90px #0000008c}.photo-crop-heading,.photo-crop-actions{justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.photo-crop-heading h2,.photo-crop-heading p{margin:0}.photo-crop-heading h2{font-size:15px}.photo-crop-heading p{color:#929298;margin-top:3px;font-size:10px}.photo-crop-heading>button,.photo-crop-actions button{color:inherit;cursor:pointer;border:0}.photo-crop-heading>button{background:#29292c;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.photo-crop-heading>button:disabled,.photo-crop-actions button:disabled{cursor:default;opacity:.42}.photo-crop-preview{background:#050505;border-radius:14px;place-items:center;min-height:240px;max-height:58dvh;margin:0 18px;display:grid;overflow:hidden}.photo-crop-stage{touch-action:none;background:#080808;width:100%;max-height:56dvh;position:relative;overflow:hidden}.photo-crop-stage>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.photo-crop-selection{z-index:2;cursor:move;touch-action:none;border:1px solid #ffffffeb;position:absolute;box-shadow:0 0 0 9999px #00000094}.photo-crop-selection:active{cursor:grabbing}.photo-crop-grid{pointer-events:none;background:linear-gradient(90deg,#0000 33.2%,#ffffff57 33.2% 33.5%,#0000 33.5% 66.5%,#ffffff57 66.5% 66.8%,#0000 66.8%),linear-gradient(#0000 33.2%,#ffffff57 33.2% 33.5%,#0000 33.5% 66.5%,#ffffff57 66.5% 66.8%,#0000 66.8%);position:absolute;inset:0}.photo-crop-handle{z-index:3;touch-action:none;background:#ffd60a;border:2px solid #fff;border-radius:4px;width:15px;height:15px;position:absolute;box-shadow:0 2px 8px #0000006b}.photo-crop-handle.is-nw{cursor:nwse-resize;top:3px;left:3px}.photo-crop-handle.is-ne{cursor:nesw-resize;top:3px;right:3px}.photo-crop-handle.is-sw{cursor:nesw-resize;bottom:3px;left:3px}.photo-crop-handle.is-se{cursor:nwse-resize;bottom:3px;right:3px}.photo-crop-size{color:#929298;font-variant-numeric:tabular-nums;text-align:center;padding:10px 18px 12px;font-size:10px;display:block}.photo-crop-actions{border-top:1px solid #ffffff14;gap:8px}.photo-crop-actions>span{gap:8px;display:flex}.photo-crop-actions button{background:#29292c;border-radius:999px;min-height:34px;padding:0 15px;font-size:10px;font-weight:700}.photo-crop-actions button.is-primary{color:#171200;background:#ffd60a}.photo-crop-heading>button:focus-visible,.photo-crop-actions button:focus-visible,.photo-crop-selection:focus-visible{outline-offset:3px;outline:2px solid #ffd60a}.video-trim-overlay{z-index:240;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.video-trim-dialog{color:#f7f7f8;background:#171719;border:1px solid #ffffff21;border-radius:22px;width:min(820px,100vw - 32px);overflow:hidden;box-shadow:0 30px 90px #0000008c}.video-trim-heading,.video-trim-actions{justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.video-trim-heading h2,.video-trim-heading p{margin:0}.video-trim-heading h2{font-size:15px}.video-trim-heading p{color:#929298;margin-top:3px;font-size:10px}.video-trim-heading>button,.video-trim-actions button,.video-trim-play{color:inherit;cursor:pointer;border:0}.video-trim-heading>button{background:#29292c;border-radius:999px;place-items:center;width:30px;height:30px;display:grid}.video-trim-preview{background:#050505;border-radius:14px;place-items:center;height:min(44vh,390px);margin:0 18px;display:grid;position:relative;overflow:hidden}.video-trim-crop-stage{touch-action:none;width:auto;max-width:100%;height:100%;max-height:100%;position:relative;overflow:hidden}.video-trim-preview video{object-fit:fill;width:100%;height:100%;display:block}.video-trim-crop-selection{z-index:2;cursor:grab;border:1px solid #ffffffeb;position:absolute;box-shadow:0 0 0 9999px #00000075,0 0 0 1px #0000008c}.video-trim-crop-selection:active{cursor:grabbing}.video-trim-drag-preview{z-index:1;object-fit:contain;pointer-events:none;background:#050505;width:100%;height:100%;position:absolute;inset:0}.video-trim-controls{background:#222225;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:14px;padding:18px;display:grid}.video-trim-play{background:0 0;border-radius:999px;place-items:center;width:46px;height:46px;display:grid}.video-trim-play svg{transform:translate(1px)}.video-trim-play .timeline-play-glyph{position:static}.video-trim-play .timeline-play-glyph.is-play svg{transform:translate(.5px,.5px)}.video-trim-rail-wrap{min-width:0}.video-trim-timeline-toolbar{color:#929298;justify-content:space-between;align-items:flex-start;min-height:25px;font-size:9px;font-weight:650;display:flex}.video-trim-zoom-controls{align-items:center;gap:3px;display:flex;transform:translateY(-5px)}.video-trim-zoom-controls button{color:#f7f7f8;cursor:pointer;background:#303034;border:0;border-radius:999px;place-items:center;width:26px;height:26px;padding:0;display:grid}.video-trim-zoom-controls button:hover:not(:disabled){background:#3b3b40}.video-trim-zoom-controls button:disabled{color:#68686d;cursor:default}.video-trim-zoom-controls>span{color:#b7b7bc;text-align:center;font-variant-numeric:tabular-nums;min-width:26px}.video-trim-rail-scroll{scrollbar-color:#55555b transparent;scrollbar-width:thin;overscroll-behavior-x:contain;touch-action:pan-x;background:#080808;border-radius:8px;max-width:100%;overflow:auto hidden}.video-trim-rail{touch-action:pan-x;background:#080808;height:72px;position:relative;overflow:hidden}.video-trim-thumbnails{grid-template-columns:repeat(12,minmax(0,1fr));width:100%;height:100%;display:grid}.video-trim-thumbnails img{object-fit:cover;width:100%;min-width:0;height:100%}.video-trim-dim{z-index:2;pointer-events:none;background:#000000a3;position:absolute;top:0;bottom:0}.video-trim-dim.is-left{left:0}.video-trim-dim.is-right{right:0}.video-trim-active{z-index:3;cursor:grab;touch-action:none;border:4px solid #ffd60a;border-radius:8px;min-width:10px;position:absolute;top:0;bottom:0;overflow:hidden}.video-trim-active:active{cursor:grabbing}.video-trim-active i{cursor:ew-resize;background:#ffd60a;width:18px;position:absolute;top:0;bottom:0}.video-trim-active i:after{content:"";border-inline:1px solid #342c00;width:2px;height:17px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-trim-active i.is-left{left:0}.video-trim-active i.is-right{right:0}.video-trim-times{color:#929298;font-variant-numeric:tabular-nums;justify-content:space-between;padding-top:7px;font-size:9px;display:flex}.video-trim-times span:nth-child(2){color:#ffd60a}.video-trim-actions{border-top:1px solid #ffffff14;justify-content:flex-end;gap:8px}.video-trim-actions>span{color:#929298;font-variant-numeric:tabular-nums;margin-right:auto;font-size:9px}.video-trim-actions button{background:#29292c;border-radius:999px;min-height:34px;padding:0 15px;font-size:10px;font-weight:700}.video-trim-actions button.is-primary{color:#171200;background:#ffd60a}@media (max-width:700px){.photo-crop-overlay{padding:10px}.photo-crop-dialog{border-radius:17px}.photo-crop-preview{min-height:180px;margin-inline:12px}.photo-crop-heading,.photo-crop-actions{padding-inline:12px}.video-trim-overlay{padding:10px}.video-trim-dialog{border-radius:17px}.video-trim-preview{height:34vh;margin-inline:12px}.video-trim-controls{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:12px}.video-trim-play{width:36px;height:36px}.video-trim-rail{height:60px}}.timeline-filmstrip-frames{width:100%;height:100%;display:grid}.timeline-filmstrip-frames.is-full-bleed .timeline-scene-preview-camera,.timeline-filmstrip-frames.is-full-bleed .timeline-scene-preview-screen{width:100%;max-width:none;height:100%;max-height:none}.timeline-filmstrip-frames.is-full-bleed:not(.is-position-frames) .timeline-scene-preview-camera,.timeline-filmstrip-frames.is-full-bleed:not(.is-position-frames) .timeline-scene-preview-screen{transform:none!important}.timeline-filmstrip-frames.is-full-bleed .timeline-scene-preview-screen{box-shadow:none;aspect-ratio:auto!important}.timeline-filmstrip-frames.is-full-bleed:not(.is-position-frames) .timeline-scene-preview-screen{top:0;left:0}.timeline-filmstrip-frames img{object-fit:cover;width:100%;min-width:0;height:100%;display:block}.timeline-scene-preview{background:0 0;border-right:1px solid #fff3;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden;container-type:size}.timeline-scene-preview-stage{width:100%;height:100%;display:block;position:relative;overflow:visible;container-type:size}.timeline-scene-preview-camera{z-index:1;transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:0}.timeline-scene-preview-screen{width:min(62cqw, calc(62cqh * var(--source-ratio,1.6)));box-sizing:border-box;max-width:none;max-height:none;transform-style:preserve-3d;backface-visibility:hidden;filter:none;will-change:transform;background:0 0;display:block;position:absolute;top:50%;left:50%;overflow:hidden}.timeline-scene-preview-media{border-radius:inherit;filter:none;position:absolute;inset:0;overflow:hidden}.timeline-scene-preview-screen img{object-fit:cover;filter:none;width:100%;height:100%;position:absolute;inset:0}.timeline-scene-preview-tab{z-index:2;pointer-events:none;height:6.5%;position:absolute;top:0;left:0;right:0}.timeline-scene-preview-tab:after{content:"";background:#ff5f57;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:5%;transform:translateY(-50%);box-shadow:8px 0 #febc2e,16px 0 #28c840}.timeline-scene-preview:last-child{border-right:0}.timeline-track-label{z-index:4;border-right:1px solid var(--line);background:#fffffff5;grid-template-columns:28px minmax(0,1fr) 24px 20px;align-items:center;gap:5px;padding:6px 8px 6px 12px;display:grid;position:sticky;left:0}.timeline-track-row.is-shot .timeline-track-label{cursor:pointer;grid-template-columns:minmax(0,1fr)}.timeline-track-row.is-shot .shot-settings-wrap{position:absolute;top:50%;right:5px;transform:translateY(-50%)}.timeline-track-label.has-open-menu{z-index:9}.timeline-track-row.is-shot .timeline-track-copy{cursor:pointer;width:calc(100% - 88px);color:inherit;font:inherit;text-align:center;background:0 0;border:0;place-content:center;padding:0;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-track-row.is-shot .timeline-track-copy:focus-visible{outline-offset:-3px;outline:2px solid #0000002e}.timeline-track-row.is-shot .timeline-track-copy strong{letter-spacing:.055em;text-transform:uppercase;font-size:9px}html.is-dark-ui .timeline-track-label{background:var(--timeline-surface)}.track-type-icon{color:#3b82f4;background:#eaf1ff;border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:800;display:grid}.track-type-icon.is-text{color:#8b5cf6;background:#f3ecff;font-family:ui-serif,Georgia,serif}.timeline-source-thumb{cursor:pointer;border:1px solid var(--line);background-color:var(--pill-bg);width:32px;height:26px;color:var(--muted);background-position:50%;background-size:cover;border-radius:50%;place-items:center;transition:border-color .15s,transform .15s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.timeline-source-thumb:hover{border-color:var(--action-accent);transform:scale(1.035)}.timeline-source-thumb:after{color:#fff;content:"+";opacity:0;background:#12121494;place-items:center;font-size:15px;transition:opacity .15s;display:grid;position:absolute;inset:0}.timeline-source-thumb:hover:after{opacity:1}.timeline-source-thumb input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.timeline-track-copy{gap:1px;min-width:0;display:grid}.timeline-track-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.timeline-track-copy small{color:var(--muted);font-size:7px}.shot-settings-wrap{z-index:2;position:relative}.shot-settings-button{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.shot-settings-button:hover,.shot-settings-button[aria-expanded=true]{background:var(--pill-bg-hover);color:var(--ink)}.shot-settings-menu{z-index:20;border:1px solid var(--line);background:#fffffffa;border-radius:11px;gap:2px;width:172px;padding:5px;display:grid;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 14px 36px #18181b24}html.is-dark-ui .shot-settings-menu{background:#19191cfa;box-shadow:0 14px 36px #00000061}.shot-settings-menu button,.shot-settings-menu label{cursor:pointer;min-height:32px;color:var(--ink);font:inherit;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:0 9px;font-size:9px;display:flex}.shot-settings-menu button:hover,.shot-settings-menu label:hover{background:var(--pill-bg-hover)}.shot-settings-menu .is-danger{color:#d74636}.shot-settings-menu input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.timeline-track-meta{align-items:center;gap:4px;min-width:0;display:flex}.timeline-track-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-add-clip,.track-remove{cursor:pointer;width:22px;height:22px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0}.track-add-clip:hover,.track-remove:hover{background:var(--pill-bg);color:var(--ink)}.timeline-lane{background:0 0;min-width:0;position:relative}.shot-transition-marker{cursor:pointer;width:20px;height:34px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:none;position:absolute;transform:translate(-50%,-50%)}html:not(.is-dark-ui) .shot-transition-marker{color:#171619}html.is-dark-ui .shot-transition-marker{color:#fff}.timeline-transition-tooltip{z-index:140;pointer-events:none;border:1px solid var(--ink);max-width:calc(100% - 16px);min-height:24px;padding:0 9px;position:absolute}@supports (color:color-mix(in lab, red, red)){.timeline-transition-tooltip{border:1px solid color-mix(in srgb, var(--ink) 9%, transparent)}}.timeline-transition-tooltip{background:var(--pill-bg);color:var(--pill-ink-hover);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;font-size:10px;font-weight:500;line-height:24px;overflow:hidden;transform:translate(-50%,-100%);box-shadow:0 6px 18px #1212141f}html.is-moving-timeline-clip .timeline-transition-tooltip{display:none}.shot-fade-control{z-index:18;appearance:none;box-sizing:border-box;cursor:pointer;width:22px;height:22px;box-shadow:none;color:var(--ink);background:#171619;border:1px solid #57575c;border-radius:5px;place-items:center;padding:0;display:grid;position:absolute;top:50%}@supports (color:color-mix(in lab, red, red)){.shot-fade-control{color:color-mix(in srgb, var(--ink) 70%, transparent)}}.shot-fade-control{isolation:isolate;transition:background-color .14s,transform .14s;animation:.15s ease-out both shot-transition-control-in;overflow:hidden;transform:translate(-50%,-50%)}@keyframes shot-transition-control-in{0%{opacity:0}to{opacity:1}}.shot-fade-control.is-seam{color:#fff;background:#171619;transform:translate(-50%,-50%)}.shot-fade-control.is-leading-edge{transform:translate(calc(-100% - 8px),-50%)}.shot-fade-control.is-trailing-edge{transform:translate(8px,-50%)}.shot-fade-control:after{z-index:1;content:"";background:currentColor;border-radius:999px;width:2px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shot-fade-control.is-active{box-shadow:none;color:#ffd50b;background:#171619}.shot-fade-control.is-seam.is-active{color:#ffd50b;background:#171619}.shot-fade-control.is-between-clips{color:#fff;background:#171619}.shot-fade-control.is-between-clips.is-active{color:#ffd50b;background:#171619}.shot-fade-control.is-active:after{transform:translate(-50%,-50%)rotate(35deg)}.shot-fade-control.has-transition-icon:after{display:none}html.is-dark-ui .timeline-sequence-filmstrip .shot-fade-control{color:#fff;background:#171619;border-color:#57575c}html.is-dark-ui .timeline-sequence-filmstrip .shot-fade-control.is-active{color:#ffd50b;background:#171619}.shot-transition-glyph{pointer-events:none;display:block}.timeline-sequence-filmstrip .shot-transition-glyph{width:12px;height:12px}.shot-transition-glyph.is-fade{fill:currentColor;width:14px;height:14px}.shot-transition-glyph.is-zoom-in,.shot-transition-glyph.is-zoom-out{fill:none;stroke:currentColor;stroke-width:1.8px}.shot-transition-glyph.is-zoom-out{stroke-width:2px}.shot-fade-control:hover{transform:translate(-50%,-50%)scale(1.06)}.shot-fade-control.is-leading-edge:hover{transform-origin:100%;transform:translate(calc(-100% - 8px),-50%)scale(1.03)}.shot-fade-control.is-trailing-edge:hover{transform-origin:0;transform:translate(8px,-50%)scale(1.03)}.shot-fade-control:focus-visible{outline:2px solid}@supports (color:color-mix(in lab, red, red)){.shot-fade-control:focus-visible{outline:2px solid color-mix(in srgb, currentColor 36%, transparent)}}.shot-fade-control:focus-visible{outline-offset:2px}.timeline-easing-button{flex:0 0 30px;justify-content:center;gap:0;width:30px}html.is-dark-ui .timeline-selected-presets-wrap>.timeline-presets-button,html.is-dark-ui .timeline-selected-easing-wrap>.timeline-presets-button,html.is-dark-ui .timeline-selected-presets-wrap>.timeline-presets-button:hover:not(:disabled),html.is-dark-ui .timeline-selected-easing-wrap>.timeline-presets-button:hover:not(:disabled){background:#000}.timeline-easing-button[aria-expanded=true]:after{opacity:0!important}.timeline-middle-keyframe-button.is-remove{color:#d74636}.shot-easing-menu{z-index:160;border:1px solid var(--line);background:var(--app-bg);width:290px;color:var(--ink);border-radius:18px;gap:12px;padding:14px;display:grid;position:absolute;top:auto;bottom:calc(100% + 18px);left:0;box-shadow:0 14px 40px #12121429}.shot-easing-preview{border:1px solid var(--ink);height:142px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.shot-easing-preview{border:1px solid color-mix(in srgb, var(--ink) 12%, transparent)}}.shot-easing-preview{background:var(--app-bg);border-radius:13px}@supports (color:color-mix(in lab, red, red)){.shot-easing-preview{background:color-mix(in srgb, var(--app-bg) 98%, white 2%)}}.shot-easing-preview .is-grid-line{z-index:0;background:var(--ink);position:absolute}@supports (color:color-mix(in lab, red, red)){.shot-easing-preview .is-grid-line{background:color-mix(in srgb, var(--ink) 7%, transparent)}}.shot-easing-preview .is-grid-line{pointer-events:none}.shot-easing-preview .is-horizontal-one,.shot-easing-preview .is-horizontal-two{height:1px;left:0;right:0}.shot-easing-preview .is-horizontal-one{top:33.333%}.shot-easing-preview .is-horizontal-two{top:66.666%}.shot-easing-preview .is-vertical-one,.shot-easing-preview .is-vertical-two{width:1px;top:0;bottom:0}.shot-easing-preview .is-vertical-one{left:33.333%}.shot-easing-preview .is-vertical-two{left:66.666%}.shot-easing-preview svg{z-index:1;width:100%;height:100%;position:relative;overflow:visible}.easing-curve-editor{cursor:crosshair;touch-action:none}.easing-curve-line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px}.easing-curve-point{fill:#2f80ff;stroke:var(--app-bg);stroke-width:1.5px}.easing-control-line{stroke:#2f80ff;stroke-dasharray:2.5 2.5;stroke-width:1.2px}.easing-control-handle{cursor:grab;fill:var(--app-bg);stroke:#2f80ff;stroke-width:2px;transition:r .12s,fill .12s}.easing-control-handle:hover{r:2.6px;fill:#2f80ff}@supports (color:color-mix(in lab, red, red)){.easing-control-handle:hover{fill:color-mix(in srgb, #2f80ff 10%, var(--app-bg))}}.easing-control-handle:active{cursor:grabbing;fill:#2f80ff}@supports (color:color-mix(in lab, red, red)){.easing-control-handle:active{fill:color-mix(in srgb, #2f80ff 18%, var(--app-bg))}}.shot-easing-curve-values{min-width:0;color:var(--muted);grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:6px;font-size:8px;display:grid}.shot-easing-value-input{cursor:ew-resize;appearance:textfield;border:1px solid var(--ink);width:100%;min-width:0;height:28px;padding:0 6px}@supports (color:color-mix(in lab, red, red)){.shot-easing-value-input{border:1px solid color-mix(in srgb, var(--ink) 11%, transparent)}}.shot-easing-value-input{background:var(--ink);border-radius:8px;outline:none}@supports (color:color-mix(in lab, red, red)){.shot-easing-value-input{background:color-mix(in srgb, var(--ink) 4%, transparent)}}.shot-easing-value-input{color:var(--ink);font-variant-numeric:tabular-nums;text-align:center;font-size:9px;font-weight:650;transition:border-color .14s,background-color .14s}.shot-easing-value-input::-webkit-inner-spin-button{appearance:none;margin:0}.shot-easing-value-input::-webkit-outer-spin-button{appearance:none;margin:0}.shot-easing-value-input:hover{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.shot-easing-value-input:hover{border-color:color-mix(in srgb, var(--ink) 24%, transparent)}}.shot-easing-value-input:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.shot-easing-value-input:hover{background:color-mix(in srgb, var(--ink) 7%, transparent)}}.shot-easing-value-input:focus{cursor:text;border-color:var(--action-accent);box-shadow:0 0 0 1px var(--action-accent)}@supports (color:color-mix(in lab, red, red)){.shot-easing-value-input:focus{box-shadow:0 0 0 1px color-mix(in srgb, var(--action-accent) 18%, transparent)}}.shot-easing-menu>small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:750}.shot-easing-presets{grid-template-columns:repeat(3,1fr);gap:9px 7px;display:grid}.shot-easing-presets button{cursor:pointer;min-width:0;color:var(--muted);text-transform:lowercase;background:0 0;border:0;gap:5px;padding:0;font-size:8px;font-weight:650;display:grid}.shot-easing-preset-curve{border:1px solid var(--ink);height:58px;display:block}@supports (color:color-mix(in lab, red, red)){.shot-easing-preset-curve{border:1px solid color-mix(in srgb, var(--ink) 10%, transparent)}}.shot-easing-preset-curve{background:var(--app-bg);border-radius:9px}@supports (color:color-mix(in lab, red, red)){.shot-easing-preset-curve{background:color-mix(in srgb, var(--app-bg) 98%, white 2%)}}.shot-easing-preset-curve{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.shot-easing-preset-curve{color:color-mix(in srgb, var(--ink) 64%, transparent)}}.shot-easing-preset-curve{transition:border-color .14s,background-color .14s,color .14s}.shot-easing-preset-curve svg{width:100%;height:100%;padding:5px}.shot-easing-presets button:hover .shot-easing-preset-curve{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.shot-easing-presets button:hover .shot-easing-preset-curve{border-color:color-mix(in srgb, var(--ink) 24%, transparent)}}.shot-easing-presets button:hover .shot-easing-preset-curve{color:var(--ink)}.shot-easing-presets button.is-active{color:#2f80ff}.shot-easing-presets button.is-active .shot-easing-preset-curve{color:#fff;background:#2f80ff;border-color:#2f80ff;box-shadow:inset 0 0 0 2px #2f80ff}.shot-easing-presets button.is-active .easing-curve-point{fill:#fff;stroke:#fff}.studio-drawer-overlay{z-index:240;background:#0000006b;position:fixed;inset:0}.studio-drawer-content{z-index:241;border:1px solid var(--ink);outline:none;flex-direction:column;max-height:min(92dvh,720px);display:flex;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.studio-drawer-content{border:1px solid color-mix(in srgb, var(--ink) 8%, transparent)}}.studio-drawer-content{background:var(--app-bg);color:var(--ink);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -18px 48px #1212142e}.studio-drawer-height-shell{will-change:height;width:100%;min-height:0;overflow:hidden}.studio-drawer-height-measure{width:100%;min-height:0}.studio-drawer-height-inner{flex-direction:column;width:100%;min-height:0;max-height:min(92dvh,720px);display:flex;position:relative}.studio-drawer-handle,.studio-drawer-content [data-vaul-handle]{background:var(--ink);flex:none;margin:10px auto 0}@supports (color:color-mix(in lab, red, red)){.studio-drawer-handle,.studio-drawer-content [data-vaul-handle]{background:color-mix(in srgb, var(--ink) 18%, transparent)}}.studio-drawer-close{z-index:2;cursor:pointer;background:var(--pill-bg);width:28px;height:28px;color:var(--muted);border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .14s,color .14s;display:grid;position:absolute;top:12px;right:12px}.studio-drawer-leading-action{z-index:2;position:absolute;top:12px;left:12px}.studio-drawer-trailing-action{z-index:2;position:absolute;top:12px;right:48px}.studio-drawer-close:hover{background:var(--pill-bg-hover);color:var(--ink)}.studio-drawer-title{color:var(--ink);letter-spacing:-.02em;flex:none;margin:4px 48px 10px 16px;font-size:15px;font-weight:650}.screens-library-drawer-content .studio-drawer-title{font-weight:550}.studio-drawer-description{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-drawer-body{min-height:0;padding:0 12px calc(16px + env(safe-area-inset-bottom));touch-action:pan-y;overscroll-behavior:contain;overflow:auto}.studio-drawer-content[data-title-hidden=true] .studio-drawer-body{padding-top:10px}.studio-drawer-content .timeline-movement-preset-menu,.studio-drawer-content .shot-easing-menu,.studio-drawer-content .timeline-text-scene-menu,.studio-drawer-content .screens-library-drawer{z-index:auto;width:auto;max-width:none;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;position:static;inset:auto;transform:none}.studio-drawer-content .timeline-movement-preset-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 0 4px}.studio-drawer-content .timeline-movement-preset-menu .movement-preset-card{grid-template-rows:88px 40px}.studio-drawer-content .timeline-movement-preset-menu .movement-preset-preview,.studio-drawer-content .timeline-movement-preset-menu .movement-preset-card>.movement-preset-preview{height:88px;min-height:88px}.studio-drawer-content .shot-easing-menu{gap:12px;padding:0 4px 4px;display:grid}.studio-drawer-content .shot-easing-preview{height:168px}.studio-drawer-content .screens-library-drawer{grid-template-rows:none;gap:0;padding:0;display:grid}.studio-drawer-content .screens-library-drawer .source-library-heading,.studio-drawer-content .screens-library-drawer .source-library-heading>div,.studio-drawer-content .screens-library-drawer .screens-library-close{display:none}.studio-drawer-content .screens-library-drawer .source-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 0 12px;overflow:visible}.studio-drawer-content .screens-library-drawer .source-library-footer{padding:0 0 4px}.studio-drawer-content .screens-library-drawer .source-library-footer .source-library-add{min-height:88px}.studio-drawer-content .timeline-text-scene-menu{gap:4px;padding:0 0 4px;display:grid}.studio-drawer-content .timeline-text-scene-menu button{min-height:44px;padding:10px 12px;font-size:16px}.studio-drawer-content .timeline-text-font-menu button{letter-spacing:-.02em;text-overflow:ellipsis;font-size:18px;font-weight:500;line-height:1.15;overflow:hidden}.studio-drawer-content .timeline-text-scene-menu button small{font-size:12px}.studio-drawer-content .timeline-text-anim-direction{height:40px;margin-bottom:8px}.studio-drawer-content .timeline-text-scene-menu .timeline-text-anim-direction button{text-align:center;justify-content:center;min-height:0;padding:0;font-size:12px;display:flex}html.is-dark-ui .studio-drawer-overlay{background:#0000008f}html.is-dark-ui .studio-drawer-content{border-color:#ffffff14;box-shadow:0 -18px 48px #0000006b}html.is-dark-ui .studio-drawer-handle,html.is-dark-ui .studio-drawer-content [data-vaul-handle]{background:#ffffff38}.shot-transition-marker>span{width:9px;height:9px;box-shadow:0 0 0 3px var(--app-bg);background:currentColor;border-radius:2px;transition:transform .14s,color .14s;transform:rotate(45deg)}.shot-transition-marker:hover,.shot-transition-marker[aria-expanded=true]{color:#ffd50b}.shot-transition-marker:hover>span,.shot-transition-marker[aria-expanded=true]>span{transform:rotate(45deg)scale(1.18)}.shot-transition-menu{z-index:120;color:#f2f2f4;background:#151517;border:1px solid #29292e;border-radius:16px;gap:7px;width:276px;padding:7px;display:grid;position:absolute;transform:translate(-50%,-100%);box-shadow:0 14px 42px #0000003d}.shot-transition-preview{justify-items:center;gap:4px;display:grid}.shot-transition-preview-viewport{isolation:isolate;background:#101114;border:1px solid #29292e;border-radius:9px;position:relative;overflow:hidden}.shot-transition-preview-surface{transform-origin:0 0;position:absolute;top:0;left:0}.shot-transition-types,.shot-transition-directions{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.shot-transition-zoom-options{grid-template-columns:1fr 1fr;gap:5px;display:grid}.shot-transition-menu button{cursor:pointer;color:#8a8a92;letter-spacing:.05em;text-transform:uppercase;background:0 0;border:1px solid #29292e;border-radius:8px;height:27px;padding:0;font-size:8px;font-weight:700}.shot-transition-menu button:hover{color:#f2f2f4;background:#202023}.shot-transition-menu button.is-active{color:#ffd50b;background:0 0}.shot-transition-menu button.is-active:hover{color:#ffd50b;background:#202023}.shot-transition-directions button{letter-spacing:0;font-size:14px}.timeline-clip{cursor:pointer;color:#34506f;text-align:left;background:#e7f0fc;border:1px solid #b8cce9;border-radius:7px;align-items:center;gap:7px;min-width:40px;padding:3px 9px 3px 4px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex;position:absolute;top:8px;bottom:8px;overflow:hidden}.timeline-clip.is-shot{--action-accent:#ffd50b;--action-accent-hover:#f5c92a;--action-accent-ink:#171619;--action-accent-soft:#f6edb8;--timeline-frame-color-transition:.16s ease;color:#55555b;box-shadow:none;cursor:grab;touch-action:none;background:#e8e8eb;border-color:#dedee2}html.is-dark-ui .timeline-clip.is-shot:not(.is-selected):not(.is-complete){color:#b5b5bc;background:#343438;border-color:#45454a}.timeline-clip.is-shot:active{cursor:grabbing}html.is-panning-timeline,html.is-panning-timeline .timeline-grid,html.is-panning-timeline .timeline-clip.is-shot{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.timeline-clip.is-shot.is-lifting{z-index:40;cursor:grabbing;transform:translateY(-6px) rotate(var(--shot-drag-tilt,0deg));will-change:transform, left;transition:box-shadow .14s;overflow:visible;box-shadow:0 14px 28px #1212142e,0 2px 6px #1212141a}html.is-dark-ui .timeline-clip.is-shot.is-lifting{box-shadow:0 16px 32px #0000006b,0 2px 8px #00000047}.timeline-clip.is-shot.is-selected{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-selected{border-color:color-mix(in srgb, var(--ink) 16%, var(--line))}}.timeline-clip.is-shot.is-selected{color:#3f3f46;box-shadow:inset 0 0 0 1px var(--ink);background:#dddde2}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-selected{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent)}}html.is-dark-ui .timeline-clip.is-shot.is-selected:not(.is-complete){color:#f4f4f5;box-shadow:none;background:#3a3a3f;border-color:#5a5a60}.timeline-clip.is-shot.is-complete,.timeline-clip.is-shot.is-selected.is-complete,html.is-dark-ui .timeline-clip.is-shot.is-complete,html.is-dark-ui .timeline-clip.is-shot.is-selected.is-complete{--action-accent:#ffd50b;--action-accent-hover:#f5c92a;--action-accent-ink:#171619;color:#171619;box-shadow:none;background:#ffd50b;border-color:#0000}:is(.timeline-clip.is-shot:not(.is-automotion):has(.shot-endpoint-half.is-start.is-set) .timeline-clip-handle.is-left,.timeline-clip.is-shot:not(.is-automotion):has(.shot-endpoint-half.is-start.is-active) .timeline-clip-handle.is-left,.timeline-clip.is-shot:not(.is-automotion):has(.shot-endpoint-half.is-start.is-set) .shot-fade-control.is-in,.timeline-clip.is-shot:not(.is-automotion):has(.shot-endpoint-half.is-start.is-active) .shot-fade-control.is-in,.timeline-clip.is-shot:not(.is-automotion):has(.shot-endpoint-half.is-end.is-set) .timeline-clip-handle.is-right,.timeline-clip.is-shot:not(.is-automotion):has(.shot-endpoint-half.is-end.is-active) .timeline-clip-handle.is-right,.timeline-clip.is-shot:not(.is-automotion):has(.shot-endpoint-half.is-end.is-set) .shot-fade-control.is-out,.timeline-clip.is-shot:not(.is-automotion):has(.shot-endpoint-half.is-end.is-active) .shot-fade-control.is-out,.timeline-clip.is-shot.is-complete:not(.is-automotion) .timeline-clip-handle,.timeline-clip.is-shot.is-complete:not(.is-automotion) .shot-fade-control){color:#3a3a40}.timeline-clip.is-shot.is-selected.is-complete{box-shadow:0 0 0 2px var(--action-accent)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-selected.is-complete{box-shadow:0 0 0 2px color-mix(in srgb, var(--action-accent) 28%, transparent)}}.timeline-track-row.is-shot:has(.timeline-clip.is-selected) .timeline-track-label{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-track-row.is-shot:has(.timeline-clip.is-selected) .timeline-track-label{background:color-mix(in srgb, var(--ink) 6%, transparent)}}html.is-dark-ui .timeline-track-row.is-shot:has(.timeline-clip.is-selected) .timeline-track-label{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .timeline-track-row.is-shot:has(.timeline-clip.is-selected) .timeline-track-label{background:color-mix(in srgb, var(--ink) 10%, transparent)}}.timeline-track-row.is-shot:has(.timeline-clip.is-complete) .timeline-track-label{background:#ffd50b38}html.is-dark-ui .timeline-track-row.is-shot:has(.timeline-clip.is-complete) .timeline-track-label{background:#2b2612}.timeline-track-row.is-shot:has(.timeline-clip.is-automotion) .timeline-track-label{background:#2f80ff38}html.is-dark-ui .timeline-track-row.is-shot:has(.timeline-clip.is-automotion) .timeline-track-label{background:#2f80ff38}.timeline-clip.is-text{color:#68459b;background:#f1eafd;border-color:#d5c2f2}html.is-dark-ui .timeline-clip.is-text:not(.is-selected){color:#c1b4d2;background:#312d37;border-color:#494052}.timeline-clip.is-selected{border-color:var(--action-accent);box-shadow:0 0 0 2px var(--action-accent), inset 0 1px #ffffff4d}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--action-accent) 25%, transparent), inset 0 1px #ffffff4d}}.timeline-clip.is-shot.is-selected:not(.is-complete){border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-selected:not(.is-complete){border-color:color-mix(in srgb, var(--ink) 16%, var(--line))}}.timeline-clip.is-shot.is-selected:not(.is-complete){box-shadow:inset 0 0 0 1px var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-selected:not(.is-complete){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent)}}.timeline-clip.is-shot.is-selected.is-presets,.timeline-clip.is-shot.is-incomplete.is-selected.is-presets{border-color:var(--action-accent);box-shadow:none}.timeline-clip.is-shot.is-selected.is-complete{box-shadow:0 0 0 2px var(--action-accent);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-selected.is-complete{box-shadow:0 0 0 2px color-mix(in srgb, var(--action-accent) 28%, transparent)}}.timeline-clip.is-shot.is-selected.is-presets.is-complete{border-color:var(--action-accent);box-shadow:none}.timeline-clip.is-shot.is-automotion,.timeline-clip.is-shot.is-complete.is-automotion,.timeline-clip.is-shot.is-selected.is-complete.is-automotion,html.is-dark-ui .timeline-clip.is-shot.is-automotion,html.is-dark-ui .timeline-clip.is-shot.is-selected.is-automotion{--action-accent:#2f80ff;--action-accent-hover:#1f70ed;--action-accent-ink:#fff;color:#fff;background:#2f80ff;border-color:#0000}.timeline-clip.is-shot.is-selected.is-automotion,.timeline-clip.is-shot.is-selected.is-presets.is-automotion{border-color:#2f80ff;box-shadow:0 0 0 2px #2f80ff4d}.timeline-clip.is-shot.is-automotion .timeline-clip-handle,.timeline-clip.is-shot.is-automotion .shot-fade-control{color:#ffffffe0}.shot-preset-label{z-index:2;color:currentColor;letter-spacing:.05em;opacity:.78;text-align:center;text-transform:uppercase;pointer-events:none;place-items:center;padding:0 8px;font-size:8px;font-weight:800;display:grid;position:absolute;inset:0}.timeline-clip.is-shot.is-selected.is-presets .shot-preset-label{opacity:1}.shot-endpoint-halves{z-index:2;pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.shot-endpoint-halves.has-middle{grid-template-columns:repeat(3,minmax(0,1fr))}.shot-endpoint-halves:after{background:var(--action-accent,#ffd50b);width:1px;position:absolute;top:5px;bottom:5px;left:50%}@supports (color:color-mix(in lab, red, red)){.shot-endpoint-halves:after{background:color-mix(in srgb, var(--action-accent,#ffd50b) 48%, transparent)}}.shot-endpoint-halves:after{content:"";pointer-events:none;translate:-50%}.timeline-clip.is-shot.is-complete .shot-endpoint-halves:after{background:var(--action-accent-ink,#171619)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-complete .shot-endpoint-halves:after{background:color-mix(in srgb, var(--action-accent-ink,#171619) 16%, transparent)}}.shot-endpoint-halves:has(.is-active):after{opacity:0}.composer-position-labels{pointer-events:auto;display:flex;overflow:hidden}.timeline-clip.is-shot:not(.is-selected) .composer-position-labels{pointer-events:none}.composer-position-labels:after{display:none}.composer-position-labels button{cursor:pointer;min-width:0;color:inherit;font:inherit;letter-spacing:.04em;background:0 0;border:0;flex:1 1 0;padding:0;font-size:7px;font-weight:800;position:relative}.composer-position-notch{z-index:2;pointer-events:none;flex:0 0 0;width:0;height:100%;position:relative}.composer-position-notch:before,.composer-position-notch:after{background:var(--timeline-surface);content:"";width:6px;height:3px;position:absolute;left:-3px}.composer-position-notch:before{border-radius:0 0 3px 3px;top:0}.composer-position-notch:after{border-radius:3px 3px 0 0;bottom:0}.timeline-clip.is-shot:has(.composer-position-labels){box-shadow:none;border:0}.composer-position-labels button:hover,.composer-position-labels button.is-active{color:#fff;background:#ffffff0d}.timeline-clip.is-shot .composer-position-labels button:hover{background:var(--action-accent-hover)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot .composer-position-labels button:hover{background:color-mix(in srgb, var(--action-accent-hover) 24%, transparent)}}.timeline-clip.is-shot .composer-position-labels button:hover{color:var(--action-accent-ink)}.timeline-clip.is-shot .composer-position-labels button.is-active{z-index:1;isolation:isolate;box-shadow:none;color:var(--action-accent-ink);background:0 0;position:relative}.timeline-clip.is-shot .composer-position-labels button.is-active:before{z-index:-1;background:var(--action-accent);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot .composer-position-labels button.is-active:before{background:color-mix(in srgb, var(--action-accent) 76%, #000)}}.timeline-clip.is-shot .composer-position-labels button.is-active:before{content:"";opacity:.18;pointer-events:none}.timeline-clip.is-shot .composer-position-labels button:focus-visible{z-index:1;text-underline-offset:2px;outline:none;text-decoration:underline;text-decoration-thickness:2px;position:relative}.shot-endpoint-half{color:currentColor;letter-spacing:.055em;opacity:.72;text-transform:uppercase;place-items:center;min-width:0;font-size:7px;font-weight:800;display:grid}.shot-endpoint-half.is-start{border-radius:6px 0 0 6px}.shot-endpoint-half.is-middle{border-radius:0}.shot-endpoint-half.is-end{border-radius:0 6px 6px 0}.shot-endpoint-half.is-active:not(.is-set){background:var(--action-accent);box-shadow:none;color:var(--action-accent-ink);opacity:1}.shot-endpoint-half.is-set{background:var(--action-accent);color:var(--action-accent-ink);opacity:1;box-shadow:none}.shot-endpoint-half.is-set.is-active{background:var(--action-accent-hover);color:var(--action-accent-ink);box-shadow:inset 0 0 0 1px var(--action-accent-ink)}@supports (color:color-mix(in lab, red, red)){.shot-endpoint-half.is-set.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--action-accent-ink) 18%, transparent)}}.timeline-clip.is-shot.is-complete:not(.is-endpoint-start):not(.is-endpoint-middle):not(.is-endpoint-end) .shot-endpoint-half,.timeline-clip.is-shot.is-complete:not(.is-endpoint-start):not(.is-endpoint-middle):not(.is-endpoint-end) .shot-endpoint-half.is-set,.timeline-clip.is-shot.is-complete:not(.is-endpoint-start):not(.is-endpoint-middle):not(.is-endpoint-end) .shot-endpoint-half.is-end{color:inherit;opacity:1;box-shadow:none;background:0 0}.timeline-clip.is-shot.is-complete.is-endpoint-start .shot-endpoint-half.is-set,.timeline-clip.is-shot.is-complete.is-endpoint-middle .shot-endpoint-half.is-set,.timeline-clip.is-shot.is-complete.is-endpoint-end .shot-endpoint-half.is-set{background:var(--action-accent);color:var(--action-accent-ink)}.timeline-clip.is-shot.is-complete.is-endpoint-start .shot-endpoint-half.is-set.is-active,.timeline-clip.is-shot.is-complete.is-endpoint-middle .shot-endpoint-half.is-set.is-active,.timeline-clip.is-shot.is-complete.is-endpoint-end .shot-endpoint-half.is-set.is-active{background:var(--action-accent-hover);box-shadow:inset 0 0 0 1px var(--action-accent-ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-complete.is-endpoint-start .shot-endpoint-half.is-set.is-active,.timeline-clip.is-shot.is-complete.is-endpoint-middle .shot-endpoint-half.is-set.is-active,.timeline-clip.is-shot.is-complete.is-endpoint-end .shot-endpoint-half.is-set.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--action-accent-ink) 18%, transparent)}}.timeline-clip.is-shot.is-text-scene.is-selected.is-complete,html.is-dark-ui .timeline-clip.is-shot.is-text-scene.is-selected.is-complete{background:var(--action-accent-hover);box-shadow:inset 0 0 0 1px var(--action-accent-ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-text-scene.is-selected.is-complete,html.is-dark-ui .timeline-clip.is-shot.is-text-scene.is-selected.is-complete{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--action-accent-ink) 18%, transparent)}}.timeline-clip.is-shot.is-incomplete .shot-endpoint-half:not(.is-set):not(.is-active){opacity:.55}.shot-endpoint-half.is-nudge{z-index:1;opacity:1;animation:.55s ease-in-out 3 shot-endpoint-nudge;position:relative}.timeline-clip.is-shot.is-incomplete .shot-endpoint-half.is-nudge{opacity:1}@keyframes shot-endpoint-nudge{0%,to{background:0 0;box-shadow:inset 0 0 0 2px #0000}40%,58%{background:color-mix(in srgb, var(--action-accent,#ffd50b) 38%, transparent);color:var(--action-accent-ink,#171619);box-shadow:inset 0 0 0 2px var(--action-accent,#ffd50b)}}.timeline-clip.is-text.is-selected{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf62e}.timeline-clip-thumb{background-color:#fff;background-position:50%;background-size:cover;border-radius:5px;flex:none;width:46px;height:30px;box-shadow:inset 0 0 0 1px #18181b14}.timeline-clip-name{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:8px;font-weight:750;overflow:hidden}.timeline-clip-text{color:currentColor;opacity:.66;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.timeline-clip-handle{z-index:5;cursor:ew-resize;opacity:1;pointer-events:auto;width:18px;height:100%;transition:background-color var(--timeline-frame-color-transition,.16s ease), color var(--timeline-frame-color-transition,.16s ease), opacity var(--timeline-frame-color-transition,.16s ease), transform .18s cubic-bezier(.2, .8, .2, 1);touch-action:none;background:0 0;border-radius:6px;position:absolute;top:50%;transform:translateY(-50%)}.timeline-clip.is-selected .timeline-clip-handle,.timeline-clip.is-shot.is-selected .timeline-clip-handle{opacity:1;pointer-events:auto}.timeline-clip-handle:after{content:"";opacity:.68;background:currentColor;border-radius:999px;width:4px;height:26px;transition:opacity .14s,transform .14s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-clip-handle:hover:after{opacity:1;transform:translate(-50%,-50%)scale(1.15)}.timeline-clip-handle:active:after,.timeline-clip.is-resizing .timeline-clip-handle:active:after{opacity:1;transform:translate(-50%,-50%)scale(1.2,1.28)}.timeline-clip-handle.is-left{left:2px}.timeline-clip-handle.is-right{right:2px}.timeline-clip.is-shot .timeline-clip-handle.is-left{left:8px}.timeline-clip.is-shot .timeline-clip-handle.is-right{right:8px}.timeline-clip.is-shot:not(.is-text-scene),.timeline-clip.is-shot.is-complete:not(.is-text-scene),.timeline-clip.is-shot.is-selected:not(.is-text-scene),.timeline-clip.is-shot.is-selected.is-complete:not(.is-text-scene),.timeline-clip.is-shot.is-automotion:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-complete:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-selected:not(.is-text-scene){--timeline-film-frame-neutral:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot:not(.is-text-scene),.timeline-clip.is-shot.is-complete:not(.is-text-scene),.timeline-clip.is-shot.is-selected:not(.is-text-scene),.timeline-clip.is-shot.is-selected.is-complete:not(.is-text-scene),.timeline-clip.is-shot.is-automotion:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-complete:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-selected:not(.is-text-scene){--timeline-film-frame-neutral:color-mix(in srgb, var(--ink) 8%, var(--timeline-surface))}}.timeline-clip.is-shot:not(.is-text-scene),.timeline-clip.is-shot.is-complete:not(.is-text-scene),.timeline-clip.is-shot.is-selected:not(.is-text-scene),.timeline-clip.is-shot.is-selected.is-complete:not(.is-text-scene),.timeline-clip.is-shot.is-automotion:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-complete:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-selected:not(.is-text-scene){--timeline-film-frame:var(--timeline-film-frame-neutral);--timeline-position-divider:var(--timeline-film-frame);background:var(--timeline-film-frame);box-shadow:none;color:var(--ink);border:0;border-radius:12px}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot:not(.is-text-scene),.timeline-clip.is-shot.is-complete:not(.is-text-scene),.timeline-clip.is-shot.is-selected:not(.is-text-scene),.timeline-clip.is-shot.is-selected.is-complete:not(.is-text-scene),.timeline-clip.is-shot.is-automotion:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-complete:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-selected:not(.is-text-scene){color:color-mix(in srgb, var(--ink) 50%, transparent)}}.timeline-clip.is-shot:not(.is-text-scene),.timeline-clip.is-shot.is-complete:not(.is-text-scene),.timeline-clip.is-shot.is-selected:not(.is-text-scene),.timeline-clip.is-shot.is-selected.is-complete:not(.is-text-scene),.timeline-clip.is-shot.is-automotion:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-complete:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-selected:not(.is-text-scene){transition:background-color var(--timeline-frame-color-transition), color var(--timeline-frame-color-transition), box-shadow .14s ease, transform .14s ease;padding:0}.timeline-clip.is-shot:not(.is-selected):not(.is-text-scene):hover,html.is-dark-ui .timeline-clip.is-shot:not(.is-selected):not(.is-text-scene):hover{--timeline-film-frame:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot:not(.is-selected):not(.is-text-scene):hover,html.is-dark-ui .timeline-clip.is-shot:not(.is-selected):not(.is-text-scene):hover{--timeline-film-frame:color-mix(in srgb, var(--ink) 13%, var(--timeline-surface))}}.timeline-clip.is-shot.is-selected:not(.is-text-scene),.timeline-clip.is-shot.is-selected.is-complete:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-selected:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-selected.is-complete:not(.is-text-scene){--timeline-film-frame:#ffd50b;color:#171619}.timeline-clip.is-shot.is-selected:not(.is-automotion):not(.is-text-scene):has(.shot-endpoint-half.is-end:not(.is-set)){background:linear-gradient(to right, var(--timeline-film-frame) 0 50%, var(--timeline-film-frame-neutral) 50% 100%)}.timeline-clip.is-shot.is-selected:not(.is-automotion):not(.is-text-scene):has(.shot-endpoint-halves.has-middle .shot-endpoint-half.is-end:not(.is-set)){background:linear-gradient(to right, var(--timeline-film-frame) 0 66.6667%, var(--timeline-film-frame-neutral) 66.6667% 100%)}.timeline-clip.is-shot.is-automotion:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-automotion:not(.is-text-scene){--timeline-film-frame:var(--timeline-film-frame-neutral);color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-automotion:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-automotion:not(.is-text-scene){color:color-mix(in srgb, var(--ink) 50%, transparent)}}.timeline-clip.is-shot.is-selected.is-automotion:not(.is-text-scene),html.is-dark-ui .timeline-clip.is-shot.is-selected.is-automotion:not(.is-text-scene){--timeline-film-frame:#2f80ff;color:#fff}.timeline-clip.is-shot.is-text-scene,.timeline-clip.is-shot.is-complete.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-complete.is-text-scene{--timeline-film-frame:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-text-scene,.timeline-clip.is-shot.is-complete.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-complete.is-text-scene{--timeline-film-frame:color-mix(in srgb, var(--ink) 8%, var(--timeline-surface))}}.timeline-clip.is-shot.is-text-scene,.timeline-clip.is-shot.is-complete.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-complete.is-text-scene{background:var(--timeline-film-frame);box-shadow:none;color:var(--ink);border:0;border-radius:12px}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-text-scene,.timeline-clip.is-shot.is-complete.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-complete.is-text-scene{color:color-mix(in srgb, var(--ink) 50%, transparent)}}.timeline-clip.is-shot.is-text-scene,.timeline-clip.is-shot.is-complete.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-complete.is-text-scene{transition:background-color var(--timeline-frame-color-transition), color var(--timeline-frame-color-transition), box-shadow .14s ease, transform .14s ease;padding:0}.timeline-clip.is-shot.is-text-scene:not(.is-selected):hover,html.is-dark-ui .timeline-clip.is-shot.is-text-scene:not(.is-selected):hover{--timeline-film-frame:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-text-scene:not(.is-selected):hover,html.is-dark-ui .timeline-clip.is-shot.is-text-scene:not(.is-selected):hover{--timeline-film-frame:color-mix(in srgb, var(--ink) 13%, var(--timeline-surface))}}.timeline-clip.is-shot.is-selected.is-text-scene,.timeline-clip.is-shot.is-selected.is-complete.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-selected.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-selected.is-complete.is-text-scene{--timeline-film-frame:#ffd50b;background:var(--timeline-film-frame);color:#171619;box-shadow:none}.timeline-clip.is-shot.is-automotion.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-automotion.is-text-scene{--timeline-film-frame:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-automotion.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-automotion.is-text-scene{--timeline-film-frame:color-mix(in srgb, var(--ink) 8%, var(--timeline-surface))}}.timeline-clip.is-shot.is-automotion.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-automotion.is-text-scene{background:var(--timeline-film-frame);color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-automotion.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-automotion.is-text-scene{color:color-mix(in srgb, var(--ink) 50%, transparent)}}.timeline-clip.is-shot.is-selected.is-automotion.is-text-scene,html.is-dark-ui .timeline-clip.is-shot.is-selected.is-automotion.is-text-scene{--timeline-film-frame:#2f80ff;background:var(--timeline-film-frame);color:#fff}.timeline-text-scene-track-preview{z-index:0;border-radius:10px;place-items:center;width:auto;padding:0 10px;line-height:normal;display:grid;position:absolute;inset:2px;overflow:hidden}.timeline-text-scene-preview-content{text-align:center;white-space:nowrap;min-width:0;max-width:100%;line-height:1.12;display:inline-block;overflow:visible}.timeline-text-scene-inline-image{width:auto;height:calc(1.12em * var(--timeline-inline-image-scale,1));max-width:calc(4em * var(--timeline-inline-image-scale,1));vertical-align:middle;object-fit:contain;max-height:3.36em;margin:0 .08em;display:inline-block}.timeline-clip.is-shot.is-text-scene .timeline-clip-handle{width:20px;height:100%;color:var(--ink);border-radius:0;top:0}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-text-scene .timeline-clip-handle{color:color-mix(in srgb, var(--ink) 42%, transparent)}}.timeline-clip.is-shot.is-text-scene .timeline-clip-handle{transform:none}html.is-dark-ui .timeline-clip.is-shot.is-text-scene:not(.is-selected) .timeline-clip-handle{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .timeline-clip.is-shot.is-text-scene:not(.is-selected) .timeline-clip-handle{color:color-mix(in srgb, var(--ink) 64%, transparent)}}.timeline-clip.is-shot.is-text-scene .timeline-clip-handle.is-left{left:0}.timeline-clip.is-shot.is-text-scene .timeline-clip-handle.is-right{right:0}.timeline-clip.is-shot.is-logo-scene{justify-content:center;padding:0}.timeline-clip.is-shot.is-selected.is-logo-scene,.timeline-clip.is-shot.is-selected.is-complete.is-logo-scene,html.is-dark-ui .timeline-clip.is-shot.is-selected.is-logo-scene,html.is-dark-ui .timeline-clip.is-shot.is-selected.is-complete.is-logo-scene{--timeline-film-frame:#ffd50b;background:var(--timeline-film-frame);color:#171619;box-shadow:none;border-color:#ffd50b}.timeline-logo-scene-track-preview{z-index:0;box-sizing:border-box;border-radius:10px;place-items:center;min-width:0;min-height:0;padding:14px 18px;display:grid;position:absolute;inset:2px;overflow:hidden}.timeline-logo-scene-track-preview>img{object-fit:contain;object-position:center;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.timeline-clip.is-shot.is-logo-scene .timeline-clip-handle{color:#3a3a40;border-radius:0;width:20px;height:100%;top:0;transform:none}.timeline-clip.is-shot.is-logo-scene .timeline-clip-handle.is-left{left:0}.timeline-clip.is-shot.is-logo-scene .timeline-clip-handle.is-right{right:0}.timeline-clip.is-shot.is-text-scene .timeline-clip-handle:after{opacity:.42;width:2px;height:18px}.timeline-clip.is-shot.is-selected.is-text-scene .timeline-clip-handle{color:#171619}.timeline-clip.is-shot.is-selected.is-automotion.is-text-scene .timeline-clip-handle{color:#fff}.timeline-shot-filmstrip{z-index:0;pointer-events:none;background:0 0;border-radius:10px;position:absolute;inset:2px;overflow:hidden}.timeline-clip-render-progress{--timeline-clip-render-color:#ffd50b;z-index:3;box-sizing:border-box;border:2px solid var(--timeline-clip-render-color);border-radius:inherit;clip-path:inset(0 calc(100% - var(--timeline-clip-render-progress,0%)) 0 0);pointer-events:none;will-change:clip-path;background:0 0;display:none;position:absolute;inset:0;overflow:hidden}.timeline-clip.is-rendering-clip .timeline-clip-render-progress,.timeline-clip.is-rendered .timeline-clip-render-progress{display:block}.timeline-clip.is-rendered .timeline-clip-render-progress{clip-path:inset(0)}.workspace.is-rendering-video .timeline-clip.is-shot{--timeline-frame-color-transition:0s;--timeline-film-frame-neutral:var(--ink)}@supports (color:color-mix(in lab, red, red)){.workspace.is-rendering-video .timeline-clip.is-shot{--timeline-film-frame-neutral:color-mix(in srgb, var(--ink) 8%, var(--timeline-surface))}}.workspace.is-rendering-video .timeline-clip.is-shot{--timeline-film-frame:var(--timeline-film-frame-neutral)!important;--timeline-position-divider:var(--timeline-film-frame-neutral)!important;background:var(--timeline-film-frame-neutral)!important;box-shadow:none!important;border-color:#0000!important}.timeline-clip.is-automotion .timeline-clip-render-progress{--timeline-clip-render-color:#2f80ff}.timeline-clip.is-shot:before,.timeline-clip.is-shot:after{display:none}.timeline-shot-filmstrip,.timeline-text-scene-track-preview,.timeline-logo-scene-track-preview,.timeline-clip.is-shot:not(.is-text-scene) .shot-endpoint-halves{left:2px;right:2px}.timeline-clip.is-shot:not(.is-text-scene) .shot-endpoint-halves{top:2px;bottom:2px}.timeline-shot-filmstrip .timeline-scene-preview{border-right:0}[data-camera-position-tag]{display:none}.timeline-clip.is-shot:not(.is-text-scene) .shot-endpoint-half,.timeline-clip.is-shot:not(.is-text-scene) .shot-endpoint-half.is-set,.timeline-clip.is-shot:not(.is-text-scene) .shot-endpoint-half.is-active{isolation:isolate;box-shadow:none;color:var(--action-accent-ink);opacity:1;text-shadow:none;background:0 0;position:relative}.timeline-clip.is-shot.is-selected:not(.is-automotion):not(.is-text-scene) .shot-endpoint-half.is-end:not(.is-set){--timeline-film-frame:var(--timeline-film-frame-neutral)}.timeline-clip.is-shot.is-selected:not(.is-automotion):not(.is-text-scene):has(.shot-endpoint-half.is-end:not(.is-set)) .shot-endpoint-halves{--timeline-end-divider:var(--timeline-film-frame-neutral)}.timeline-clip.is-shot:not(.is-text-scene) .shot-endpoint-half.is-active:before{z-index:0;background:var(--timeline-film-frame);content:"";opacity:.13;pointer-events:none;position:absolute;inset:0}.timeline-clip.is-shot:not(.is-text-scene) .shot-endpoint-half.is-start.is-active:before,.timeline-clip.is-shot:not(.is-text-scene) .composer-position-labels button:first-child.is-active:before{border-bottom-left-radius:7px}.timeline-clip.is-shot:not(.is-text-scene) .shot-endpoint-half.is-end.is-active:before,.timeline-clip.is-shot:not(.is-text-scene) .composer-position-labels button:last-child.is-active:before{border-top-right-radius:7px;border-bottom-right-radius:7px}.timeline-clip.is-shot:not(.is-text-scene).is-complete.is-endpoint-start .shot-endpoint-half.is-set,.timeline-clip.is-shot:not(.is-text-scene).is-complete.is-endpoint-middle .shot-endpoint-half.is-set,.timeline-clip.is-shot:not(.is-text-scene).is-complete.is-endpoint-end .shot-endpoint-half.is-set,.timeline-clip.is-shot:not(.is-text-scene).is-complete.is-endpoint-start .shot-endpoint-half.is-set.is-active,.timeline-clip.is-shot:not(.is-text-scene).is-complete.is-endpoint-middle .shot-endpoint-half.is-set.is-active,.timeline-clip.is-shot:not(.is-text-scene).is-complete.is-endpoint-end .shot-endpoint-half.is-set.is-active{box-shadow:none;background:0 0}.timeline-clip.is-shot:not(.is-text-scene) .shot-endpoint-halves:after{background:var(--timeline-end-divider,var(--timeline-position-divider,var(--timeline-film-frame)));opacity:1;transition:background-color var(--timeline-frame-color-transition), opacity var(--timeline-frame-color-transition);top:-2px;bottom:-2px}.timeline-clip.is-shot:not(.is-text-scene) .shot-endpoint-halves.has-middle:after{background:linear-gradient(var(--timeline-position-divider,var(--timeline-film-frame)), var(--timeline-position-divider,var(--timeline-film-frame))) 33.3333% 0 / 1px 100% no-repeat, linear-gradient(var(--timeline-end-divider,var(--timeline-position-divider,var(--timeline-film-frame))), var(--timeline-end-divider,var(--timeline-position-divider,var(--timeline-film-frame)))) 66.6667% 0 / 1px 100% no-repeat;width:auto;left:0;right:0;translate:0}.timeline-clip.is-shot:not(.is-text-scene) .composer-position-labels button,.timeline-clip.is-shot:not(.is-text-scene) .composer-position-labels button:hover,.timeline-clip.is-shot:not(.is-text-scene) .composer-position-labels button.is-active{box-shadow:none;color:#fff;text-shadow:0 1px 3px #000000e0;background:0 0;text-decoration:none}.timeline-clip.is-shot:not(.is-text-scene) .composer-position-notch{background:var(--timeline-position-divider,var(--timeline-film-frame));width:1px;height:calc(100% + 4px);transition:background-color var(--timeline-frame-color-transition);flex:0 0 1px;align-self:center;display:block}.timeline-clip.is-shot:not(.is-text-scene) .composer-position-notch:before,.timeline-clip.is-shot:not(.is-text-scene) .composer-position-notch:after{display:none}.timeline-clip.is-shot:not(.is-text-scene) .timeline-clip-handle{width:20px;height:100%;color:var(--ink);border-radius:0;top:0}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot:not(.is-text-scene) .timeline-clip-handle{color:color-mix(in srgb, var(--ink) 42%, transparent)}}.timeline-clip.is-shot:not(.is-text-scene) .timeline-clip-handle{transform:none}html.is-dark-ui .timeline-clip.is-shot:not(.is-selected):not(.is-text-scene) .timeline-clip-handle{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .timeline-clip.is-shot:not(.is-selected):not(.is-text-scene) .timeline-clip-handle{color:color-mix(in srgb, var(--ink) 64%, transparent)}}.timeline-clip.is-shot:not(.is-text-scene) .timeline-clip-handle.is-left{left:0}.timeline-clip.is-shot:not(.is-text-scene) .timeline-clip-handle.is-right{right:0}.timeline-clip.is-shot:not(.is-text-scene) .timeline-clip-handle:after{opacity:.42;width:2px;height:18px}.timeline-clip.is-shot .timeline-clip-handle:hover:after{opacity:.72}.timeline-clip.is-shot .timeline-clip-handle:active:after,.timeline-clip.is-shot.is-resizing .timeline-clip-handle:active:after{opacity:.9}.timeline-clip.is-shot .timeline-clip-handle.is-left:after{left:7px}.timeline-clip.is-shot .timeline-clip-handle.is-right:after{left:calc(100% - 7px)}.timeline-clip.is-shot.is-selected:not(.is-text-scene) .timeline-clip-handle{color:#171619}.timeline-clip.is-shot.is-selected:not(.is-automotion):not(.is-text-scene):has(.shot-endpoint-half.is-end:not(.is-set)) .timeline-clip-handle.is-right{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-selected:not(.is-automotion):not(.is-text-scene):has(.shot-endpoint-half.is-end:not(.is-set)) .timeline-clip-handle.is-right{color:color-mix(in srgb, var(--ink) 42%, transparent)}}html.is-dark-ui .timeline-clip.is-shot.is-selected:not(.is-automotion):not(.is-text-scene):has(.shot-endpoint-half.is-end:not(.is-set)) .timeline-clip-handle.is-right{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .timeline-clip.is-shot.is-selected:not(.is-automotion):not(.is-text-scene):has(.shot-endpoint-half.is-end:not(.is-set)) .timeline-clip-handle.is-right{color:color-mix(in srgb, var(--ink) 64%, transparent)}}.timeline-clip.is-shot.is-selected.is-automotion:not(.is-text-scene) .timeline-clip-handle{color:#fff}.timeline-clip.is-shot.is-automotion:not(.is-selected) .timeline-clip-handle{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-automotion:not(.is-selected) .timeline-clip-handle{color:color-mix(in srgb, var(--ink) 42%, transparent)}}html.is-dark-ui .timeline-clip.is-shot.is-automotion:not(.is-selected) .timeline-clip-handle{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .timeline-clip.is-shot.is-automotion:not(.is-selected) .timeline-clip-handle{color:color-mix(in srgb, var(--ink) 64%, transparent)}}html.is-dark-ui .timeline-clip.is-shot:not(.is-selected) .timeline-clip-handle:after{opacity:1;background:#5d5d60}.timeline-clip-duration-readout{min-width:34px;height:20px;color:var(--app-bg);font-variant-numeric:tabular-nums;letter-spacing:.02em;pointer-events:none;z-index:6;background:#151517;border-radius:999px;place-items:center;padding:0 7px;font-size:10px;font-weight:740;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 16px #1212142e}.timeline-clip.is-resizing .shot-endpoint-halves,.timeline-clip.is-resizing .shot-preset-label{opacity:.18}html.is-dark-ui .timeline-clip-duration-readout{color:#151517;background:#f4f4f5;box-shadow:0 6px 16px #00000047}html.is-resizing-timeline-clip,html.is-resizing-timeline-clip *{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}html.is-moving-timeline-clip,html.is-moving-timeline-clip *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}html.is-moving-timeline-clip .timeline-sequence-filmstrip{z-index:24;position:relative;overflow:visible}html.is-moving-timeline-clip .timeline-grid .timeline-clip.is-shot.is-shifting{will-change:left, width;transition:left .12s cubic-bezier(.2,.8,.2,1),width .12s cubic-bezier(.2,.8,.2,1)}html.is-inserting-timeline-clip .timeline-grid .timeline-clip.is-shot.is-shifting{will-change:left, width;transition:left .18s cubic-bezier(.2,.8,.2,1),width .18s cubic-bezier(.2,.8,.2,1)}.timeline-clip.is-shot.is-insert-preview,.timeline-clip.is-shot.is-insert-preview.is-complete,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview.is-complete{border:1px dashed var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-insert-preview,.timeline-clip.is-shot.is-insert-preview.is-complete,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview.is-complete{border:1px dashed color-mix(in srgb, var(--ink) 30%, transparent)}}.timeline-clip.is-shot.is-insert-preview,.timeline-clip.is-shot.is-insert-preview.is-complete,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview.is-complete{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-insert-preview,.timeline-clip.is-shot.is-insert-preview.is-complete,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview.is-complete{background:color-mix(in srgb, var(--ink) 10%, var(--paper))}}.timeline-clip.is-shot.is-insert-preview,.timeline-clip.is-shot.is-insert-preview.is-complete,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview.is-complete{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-insert-preview,.timeline-clip.is-shot.is-insert-preview.is-complete,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview.is-complete{color:color-mix(in srgb, var(--ink) 62%, transparent)}}.timeline-clip.is-shot.is-insert-preview,.timeline-clip.is-shot.is-insert-preview.is-complete,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview.is-complete{box-shadow:inset 0 0 0 1px var(--paper)}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.is-insert-preview,.timeline-clip.is-shot.is-insert-preview.is-complete,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview.is-complete{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--paper) 40%, transparent)}}.timeline-clip.is-shot.is-insert-preview,.timeline-clip.is-shot.is-insert-preview.is-complete,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview,html.is-dark-ui .timeline-clip.is-shot.is-insert-preview.is-complete{cursor:copy;pointer-events:none}.timeline-clip.is-shot.is-insert-preview:before,.timeline-clip.is-shot.is-insert-preview:after,.timeline-clip.is-shot.is-insert-preview>:not(.timeline-insert-preview-label){display:none}.timeline-insert-preview-label{text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;font-size:11px;font-weight:650;display:flex;position:absolute;inset:0 12px;overflow:hidden}html.is-inserting-timeline-clip .shot-fade-control:disabled{pointer-events:none}html.is-moving-timeline-clip .timeline-grid .timeline-clip.is-shot.is-lifting{z-index:40;visibility:hidden}.timeline-clip.is-shot.timeline-drag-overlay{z-index:120;pointer-events:none;visibility:visible;border-radius:12px;margin:0;position:fixed;bottom:auto;right:auto;overflow:hidden}.timeline-clip.is-shot.timeline-drag-overlay .timeline-shot-filmstrip,.timeline-clip.is-shot.timeline-drag-overlay .timeline-text-scene-track-preview,.timeline-clip.is-shot.timeline-drag-overlay .timeline-logo-scene-track-preview,.timeline-clip.is-shot.timeline-drag-overlay .timeline-scene-preview-screen,.timeline-clip.is-shot.timeline-drag-overlay .timeline-scene-preview-media{border-radius:10px}.timeline-clip.is-shot.timeline-drag-overlay.is-selected{border-color:var(--action-accent);box-shadow:0 0 0 2px var(--action-accent), 0 14px 28px #1212142e, 0 2px 6px #1212141a}@supports (color:color-mix(in lab, red, red)){.timeline-clip.is-shot.timeline-drag-overlay.is-selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--action-accent) 32%, transparent), 0 14px 28px #1212142e, 0 2px 6px #1212141a}}html.is-dark-ui .timeline-clip.is-shot.timeline-drag-overlay.is-selected{box-shadow:0 0 0 2px var(--action-accent), 0 16px 32px #0000006b, 0 2px 8px #00000047}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .timeline-clip.is-shot.timeline-drag-overlay.is-selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--action-accent) 38%, transparent), 0 16px 32px #0000006b, 0 2px 8px #00000047}}.timeline-playhead-layer{z-index:60;pointer-events:none;width:auto;min-width:0;position:absolute;inset:0}.tracks-playhead{--timeline-playhead-color:#f05a40;top:8px;bottom:auto;left:var(--timeline-playhead-left,0%);cursor:grab;opacity:0;pointer-events:none;touch-action:none;background:0 0;width:34px;height:60px;margin-left:-17px;transition:opacity .12s;position:absolute}html.is-dragging-timeline-playhead,html.is-dragging-timeline-playhead *{cursor:grabbing!important}html.is-dragging-timeline-playhead .shot-fade-control{pointer-events:none}.timeline-grid.has-playhead .tracks-playhead{opacity:1;pointer-events:none}.tracks-playhead:before{background:var(--timeline-playhead-color);content:"";width:1px;position:absolute;top:0;bottom:-10px;left:50%}.tracks-playhead-time{z-index:1;pointer-events:auto;box-sizing:border-box;cursor:grab;background:#171619;border:1px solid #171619;border-radius:999px;place-items:center;width:auto;min-width:34px;height:20px;padding:0 6px;display:grid;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}html.is-dark-ui .tracks-playhead-time{background:#fff;border-color:#fff;box-shadow:0 2px 8px #00000038}.tracks-playhead-time:after{content:"";position:absolute;inset:-6px -8px}.tracks-playhead-time-value{color:#fff;font-variant-numeric:tabular-nums;text-align:center;min-width:18px;text-shadow:none;white-space:nowrap;font-size:10px;font-weight:700;line-height:10px;display:block}html.is-dark-ui .tracks-playhead-time-value{color:#171619;text-shadow:none}.workspace.is-rendering-video .tracks-playhead-time{cursor:default;pointer-events:none}.timeline-device-thumbnail{width:100%;height:100%;display:block;position:relative;overflow:hidden}.timeline-device-thumbnail>img{object-fit:contain;width:100%;height:100%;display:block}.timeline-device-thumbnail-pending{background:var(--pill-ink);width:100%;height:100%;display:block}@supports (color:color-mix(in lab, red, red)){.timeline-device-thumbnail-pending{background:color-mix(in srgb, var(--pill-ink) 5%, transparent)}}.timeline-device-live-canvas{object-fit:contain;visibility:hidden;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.timeline-device-live-canvas[data-live-ready=true]{visibility:visible}.timeline-device-thumbnail:has(.timeline-device-live-canvas[data-live-ready=true])>img{visibility:hidden}.timeline-device-thumbnail:has(.timeline-device-live-canvas[data-live-ready=true])>.timeline-device-thumbnail-pending{visibility:hidden}.shot-transition-preview-surface .scene-playback-surface{width:100%;height:100%;max-height:none;transition:none;position:absolute;inset:0;translate:none}.scene-playback-surface>.capture-stage{box-shadow:none;border:0;border-radius:0;transition:none}.scene-playback-surface,.scene-playback-surface *{pointer-events:none!important}.capture-stage-shell{width:min(100%, 1100px, calc(100cqh * var(--ratio-value)));max-height:100%;translate:0 var(--stage-chrome-center-offset,0px);transition:aspect-ratio .3s,width .3s;display:grid;position:relative;overflow:visible}@media (min-width:2200px){.capture-stage-shell{width:min(100%, 1400px, calc(100cqh * var(--ratio-value)))}}.workspace.is-video-mode .capture-stage-shell{transition:aspect-ratio .3s}.capture-stage-shell.is-render-locked{width:var(--render-stage-width)!important;height:var(--render-stage-height)!important;aspect-ratio:auto!important;max-width:none!important;max-height:none!important;transition:none!important}.capture-stage{--stage-color:#f5f5f7;width:100%;min-width:0;height:100%;min-height:0;aspect-ratio:inherit;border:1px solid var(--line);background:var(--stage-color);isolation:isolate;touch-action:none;border-radius:16px;transition:background-color .38s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 24px 72px #18181b0d;container-type:size}.capture-stage.is-text-editing{touch-action:auto}.capture-stage-shell:has(.capture-stage.has-open-text-style-menu){z-index:70}.capture-stage.has-open-text-style-menu{overflow:visible}.capture-stage.has-open-text-style-menu .stage-backdrop{border-radius:inherit}.capture-stage.is-rendering-video{border-radius:16px}.capture-stage.is-empty-project{--empty-stage-color:#ececee;--empty-stage-ink:#606066;background:var(--empty-stage-color);border-color:#0000;--stage-color:var(--empty-stage-color)!important}.capture-stage-shell:has(.capture-stage.is-empty-project){translate:0}.capture-stage.is-empty-project .stage-backdrop{background:var(--empty-stage-color)}.capture-stage.is-empty-project .frame-anchor,.capture-stage.is-empty-project .frame-scene{transform:none!important}.capture-stage.is-empty-project .frame-scene{aspect-ratio:auto;cursor:pointer;width:100%;height:100%}.capture-stage.is-empty-project .browser-frame.is-empty{background:var(--empty-stage-color);color:var(--empty-stage-ink);border-radius:0;transform:none}.capture-stage.is-empty-project .frame-shadow,.capture-stage.is-empty-project .frame-hit-corner,.capture-stage.is-empty-project .stage-interaction-layer.is-empty{display:none}html.is-dark-ui .capture-stage.is-empty-project{--empty-stage-color:#29292c;--empty-stage-ink:#d4d4d8}.capture-stage[data-scene-kind=text] .frame-anchor,.capture-stage[data-scene-kind=text] .focus-reticle,.capture-stage[data-scene-kind=logo] .frame-anchor,.capture-stage[data-scene-kind=logo] .focus-reticle{visibility:hidden}.capture-stage[data-scene-kind=text] .stage-interaction-layer,.capture-stage[data-scene-kind=logo] .stage-interaction-layer{pointer-events:none;cursor:default}.capture-stage[data-scene-kind=logo] .frame-anchor,.capture-stage[data-scene-kind=logo] .focus-reticle,.capture-stage[data-scene-kind=logo] .framing-grid-overlay,.capture-stage[data-scene-kind=logo] .auto-motion-selection-hint,.capture-stage[data-scene-kind=logo] .stage-interaction-layer{display:none}.capture-stage-shell.is-logo-scene .capture-stage .frame-anchor,.capture-stage-shell.is-logo-scene .capture-stage .focus-reticle,.capture-stage-shell.is-logo-scene .capture-stage .framing-grid-overlay,.capture-stage-shell.is-logo-scene .capture-stage .auto-motion-selection-hint,.capture-stage-shell.is-logo-scene .capture-stage .stage-interaction-layer{display:none!important}.capture-stage.is-project-loading .frame-anchor,.capture-stage.is-project-loading .focus-reticle,.capture-stage.is-project-loading .framing-grid-overlay{visibility:hidden}.capture-stage.is-project-loading[data-scene-kind=text] .text-scene-root{display:none}.stage-project-loading{--stage-project-loading-base:var(--project-loading-color,var(--stage-color));z-index:80;background:var(--stage-project-loading-base);pointer-events:auto;position:absolute;inset:0;overflow:hidden}.stage-project-loading:after{background:linear-gradient(108deg, transparent 28%, var(--project-loading-shimmer-color,#ffffff1c) 46%, var(--project-loading-shimmer-color,#ffffff1c) 52%, transparent 70%);content:"";background-position:140% 0;background-size:240% 100%;animation:1.05s ease-in-out infinite stage-project-loading-shimmer;position:absolute;inset:0}@keyframes stage-project-loading-shimmer{0%{background-position:140% 0}to{background-position:-140% 0}}@media (prefers-reduced-motion:reduce){.stage-project-loading:after{opacity:.35;animation:none}}.text-scene-root{--text-scene-size:56;z-index:30;pointer-events:none;font-size:calc(var(--text-scene-size) * 1px);font-size:calc(var(--text-scene-size) * 1cqmin / 7.2);will-change:transform, opacity;place-items:center;padding:7% 10%;display:none;position:absolute;inset:0}.capture-stage[data-scene-kind=text] .text-scene-root{display:grid}.text-scene-paint,.text-scene-editor{width:min(78cqw,92%);color:inherit;font-size:inherit;letter-spacing:-.04em;text-align:center;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;grid-area:1/1;line-height:1.12}.text-scene-paint{z-index:2;position:relative}.text-scene-editor-stack{z-index:2;grid-area:1/1;justify-items:center;width:min(78cqw,92%);display:grid;position:relative}.text-scene-editor-stack .text-scene-editor{width:100%}.text-scene-style-toolbar{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)}.text-scene-root.is-editing .text-scene-paint{visibility:hidden}.text-scene-editor{pointer-events:auto;cursor:text;caret-color:currentColor;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;touch-action:auto;outline:none}.capture-stage.is-text-editing .text-scene-root,.capture-stage.is-text-editing .text-scene-editor-stack,.capture-stage.is-text-editing .text-scene-editor,.capture-stage.is-text-editing .text-scene-editor *{-webkit-touch-callout:default;touch-action:auto;-webkit-user-select:text!important;user-select:text!important}.text-scene-editor *{-webkit-user-select:text;user-select:text;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.text-scene-editor::selection,.text-scene-editor ::selection{color:inherit;background:#007aff73}.text-scene-editor.is-highlighter-active::selection{background:var(--text-highlighter-color)}@supports (color:color-mix(in lab, red, red)){.text-scene-editor.is-highlighter-active::selection{background:color-mix(in srgb, var(--text-highlighter-color) 48%, transparent)}}.text-scene-editor.is-highlighter-active::selection{color:inherit}.text-scene-editor.is-highlighter-active ::selection{background:var(--text-highlighter-color)}@supports (color:color-mix(in lab, red, red)){.text-scene-editor.is-highlighter-active ::selection{background:color-mix(in srgb, var(--text-highlighter-color) 48%, transparent)}}.text-scene-editor.is-highlighter-active ::selection{color:inherit}.text-scene-editor.is-underline-active::selection,.text-scene-editor.is-underline-active ::selection{color:inherit;text-decoration-line:underline;-webkit-text-decoration-color:var(--text-highlighter-color);-webkit-text-decoration-color:var(--text-highlighter-color);-webkit-text-decoration-color:var(--text-highlighter-color);text-decoration-color:var(--text-highlighter-color);text-underline-offset:.12em;background:0 0;text-decoration-thickness:.08em}.text-scene-editor.is-circle-active::selection,.text-scene-editor.is-circle-active ::selection{color:inherit;background:0 0}.text-scene-editor.is-empty:before{content:"Add your text here...";color:currentColor}@supports (color:color-mix(in lab, red, red)){.text-scene-editor.is-empty:before{color:color-mix(in srgb, currentColor 34%, transparent)}}.text-scene-word{white-space:nowrap;display:inline-block}.text-scene-unit{transform-origin:50% 80%;will-change:transform, opacity, filter;display:inline-block}.text-scene-unit.is-block{white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;max-width:100%;display:inline-block}.text-scene-inline-image{vertical-align:middle;object-fit:contain;width:auto;max-width:4em;height:1.12em;max-height:3.36em;margin:0 .08em;display:inline-block}.text-scene-editor .text-scene-inline-image{cursor:default}.text-scene-inline-selection{z-index:4;box-sizing:border-box;pointer-events:none;border:1.5px solid #2f80ff;position:absolute}.text-scene-inline-handle{z-index:2;pointer-events:auto;touch-action:none;background:#fff;border:1px solid #2f80ff;width:9px;height:9px;position:absolute}.text-scene-inline-handle.is-nw{cursor:nwse-resize;top:-5px;left:-5px}.text-scene-inline-handle.is-ne{cursor:nesw-resize;top:-5px;right:-5px}.text-scene-inline-handle.is-sw{cursor:nesw-resize;bottom:-5px;left:-5px}.text-scene-inline-handle.is-se{cursor:nwse-resize;bottom:-5px;right:-5px}.video-render-frame-progress{--video-render-accent:var(--operator-blue);--video-render-track:#c5c5cb;z-index:80;inset:calc(-1 * var(--video-render-outset));width:calc(100% + var(--video-render-outset) * 2);height:calc(100% + var(--video-render-outset) * 2);box-sizing:border-box;pointer-events:none;position:absolute;overflow:visible}.video-render-frame-progress path{fill:none;stroke-width:var(--video-render-thickness)}.video-render-frame-progress-track{stroke:var(--video-render-track)}.video-render-frame-progress-value{stroke:var(--video-render-accent);stroke-dasharray:1 1;stroke-dashoffset:1px;will-change:stroke-dashoffset;transition:stroke-dashoffset .12s linear}html.is-dark-ui .video-render-frame-progress{--video-render-track:#3e3e44}@media (prefers-reduced-motion:reduce){.video-render-frame-progress-value{transition:none}}.stage-backdrop{z-index:0;pointer-events:none;background-color:var(--stage-color);background-image:var(--stage-backdrop-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.stage-wrap:has(.animation-tray) .capture-stage-shell{width:min(100%, 1100px, calc((100cqh - 104px) * var(--ratio-value)))}.animation-tray{background:#fff;border-radius:18px;grid-template-columns:92px minmax(220px,1.25fr) minmax(190px,1fr) minmax(150px,.8fr);align-items:center;gap:14px;width:min(100%,920px);padding:12px;animation:.32s cubic-bezier(.22,1,.36,1) both animation-tray-in;display:grid;box-shadow:0 12px 40px #18181b0f}.animation-tray-heading{color:#3d3a43;letter-spacing:.08em;text-transform:uppercase;flex-direction:column;gap:3px;font-size:9px;font-weight:700;display:flex}.animation-tray-heading small{color:#aaa8b0;letter-spacing:0;text-transform:none;font-size:7px;font-weight:550}.animation-tray .keyframe-grid{gap:6px}.animation-tray .keyframe-grid>div{border-radius:10px;grid-template-columns:minmax(0,1fr) 34px;display:grid}.animation-tray .keyframe-grid>div>button:first-child{grid-template-columns:20px minmax(0,1fr);align-content:center;column-gap:7px;min-height:58px;padding:7px}.animation-tray .keyframe-grid>div>button:first-child>span{grid-row:1/3;margin:0}.animation-tray .keyframe-grid small{grid-column:2}.animation-tray .keyframe-jump{border-top:0!important;border-left:1px solid #ececf0!important}.animation-tray-options{gap:8px;display:grid}.animation-tray .animation-timing{margin:0}.animation-tray-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.animation-tray-actions .animation-progress{grid-column:1/-1;margin:0 0 3px}.animation-tray-actions .animation-play,.animation-tray-actions .animation-render{width:auto;margin:0}@keyframes animation-tray-in{0%{opacity:0;transform:translateY(-12px)scale(.985)}}.frame-anchor{z-index:21;pointer-events:none;transform-style:preserve-3d;will-change:transform, opacity;place-items:center;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:0}.frame-anchor.is-dragging,.frame-anchor.is-animating{transition:none}.frame-scene{width:min(84cqw, calc(80cqh * var(--source-ratio-value,1.6)));aspect-ratio:var(--source-ratio-value,1.6);cursor:grab;pointer-events:auto;touch-action:none;transform-style:preserve-3d;outline:0;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:relative}.frame-scene.is-device-scene{aspect-ratio:auto;width:100%;height:100%;transform:none!important}.browser-frame.is-device-scene{border-radius:0;transform:none}.frame-scene.is-dragging{cursor:grabbing;transition:none}.frame-scene.is-dragging.tool-pan{cursor:grabbing}:is(.frame-scene.is-animating,.workspace:has(.demo-axis-ghost-cursor) .frame-scene){transition:none}.browser-frame{border-radius:var(--frame-corner-radius,0px);backface-visibility:visible;background:#fff;border:0;position:absolute;inset:0;overflow:hidden;transform:translateZ(2px)}html.is-dark-ui .capture-stage{box-shadow:0 24px 72px #00000047}.browser-frame.has-lens{box-shadow:none;background:0 0;overflow:visible}.browser-frame.is-empty{color:var(--muted);background:0 0;place-items:center;display:grid}.browser-frame.is-project-loading{background:var(--stage-color);place-items:stretch stretch;display:grid}.frame-project-placeholder{background:var(--stage-color);width:100%;height:100%;display:block;position:relative;overflow:hidden}.empty-stage-dropzone{--empty-stage-dash:#3f3f464d;cursor:pointer;border:1.5px dashed var(--empty-stage-dash);color:inherit;font:inherit;background:0 0;border-radius:15px;place-content:center;place-items:center;gap:8px;transition:border-color .16s,background-color .16s,transform .16s;display:grid;position:absolute;inset:0}.empty-stage-dropzone:hover{--empty-stage-dash:#3f3f4680;background:#ffffff3d}.empty-stage-dropzone:active{transform:scale(.995)}.empty-stage-dropzone:focus-visible{outline:2px solid var(--action-accent);outline-offset:-4px}.empty-stage-dropzone strong{letter-spacing:-.025em;margin-top:2px;font-size:clamp(15px,2.3cqmin,20px);font-weight:650}.empty-stage-dropzone span{color:currentColor}@supports (color:color-mix(in lab, red, red)){.empty-stage-dropzone span{color:color-mix(in srgb, currentColor 64%, transparent)}}.empty-stage-dropzone span{font-size:clamp(11px,1.55cqmin,13px)}.empty-stage-source-input{display:none}html.is-dark-ui .empty-stage-dropzone{--empty-stage-dash:#ffffff3d}html.is-dark-ui .empty-stage-dropzone:hover{--empty-stage-dash:#fff6;background:#ffffff0a}.capture-stage.is-empty-project .canvas-drop-indicator{border-radius:15px;inset:0}.auto-motion-overlay{z-index:70;cursor:crosshair;border-radius:var(--frame-corner-radius,0px);filter:none;-webkit-user-select:none;user-select:none;background:0 0;position:absolute;inset:0;overflow:visible;transform:translateZ(2px)}.auto-motion-overlay.is-generated{cursor:default;pointer-events:none;background:0 0}.auto-motion-overlay.is-generated .auto-motion-focus-handle{pointer-events:auto}.auto-motion-selection-hint{z-index:90;pointer-events:none;color:#fff;opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);isolation:isolate;will-change:transform, opacity;white-space:nowrap;background-color:#151517;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:max-content;min-height:30px;padding:0 11px;font-size:11px;font-weight:600;line-height:1;transition:opacity .1s,transform .16s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;top:clamp(10px,2cqh,16px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000006b,inset 0 0 0 .5px #00000059}.auto-motion-selection-hint svg{flex:none;width:14px;height:14px}.auto-motion-selection-hint.is-hidden{opacity:0;transform:translate(-50%)scale(.94)}.auto-motion-selection{z-index:1;box-shadow:none;background:#2f80ff12;border:1.5px solid #2f80ff;position:absolute}.auto-motion-selection i{background:var(--operator-blue);border:1px solid #fff;width:7px;height:7px;display:block;position:absolute;box-shadow:0 1px 4px #0000003d}.auto-motion-selection .is-top-left{top:-4px;left:-4px}.auto-motion-selection .is-top-right{top:-4px;right:-4px}.auto-motion-selection .is-bottom-right{bottom:-4px;right:-4px}.auto-motion-selection .is-bottom-left{bottom:-4px;left:-4px}.auto-motion-focus-area{z-index:2;pointer-events:none;box-shadow:none;background:#2f80ff12;border:1.5px solid #2f80ff;border-radius:0;place-items:center;display:grid;position:absolute}.auto-motion-focus-handle{cursor:pointer;pointer-events:auto;color:#fff;filter:none;width:18px;min-width:18px;height:18px;transform:scale(var(--auto-motion-focus-handle-scale,1));-webkit-font-smoothing:antialiased;backface-visibility:visible;background:#2f80ff;border:0;border-radius:50%;place-items:center;padding:0;font-family:inherit;font-size:8px;font-weight:750;line-height:1;display:grid;box-shadow:0 2px 6px #00000038}.auto-motion-focus-handle:focus-visible{outline-offset:2px;outline:2px solid #fff}.auto-motion-actions button{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14161bdb;border:1px solid #ffffff2e;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 10px;font-family:inherit;font-size:11px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 5px 18px #0000002e}.auto-motion-actions-anchor{z-index:62;justify-content:center;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.auto-motion-actions{gap:7px;display:flex}.auto-motion-actions.is-stage-floating{background:#151517;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:0;padding:3px;box-shadow:0 1px 2px #0000001f,0 5px 16px #00000012}.auto-motion-actions .auto-motion-primary-island{background:var(--operator-blue);height:34px;box-shadow:none;color:#fff;border:0;border-radius:999px;padding:0 13px;font-size:11px;font-weight:680;position:relative}.auto-motion-primary-content{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.auto-motion-actions .auto-motion-primary-island:hover:not(:disabled){background:#1f70ed}.auto-motion-island-state{color:#fff;white-space:nowrap;flex:none;align-items:center;gap:5px;min-width:0;margin-left:0;display:flex}.auto-motion-actions:not(.is-idle) .auto-motion-island-state{margin-left:3px;padding-right:3px}.auto-motion-actions .auto-motion-close,.auto-motion-actions .auto-motion-icon-button{width:28px;height:28px;box-shadow:none;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.auto-motion-actions .auto-motion-compose-all{width:auto;height:28px;box-shadow:none;color:#ffffffc7;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:none;padding:0 8px;font-size:11px;font-weight:560;overflow:hidden}.auto-motion-actions .auto-motion-compose-all:hover{color:#fff;background:#ffffff2e}.auto-motion-actions .auto-motion-close{background:0 0}.auto-motion-actions .auto-motion-close svg,.auto-motion-actions .auto-motion-icon-button>svg{stroke-width:1.9px;flex:none;width:18px;height:18px}.auto-motion-actions .auto-motion-close:hover{background:#ffffff2e}.auto-motion-actions .auto-motion-icon-button:hover{color:#fff;background:#ffffff2e}.auto-motion-actions button:hover{background:#2d2f36f0}.auto-motion-actions .auto-motion-icon-button[data-tooltip]{position:relative}.auto-motion-actions .auto-motion-icon-button[data-tooltip]:after{z-index:80;pointer-events:none;border:1px solid var(--ink);min-height:24px;padding:0 10px;position:absolute;top:calc(100% + 9px);left:50%}@supports (color:color-mix(in lab, red, red)){.auto-motion-actions .auto-motion-icon-button[data-tooltip]:after{border:1px solid color-mix(in srgb, var(--ink) 9%, transparent)}}.auto-motion-actions .auto-motion-icon-button[data-tooltip]:after{background:var(--pill-bg);color:var(--pill-ink-hover);content:attr(data-tooltip);opacity:0;white-space:nowrap;border-radius:999px;font-size:11px;font-weight:500;line-height:24px;transition:opacity .14s,transform .14s;transform:translate(-50%,-3px)scale(.94);box-shadow:0 6px 18px #12121429}.auto-motion-actions .auto-motion-icon-button[data-tooltip]:hover:after,.auto-motion-actions .auto-motion-icon-button[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)scale(1)}.auto-motion-position-badge{aspect-ratio:1;color:#fff;pointer-events:none;background:#2f80ff;border:2px solid #151517;border-radius:999px;place-items:center;width:16px;min-width:16px;height:16px;padding:0;font-size:9px;font-weight:750;line-height:1;display:grid;position:absolute;top:-3px;right:-4px}.auto-motion-actions button:disabled,.auto-motion-actions button:disabled:hover{cursor:default;opacity:.34}.auto-motion-island-divider{background:#ffffff29;width:1px;height:20px;margin:0 3px 0 5px}.framing-grid-overlay{z-index:30;pointer-events:none;position:absolute;inset:0}.framing-grid-overlay i{background:#ffffff9e;display:block;position:absolute;box-shadow:0 0 1px #0000009e}.framing-grid-overlay .is-vertical{width:1px;top:0;bottom:0}.framing-grid-overlay .is-horizontal{height:1px;left:0;right:0}.framing-grid-overlay .is-vertical.is-first{left:33.3333%}.framing-grid-overlay .is-vertical.is-second{left:66.6667%}.framing-grid-overlay .is-horizontal.is-first{top:33.3333%}.framing-grid-overlay .is-horizontal.is-second{top:66.6667%}.canvas-drop-indicator{z-index:80;pointer-events:none;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2f80ff99;border:2px dashed #ffffff9e;border-radius:15px;place-content:center;place-items:center;gap:7px;display:grid;position:absolute;inset:0;transform:translateZ(8px);box-shadow:inset 0 0 0 1px #ffffff1f,0 8px 28px #1853b43d}.canvas-drop-indicator strong{letter-spacing:-.01em;font-size:12px;font-weight:680}.browser-frame:active{cursor:grabbing}.empty-shot-upload-action{cursor:pointer;pointer-events:auto;background:#ffffffdb;border:1px solid #1d1d2014;border-radius:13px;gap:4px;padding:11px 16px;display:grid;box-shadow:0 2px 8px #1414180d}.empty-shot-upload-action small{color:#98969e;max-width:360px;font-size:clamp(9px,1cqw,12px);line-height:1.5}.empty-shot-mockup{perspective:500px;pointer-events:none;justify-content:center;align-items:center;width:clamp(150px,30cqw,280px);margin-bottom:8px;display:flex}.empty-shot-mockup .movement-preset-browser{width:100%;max-width:none;box-shadow:none;border-radius:clamp(8px,1.2cqw,13px);animation:none;transform:none}.lens-canvas{z-index:3;contain:size layout style;pointer-events:none;min-width:120%;max-width:none;min-height:120%;max-height:none;display:block;position:absolute;top:-10%;left:-10%;width:120%!important;height:120%!important}.lens-canvas.is-tab-frame{min-width:140%;min-height:140%;top:-20%;left:-20%;width:140%!important;height:140%!important}.stage-interaction-layer{z-index:20;pointer-events:auto;cursor:grab;touch-action:none;position:absolute;inset:0}.capture-stage.is-auto-motion-select{cursor:crosshair}.capture-stage.is-auto-motion-select .stage-interaction-layer{pointer-events:none}.frame-scene:hover:not(.is-dragging),.stage-interaction-layer:hover:not(.is-dragging){cursor:grab!important}.stage-interaction-layer.is-empty,.stage-interaction-layer.is-empty:active:not(.is-dragging){cursor:pointer}.workspace.is-sharing-export:not(.is-rendering-video) .stage-interaction-layer{pointer-events:none}.camera-snap-guides{z-index:40;pointer-events:none;position:absolute;inset:0;overflow:hidden}.camera-snap-guides span{background:#3b82f6;display:block;position:absolute}.camera-snap-guide-vertical{width:1px;top:0;bottom:0;left:50%}.camera-snap-guide-horizontal{height:1px;top:50%;left:0;right:0}.stage-interaction-layer:active{cursor:grabbing}.stage-interaction-layer.is-orbit-ready{cursor:grab}.stage-interaction-layer.tool-pan,.stage-interaction-layer.tool-orbit{cursor:grabbing}.stage-interaction-layer.tool-roll{cursor:ew-resize}.stage-interaction-layer.tool-dolly{cursor:pointer}.frame-hit-corner{z-index:11;pointer-events:none;opacity:0;width:1px;height:1px;position:absolute;transform:translate3d(-50%,-50%,2px)}.frame-hit-corner-top-left{top:0;left:0}.frame-hit-corner-top-right{top:0;right:0;transform:translate3d(50%,-50%,2px)}.frame-hit-corner-bottom-right{bottom:0;right:0;transform:translate3d(50%,50%,2px)}.frame-hit-corner-bottom-left{bottom:0;left:0;transform:translate3d(-50%,50%,2px)}.focus-reticle{--focus-reticle-color:#ffd60a;z-index:60;pointer-events:none;width:72px;height:72px;box-shadow:none;isolation:isolate;filter:drop-shadow(0 0 .5px #0000002e);border:0;border-radius:0;animation:1.85s cubic-bezier(.22,1,.36,1) both focus-reticle-life;position:absolute;transform:translate(-50%,-50%)}.focus-reticle:before,.focus-reticle:after{display:none}.focus-reticle-corner{border:2px solid var(--focus-reticle-color);width:14px;height:14px;position:absolute}.focus-reticle-corner.is-top-left{border-bottom:0;border-right:0;top:0;left:0}.focus-reticle-corner.is-top-right{border-bottom:0;border-left:0;top:0;right:0}.focus-reticle-corner.is-bottom-right{border-top:0;border-left:0;bottom:0;right:0}.focus-reticle-corner.is-bottom-left{border-top:0;border-right:0;bottom:0;left:0}.focus-reticle-circle{border:1.5px solid var(--focus-reticle-color);background:0 0;border-radius:50%;position:absolute;inset:10px}.focus-reticle-cross{width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.focus-reticle-cross:before,.focus-reticle-cross:after{background:var(--focus-reticle-color);content:"";position:absolute}.focus-reticle-cross:before{width:100%;height:1.5px;top:50%;left:0;transform:translateY(-50%)}.focus-reticle-cross:after{width:1.5px;height:100%;top:0;left:50%;transform:translate(-50%)}@keyframes focus-reticle-life{0%{opacity:0;transform:translate(-50%,-50%)scale(1.42)}8%{opacity:.45;transform:translate(-50%,-50%)scale(1.42)}22%{opacity:1;transform:translate(-50%,-50%)scale(1)}58%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.frame-shadow{right:0;bottom:var(--frame-shadow-bottom,-10%);height:var(--frame-shadow-height,18%);pointer-events:none;filter:blur(calc(var(--shadow-blur) + var(--frame-shadow-extra-blur,24px)));opacity:var(--frame-shadow-opacity,.13);background:#19181d;border-radius:50%;position:absolute;left:0;transform:translateZ(-38px)rotateX(68deg)}.capture-stage.is-shadow-small{--frame-shadow-bottom:-7%;--frame-shadow-height:13%;--frame-shadow-extra-blur:14px;--frame-shadow-opacity:.035}.capture-stage.is-shadow-medium{--frame-shadow-bottom:-11%;--frame-shadow-height:21%;--frame-shadow-extra-blur:22px;--frame-shadow-opacity:.13}.capture-stage.is-shadow-large{--frame-shadow-bottom:-16%;--frame-shadow-height:30%;--frame-shadow-extra-blur:28px;--frame-shadow-opacity:.26}.capture-stage.is-depth-flat .frame-shadow{display:none}.text-overlay-layer{z-index:36;pointer-events:none;position:absolute;inset:0;container-type:size}.text-overlay-frame{pointer-events:auto;letter-spacing:-.025em;min-height:1.16em;line-height:1.16;position:absolute}.text-overlay-frame.is-centered{transform:translate(-50%,-50%)}.text-overlay-editor{z-index:1;cursor:default;-webkit-user-select:none;user-select:none;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;outline:none;min-height:1.16em;position:relative}.text-overlay-editor.is-editing{cursor:text;-webkit-user-select:text;user-select:text}.text-overlay-editor:empty:before{color:currentColor;content:attr(data-placeholder);opacity:.42;pointer-events:none}.text-overlay-editor>span{z-index:1;position:relative}.text-overlay-editor *{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.text-overlay-frame>[data-highlighters-overlay]>[aria-hidden=true],.text-overlay-frame>[data-highlighters-overlay]~[aria-hidden=true]>[aria-hidden=true],.text-scene-root>[data-highlighters-overlay]>[aria-hidden=true],.text-scene-root>[data-highlighters-overlay]~[aria-hidden=true]>[aria-hidden=true]{z-index:0;clip-path:inset(0 var(--text-emphasis-hidden,0%) 0 0)}.text-overlay-frame>[data-highlighters-overlay],.text-scene-root>[data-highlighters-overlay]{opacity:var(--text-emphasis-opacity,1)}.text-scene-emphasis-host{z-index:0;pointer-events:none;opacity:var(--text-emphasis-opacity,1);position:absolute;inset:0}.text-scene-emphasis-host>[data-highlighters-overlay]>[aria-hidden=true],.text-scene-emphasis-host>[data-highlighters-overlay]~[aria-hidden=true]>[aria-hidden=true]{clip-path:inset(0 var(--text-emphasis-hidden,0%) 0 0)}.text-scene-emphasis-host.is-highlight>[data-highlighters-overlay]>[aria-hidden=true],.text-scene-emphasis-host.is-highlight>[data-highlighters-overlay]~[aria-hidden=true]>[aria-hidden=true]{transform-origin:50%;transform:translateY(-.08em)scaleY(.72)}.text-scene-root.is-editing .text-scene-emphasis-host,.text-scene-root.is-editing .text-scene-circle-marks{z-index:1}.text-emphasis-circle{display:inline-block;position:relative}.text-emphasis-circle>svg{z-index:-1;pointer-events:none;width:calc(100% + .84em);height:calc(100% + .56em);position:absolute;inset:-.28em -.42em;overflow:visible}.text-emphasis-circle path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;stroke-dasharray:1;stroke-dashoffset:var(--text-emphasis-dash,0);vector-effect:non-scaling-stroke}.text-scene-circle-marks{z-index:1;pointer-events:none;width:100%;height:100%;opacity:var(--text-emphasis-opacity,1);position:absolute;inset:0;overflow:visible}.text-scene-circle-marks path{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:var(--text-emphasis-dash,0);vector-effect:non-scaling-stroke}.text-overlay-editor.is-editing::selection,.text-overlay-editor.is-editing ::selection{color:inherit;background:0 0}.text-overlay-frame.is-hug .text-overlay-editor{width:max-content;max-width:100%}.text-overlay-frame.is-selected:after{pointer-events:none;border:1.5px solid var(--operator-blue);content:"";position:absolute;inset:-4px}.text-overlay-frame.is-text-selected{--text-selection-blue:var(--operator-blue)}@supports (color:color-mix(in lab, red, red)){.text-overlay-frame.is-text-selected{--text-selection-blue:color-mix(in srgb, var(--operator-blue) 50%, transparent)}}.text-overlay-frame.is-text-selected:after,.text-overlay-frame.is-text-selected .text-overlay-corner{border-color:var(--text-selection-blue)}.text-overlay-edge{z-index:2;background:0 0;border:0;padding:0;position:absolute}.text-overlay-edge.is-top,.text-overlay-edge.is-bottom{cursor:move;height:10px;left:-6px;right:-6px}.text-overlay-edge.is-top{top:-8px}.text-overlay-edge.is-bottom{bottom:-8px}.text-overlay-edge.is-left,.text-overlay-edge.is-right{cursor:ew-resize;width:12px;top:-6px;bottom:-6px}.text-overlay-edge.is-left{left:-9px}.text-overlay-edge.is-right{right:-9px}.text-overlay-corner{z-index:4;border:1.5px solid var(--operator-blue);background:#fff;border-radius:0;width:9px;height:9px;padding:0;position:absolute;box-shadow:0 1px 3px #0000002e}.text-overlay-corner.is-top-left,.text-overlay-corner.is-bottom-right{cursor:nwse-resize}.text-overlay-corner.is-top-right,.text-overlay-corner.is-bottom-left{cursor:nesw-resize}.text-overlay-corner.is-top-left{top:-8px;left:-8px}.text-overlay-corner.is-top-right{top:-8px;right:-8px}.text-overlay-corner.is-bottom-left{bottom:-8px;left:-8px}.text-overlay-corner.is-bottom-right{bottom:-8px;right:-8px}.text-overlay-frame.is-text-editing .text-overlay-corner{display:none}.text-overlay-toolbar{z-index:12;color:#f4f4f5;letter-spacing:0;background:#171719;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:4px;width:max-content;max-width:min(94cqw,760px);padding:5px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;display:flex;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000047}.text-overlay-toolbar button{height:28px;color:inherit;background:#26262a;border:0;border-radius:6px;place-items:center;width:28px;padding:0;display:grid}.text-overlay-toolbar button:hover,.text-overlay-toolbar button.is-active{background:#3a3a40}.text-overlay-toolbar button.is-delete:hover{color:#ff8b91;background:#54272b}.text-overlay-align-group,.text-overlay-emphasis-group{gap:2px;display:flex}.text-overlay-emphasis-group button.is-active{color:#ffd50b;background:#26262a}.text-overlay-emphasis-group button.is-active:hover{color:#ffd50b;background:#3a3a40}.text-overlay-toolbar button.is-clear-emphasis:disabled,.text-overlay-toolbar button.is-clear-emphasis:disabled:hover{color:#f4f4f547;cursor:default;background:#26262a}.text-overlay-control{display:block;position:relative}.text-overlay-toolbar .text-overlay-select-trigger{white-space:nowrap;justify-content:space-between;align-items:center;gap:7px;width:auto;min-width:72px;padding:0 7px 0 9px;display:flex}.text-overlay-toolbar .text-overlay-control.is-font .text-overlay-select-trigger{min-width:106px}.text-overlay-toolbar .text-overlay-control.is-size .text-overlay-select-trigger{min-width:76px}.text-overlay-toolbar .text-overlay-control.is-weight .text-overlay-select-trigger{min-width:88px}.text-overlay-toolbar .text-overlay-color-trigger{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:relative}.text-overlay-toolbar .text-overlay-color-trigger:hover{background:var(--pill-bg-hover)}.text-overlay-color-trigger>input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.text-overlay-dropdown-menu{z-index:20;background:#171719;border:1px solid #ffffff1a;border-radius:9px;min-width:128px;max-height:260px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 7px);left:0;overflow-y:auto;box-shadow:0 10px 30px #00000052}.text-overlay-dropdown-menu.is-down{top:calc(100% + 7px);bottom:auto}.text-overlay-dropdown-menu.is-up{top:auto;bottom:calc(100% + 7px)}.text-overlay-dropdown-menu.is-font{min-width:190px}.text-overlay-toolbar .text-overlay-dropdown-menu>button{text-align:left;background:0 0;width:100%;min-height:32px;padding:0 9px;display:block}.text-overlay-toolbar .text-overlay-dropdown-menu.is-font>button{min-height:36px;font-size:14px}.text-overlay-toolbar .text-overlay-dropdown-menu>button.is-active{background:0 0}.text-overlay-toolbar .text-overlay-dropdown-menu>button:hover{background:#ffffff12}.capture-stage.is-exporting .text-overlay-frame:after,.capture-stage.is-exporting .text-overlay-edge,.capture-stage.is-exporting .text-overlay-corner,.capture-stage.is-exporting .text-overlay-toolbar{display:none}@media (max-width:720px){.text-overlay-toolbar{max-width:88cqw;overflow-x:auto}.text-overlay-toolbar.text-scene-style-toolbar{overflow:visible}.text-overlay-toolbar .text-overlay-control.is-font .text-overlay-select-trigger{min-width:96px;max-width:110px}}.logo-overlay-layer{z-index:65;pointer-events:none;position:absolute;inset:0;overflow:hidden}.capture-stage-shell:not(.is-logo-scene) .logo-overlay-layer{visibility:hidden}.logo-overlay-frame{box-sizing:border-box;cursor:default;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;opacity:var(--scene-transition-opacity,1);transform:translate(-50%, -50%) translate3d(var(--scene-transition-x,0px), var(--scene-transition-y,0px), 0) scale(var(--scene-transition-scale,1));transform-origin:50%;will-change:transform, opacity;position:absolute}.logo-overlay-frame>img,.logo-overlay-frame>video{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.logo-overlay-frame.is-selected{outline-offset:1px;outline:1.5px solid #2f80ff}.logo-overlay-handle{z-index:2;background:#fff;border:1px solid #2f80ff;width:10px;height:10px;position:absolute}.logo-overlay-handle.is-nw{cursor:nwse-resize;top:-6px;left:-6px}.logo-overlay-handle.is-ne{cursor:nesw-resize;top:-6px;right:-6px}.logo-overlay-handle.is-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.logo-overlay-handle.is-se{cursor:nwse-resize;bottom:-6px;right:-6px}.perspective-minimap{z-index:42;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #1d1d2014;border-radius:16px;width:178px;padding:8px;position:absolute;bottom:22px;right:22px;box-shadow:0 10px 32px #18181b1a}.perspective-minimap.is-expanded{border-radius:20px;padding:10px;box-shadow:0 16px 42px #18181b24}.perspective-minimap .rotation-control{margin:0}.perspective-minimap .rotation-stage{border-radius:10px;height:92px}.perspective-minimap .rotation-readout,.perspective-minimap .rotation-control>p{display:none}.rotation-axis-sliders{box-sizing:border-box;gap:8px;padding:10px 4px 8px;display:grid;overflow:hidden}.rotation-axis-sliders label{color:#87848d;grid-template-columns:16px minmax(0,1fr) 34px;align-items:center;gap:8px;font-size:10px;font-weight:650;display:grid}.rotation-axis-sliders output{color:#5f5c65;font-variant-numeric:tabular-nums;text-align:right}.rotation-axis-sliders input[type=range]{cursor:ew-resize;appearance:none;background:0 0;width:100%;height:18px;margin:0}.rotation-axis-sliders input[type=range]::-webkit-slider-runnable-track{background:#e1e3e7;border-radius:999px;height:3px}.rotation-axis-sliders input[type=range]::-webkit-slider-thumb{appearance:none;background:#3b82f4;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin-top:-5.5px;box-shadow:0 1px 4px #1e40af47}.rotation-axis-sliders input[type=range]::-moz-range-track{background:#e1e3e7;border-radius:999px;height:3px}.rotation-axis-sliders input[type=range]::-moz-range-thumb{background:#3b82f4;border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 1px 4px #1e40af47}.capture-notice{z-index:46;color:#fff;text-align:center;transform-origin:top;background:#151517;border-radius:999px;align-items:center;gap:6px;max-width:min(420px,100% - 40px);padding:7px 11px;font-size:9px;font-weight:600;display:flex;position:absolute;top:68px;left:50%;translate:-50%}.capture-notice-focus-icon{color:#ffd60a;flex:none}.capture-notice.is-focus{top:calc(100% + 10px)}.sidebar{z-index:30;background:#fff;border:0;border-radius:24px;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;margin:12px 12px 12px 0;display:none;position:relative;overflow:hidden;box-shadow:0 12px 40px #18181b0f}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#ddd transparent;min-height:0;overflow-y:auto}.panel-section{border:0;padding:20px 24px 22px}.panel-section+.panel-section{border-top:1px solid #e6e8ee}.sidebar-capture-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding-top:16px;padding-bottom:16px;display:grid}.sidebar-capture-actions a,.sidebar-capture-actions label{cursor:pointer;background:var(--pill-bg);min-width:0;height:36px;color:var(--pill-ink-hover);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:650;line-height:1;text-decoration:none;display:inline-flex}.sidebar-capture-actions a:hover,.sidebar-capture-actions label:hover{filter:brightness(.96)}.section-actions{justify-content:flex-end;margin-bottom:12px;display:flex}.section-title{color:#77767e;letter-spacing:.1em;text-transform:uppercase;align-items:center;margin-bottom:18px;font-size:9px;font-weight:700;display:flex}.section-badge{color:#3b82f4;background:#eff6ff;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:8px}.section-badge.is-live{color:#35845a;background:#e5f7ec}.section-reset{cursor:pointer;color:#3b82f4;font:inherit;letter-spacing:.08em;text-transform:uppercase;background:#eff6ff;border:0;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:8px}.section-reset:hover:not(:disabled){color:#1d4ed8;background:#dbeafe}.section-reset:disabled{cursor:not-allowed;opacity:.45}.rotation-control{margin:-3px 0 21px}.rotation-stage{cursor:grab;background:#f8f8fa;border:0;border-radius:12px;outline:0;width:100%;height:138px;display:block;position:relative;overflow:hidden}.rotation-stage:hover:not(:disabled){background:#f6f6f8}.rotation-stage:focus-visible{box-shadow:0 0 0 2px #2563eb73}.rotation-stage:active:not(:disabled){cursor:grabbing}.rotation-stage:disabled{cursor:not-allowed;opacity:.46}.rotation-visual{perspective:420px;place-items:center;display:grid;position:absolute;inset:0}.rotation-camera-map{z-index:3;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.rotation-box-face{fill:#fff;fill-opacity:1;stroke:#1d1d20;stroke-width:.8px;stroke-linejoin:round}.rotation-frame-dimmed{fill:#fff;opacity:.16}.rotation-frame-visible{fill:#fff}.rotation-frame-toolbar{stroke:#d9dce2;stroke-width:1px;vector-effect:non-scaling-stroke}.rotation-frame-toolbar.is-dimmed{opacity:.14}.rotation-frame-outline{fill:none;stroke:#4f4b5b;stroke-width:1px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 4px 8px #1e1d2217)}.rotation-frame-outline.is-dimmed{opacity:.2}.rotation-camera-crop-fixed{fill:none;stroke:#3b82f4;stroke-width:1.2px;vector-effect:non-scaling-stroke}.rotation-face,.rotation-edge{backface-visibility:hidden;background:#fdfdfe;border:1px solid #4f4b5b;display:block;position:absolute}.rotation-face{border-radius:0;inset:0}.rotation-face-front{overflow:hidden;transform:translateZ(4px)}.rotation-face-front:before{content:"";background:#f0eff4;border-bottom:1px solid #dedce5;height:7px;display:block}.rotation-face-front span{background:#d9d5e9;border-radius:0;width:28px;height:3px;margin:14px auto 0;display:block}.rotation-face-back{background:#eceaf1;transform:rotateY(180deg)translateZ(4px)}.rotation-edge-top{width:74px;height:8px;top:-4px;left:0;transform:rotateX(90deg)}.rotation-edge-right{width:8px;height:47px;top:0;right:-4px;transform:rotateY(90deg)}.rotation-edge-bottom{background:#f3f2f6;width:74px;height:8px;bottom:-4px;left:0;transform:rotateX(-90deg)}.rotation-edge-left{background:#f5f4f7;width:8px;height:47px;top:0;left:-4px;transform:rotateY(-90deg)}.rotation-origin{background:#3b82f4;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 0 1px #1e40af38}.rotation-readout{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px;display:grid}.rotation-readout button{cursor:ns-resize;color:#aaa8b0;text-align:center;touch-action:none;background:#f6f5f8;border:0;border-radius:5px;padding:5px 6px;font-size:8px}.rotation-readout button:hover:not(:disabled),.rotation-readout button:focus-visible{color:#52657e;background:#eff6ff;outline:none}.rotation-readout button:active:not(:disabled){cursor:ns-resize;background:#dbeafe}.rotation-readout button:disabled{cursor:not-allowed;opacity:.5}.rotation-readout strong{color:#65636c;font-variant-numeric:tabular-nums;margin-left:3px;font-weight:650}.rotation-control p{color:#aaa8b0;text-align:center;margin:7px 0 0;font-size:8px}.perspective-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:13px;display:grid}.perspective-presets button{cursor:pointer;color:#8d8b93;background:#fafafa;border:0;border-radius:8px;place-items:center;min-width:0;height:58px;padding:5px 3px 4px;display:grid}.perspective-presets button:hover:not(:disabled){background:#f8fbff}.perspective-presets button.active{color:#3b82f4;background:#eff6ff;box-shadow:0 0 0 1px #2563eb1a}.perspective-presets button:disabled{cursor:not-allowed;opacity:.42}.perspective-preset-stage{perspective:100px;place-items:center;width:38px;height:31px;display:grid}.perspective-preset-frame{width:29px;height:19px;transform-style:preserve-3d;background:#fff;border:1px solid;border-radius:0;transition:transform .18s;display:block;position:relative;box-shadow:1px 2px 3px #1f1c281a}.perspective-preset-frame>span{opacity:.26;background:currentColor;height:1px;position:absolute;bottom:5px;left:5px;right:5px}.perspective-presets small{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:7px;line-height:1;overflow:hidden}.zoom-cycle-button{cursor:pointer;background:var(--pill-bg);width:36px;height:36px;color:var(--pill-ink-hover);font-variant-numeric:tabular-nums;border:0;border-radius:999px;flex:none;place-items:center;padding:0;transition:background-color .16s,transform .16s;display:grid}.zoom-cycle-button:hover:not(:disabled){background:var(--pill-bg-hover);transform:scale(1.035)}.zoom-cycle-button:active:not(:disabled){transform:scale(.94)}.zoom-cycle-button:disabled{cursor:not-allowed;opacity:.38}.zoom-cycle-value{letter-spacing:-.04em;font-size:10px;font-weight:700;animation:.22s cubic-bezier(.22,1,.36,1) zoom-cycle-pop}@keyframes zoom-cycle-pop{0%{opacity:.4;transform:scale(.72)}}.top-lens-island{background:var(--pill-bg);width:122px;height:36px;color:var(--pill-ink-hover);box-shadow:none;border-radius:999px;flex:none;align-items:center;transition:background-color .18s;display:flex;position:relative;overflow:hidden}.settings-island-shell{flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.top-setting-hit{place-items:center;width:36px;height:36px;display:grid;position:relative}.top-lens-collapsed .island-new-badge{z-index:40;background:var(--operator-blue);color:#fff;letter-spacing:.04em;border:0;border-radius:999px;justify-content:center;align-items:center;width:auto;height:13px;padding:0 4px;font-size:7.5px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-2px;right:-9px}.top-lens-collapsed .island-new-badge:hover:not(:disabled){background:var(--operator-blue);color:#fff;filter:brightness(1.08)}.top-setting-helper{z-index:30;pointer-events:none;border:1px solid var(--ink);justify-content:center;align-items:center;min-height:24px;padding:0 10px;display:inline-flex;position:absolute;top:calc(100% + 8px);bottom:auto;left:50%}@supports (color:color-mix(in lab, red, red)){.top-setting-helper{border:1px solid color-mix(in srgb, var(--ink) 9%, transparent)}}.top-setting-helper{background:var(--pill-bg);color:var(--pill-ink-hover);white-space:nowrap;border-radius:999px;font-size:11px;font-weight:500;line-height:1;translate:-50%;box-shadow:0 6px 18px #12121429}.top-lens-island.is-expanded{background:var(--pill-bg);color:var(--pill-ink-hover);box-shadow:none}:is(.top-lens-island:has(.custom-backdrop-color-input),.top-lens-island:has(.custom-backdrop-image-input),.settings-island-scroll:has(.custom-backdrop-color-input),.settings-island-scroll:has(.custom-backdrop-image-input),.topbar-utility-controls:has(.custom-backdrop-color-input),.topbar-utility-controls:has(.custom-backdrop-image-input)){overflow:visible}.top-lens-collapsed{grid-template-columns:repeat(3,36px);gap:7px;width:100%;display:grid}.top-settings-collapsed{box-sizing:border-box;grid-template-columns:repeat(6,36px);gap:5px;padding:0 10px}.top-lens-collapsed button,.top-lens-active-icon{cursor:pointer;width:36px;height:36px;color:var(--pill-ink);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:background-color .16s,color .16s,transform .16s;display:grid}.top-lens-collapsed button:hover:not(:disabled),.top-lens-collapsed button.is-active,.top-lens-collapsed button.is-active:hover:not(:disabled){color:var(--island-hover-blue);background:0 0}.top-lens-collapsed button[data-setting=rounding].is-active{color:var(--pill-ink)}.top-lens-collapsed button[data-setting=rounding]:hover:not(:disabled),.top-lens-collapsed button[data-setting=rounding].is-active:hover:not(:disabled){color:var(--pill-ink-hover)}.island-depth-icon,.island-depth-icon-state{place-items:center;display:grid}.island-depth-icon{width:19px;height:19px;position:relative}.island-shadow-size-badge{background:var(--pill-bg);border-radius:999px;place-items:center;min-width:8px;height:8px;font-size:6px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-1px;right:-2px}.island-depth-icon.has-size-badge svg path:nth-of-type(4){display:none}.island-depth-icon-state{grid-area:1/1}.top-lens-collapsed button[data-setting=background]:hover:not(:disabled){color:inherit}.top-lens-collapsed button[data-setting=background]:hover:not(:disabled) .island-background-icon{filter:brightness(1.12)}.top-lens-collapsed button:disabled{cursor:not-allowed;opacity:.38}.top-lens-expanded{grid-template-columns:36px minmax(0,1fr) 64px;align-items:center;gap:7px;width:100%;padding:0 8px 0 3px;display:grid}.top-settings-expanded.is-choices{grid-template-columns:minmax(0,1fr);padding:0 8px}.top-settings-expanded.is-slider{grid-template-columns:minmax(0,1fr) 64px;padding:0 10px 0 14px}.island-choice-row{align-items:center;gap:4px;min-width:0;height:38px;display:grid}.island-choice-row button,.island-background-choices .is-custom{cursor:pointer;min-width:0;height:32px;color:var(--pill-ink);font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border:0;border-radius:999px;place-items:center;padding:0 7px;font-size:9px;font-weight:700;display:grid;position:relative}.island-choice-row button:hover,.island-choice-row button.active,.island-background-choices .is-custom:hover,.island-background-choices .is-custom.active{background:var(--pill-bg-hover);color:var(--island-hover-blue)}.island-background-choices{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-backdrop-direct-trigger{width:36px;height:36px;color:inherit;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.studio-backdrop-direct-trigger:hover{background:var(--pill-bg-hover)}.studio-backdrop-picker-header{min-height:28px;color:var(--foreground);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.studio-backdrop-image-swatch{cursor:pointer;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;transition:box-shadow .1s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #7f7f7f40}.studio-backdrop-image-swatch:hover{box-shadow:inset 0 0 0 1px #7f7f7f40, 0 0 0 2px var(--background), 0 0 0 4px #7f7f7f66}.studio-backdrop-image-swatch.active{box-shadow:inset 0 0 0 1px #7f7f7f40, 0 0 0 2px var(--background), 0 0 0 4px var(--selected)}.studio-backdrop-image-swatch .theme-option-image{background-color:var(--muted);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.studio-backdrop-color-picker .color-picker-eyedropper,.studio-backdrop-color-picker .studio-backdrop-image-swatch .theme-option-image{color:var(--ink)}.studio-backdrop-color-picker .color-picker-eyedropper svg{stroke-width:2px}.studio-backdrop-color-picker .color-picker-eyedropper:hover,.studio-backdrop-color-picker .color-picker-eyedropper:focus-visible{color:#fff}.studio-backdrop-color-picker .color-picker-format-trigger,.studio-backdrop-color-picker .color-picker-value-input{border:1px solid var(--ink)}@supports (color:color-mix(in lab, red, red)){.studio-backdrop-color-picker .color-picker-format-trigger,.studio-backdrop-color-picker .color-picker-value-input{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent)}}.studio-backdrop-color-picker .color-picker-value-input input{-webkit-user-select:text;user-select:text}.studio-backdrop-color-picker .color-picker-value-input input::selection{color:#fff;background:#007aff8c}.studio-backdrop-color-picker .color-picker-format-trigger{background-color:#242426!important}.studio-backdrop-color-picker .color-picker-format-trigger:hover,.studio-backdrop-color-picker .color-picker-format-trigger[aria-expanded=true]{background-color:#2c2c2f!important}.studio-backdrop-color-picker-portal{--hover:#ffffff14;--active:#ffffff21;--foreground:#f2f2f4;--muted-foreground:#a1a1aa;--focus-ring:#6b97ff}.studio-backdrop-color-picker-portal .color-picker-format-menu{color:#f2f2f4;border:1px solid #ffffff14;border-radius:11px;gap:2px;min-width:132px;padding:5px;box-shadow:0 12px 30px #0000005c;background:#151517!important}.studio-backdrop-color-picker-portal .color-picker-format-item{background:0 0;border-radius:8px;min-height:34px;padding:0 9px;font-size:11px;font-weight:500;transition:none}.studio-backdrop-color-picker-portal .color-picker-format-item span{transition:none}.studio-backdrop-color-picker-portal .color-picker-format-item:hover,.studio-backdrop-color-picker-portal .color-picker-format-item[data-highlighted]{background:#ffffff14}.studio-backdrop-color-picker-portal .color-picker-format-item[data-checked],.studio-backdrop-color-picker-portal .color-picker-format-item[aria-checked=true]{background:#ffffff21;border-radius:8px}.studio-backdrop-image-swatch.is-limit .theme-option-image{background-color:var(--limit-soft);color:var(--limit)}.studio-backdrop-color-picker{--ink:#f2f2f4;--pill-bg:#151517;--selected:#ffd50b;border:1px solid var(--ink);background:var(--pill-bg)!important}@supports (color:color-mix(in lab, red, red)){.studio-backdrop-color-picker{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.studio-backdrop-color-picker{font-family:var(--font-open-runde), sans-serif}.island-ratio-choices{grid-template-columns:repeat(5,minmax(0,1fr))}.island-ratio-choices.has-fill-option{grid-template-columns:repeat(6,minmax(0,1fr))}.workspace.is-photo-mode .island-background-choices{gap:16px}.workspace.is-photo-mode .island-ratio-choices{gap:20px}.island-ratio-choices button{color:var(--pill-ink);justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.island-ratio-choices button svg{flex:none}.island-sound-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.island-frame-style-controls{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;width:100%;height:38px;display:grid}.island-frame-style-controls.is-frame-only{grid-template-columns:minmax(0,1fr)}.island-frame-style-controls.is-frame-only .island-frame-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.island-frame-style-controls.is-frame-only .island-frame-colors{justify-content:flex-end;padding:0 18px 0 0}.island-frame-controls{grid-template-columns:repeat(3,minmax(58px,1fr)) auto;align-items:center;gap:4px;width:100%;height:38px;display:grid}.island-device-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;width:100%;height:38px;display:grid}.island-device-controls.is-desktop{grid-template-columns:repeat(3,minmax(0,1fr))}.island-device-controls.has-screen-background-color{grid-template-columns:repeat(2,minmax(0,1fr)) 30px}.island-device-controls.is-desktop.has-screen-background-color{grid-template-columns:repeat(3,minmax(0,1fr)) 30px}.island-device-controls.is-dynamic{grid-template-columns:minmax(0,1fr);min-width:0}.island-device-controls.is-dynamic.has-screen-background-color{grid-template-columns:minmax(0,1fr) 36px}.island-device-titles{gap:4px;min-width:0;display:flex}.island-device-titles button,.island-device-slider-title{color:var(--pill-ink-hover);background:0 0;border:0;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.island-device-titles button,.island-device-slider-title{color:color-mix(in srgb, var(--pill-ink-hover) 68%, transparent)}}.island-device-titles button,.island-device-slider-title{font:inherit;cursor:pointer;font-size:11px;font-weight:600}.island-device-titles button{height:32px;color:var(--pill-ink);flex:1;grid-template-rows:repeat(2,min-content);align-content:center;justify-items:center;gap:4px;padding:0 7px;display:grid}.island-device-slider-title{letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:650}.island-device-titles button:hover,.island-device-slider-title:hover{color:var(--island-hover-blue);background:0 0}.island-device-titles button:disabled{opacity:.4;cursor:default}.island-device-slider.is-expanded{grid-template-rows:32px;grid-template-columns:minmax(0,1fr) max-content;gap:8px}.island-device-slider.is-expanded .island-device-slider-title{grid-area:1/1;padding:6px}.island-device-slider.is-expanded .lens-tick-slider{grid-area:1/1;align-self:center}.top-lens-expanded .island-device-slider.is-expanded output{text-align:right;grid-area:1/2;align-self:center;gap:2px;display:grid}.island-device-screen-color{justify-content:center;padding:0}.island-device-auto-color{cursor:pointer;background:var(--ink);border:0;border-radius:999px;height:28px;padding:0 10px}@supports (color:color-mix(in lab, red, red)){.island-device-auto-color{background:color-mix(in srgb, var(--ink) 8%, transparent)}}.island-device-auto-color{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.island-device-auto-color{color:color-mix(in srgb, var(--ink) 50%, transparent)}}.island-device-auto-color{font:inherit;font-size:11px;font-weight:500;transition:background-color .16s,color .16s}.island-device-auto-color:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.island-device-auto-color:hover{background:color-mix(in srgb, var(--ink) 13%, transparent)}}.island-device-auto-color:hover{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.island-device-auto-color:hover{color:color-mix(in srgb, var(--ink) 50%, transparent)}}.island-device-auto-color.active{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.island-device-auto-color.active{background:color-mix(in srgb, var(--ink) 13%, transparent)}}.island-device-auto-color.active{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.island-device-auto-color.active{color:color-mix(in srgb, var(--ink) 50%, transparent)}}.island-device-choices{border:1px solid var(--pill-ink);flex:none;grid-template-columns:repeat(3,1fr);width:78px;height:30px;padding:2px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.island-device-choices{border:1px solid color-mix(in srgb, var(--pill-ink) 5%, transparent)}}.island-device-choices{background:var(--pill-bg-hover);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.island-device-choices{background:color-mix(in srgb, var(--pill-bg-hover) 72%, transparent)}}.island-frame-device-choices{background:0 0;border:0;grid-template-columns:repeat(4,44px);column-gap:0;width:176px;padding:0}.island-device-choices button{z-index:1;cursor:pointer;width:24px;height:24px;color:var(--pill-ink);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.island-device-choices button{color:color-mix(in srgb, var(--pill-ink) 58%, transparent)}}.island-device-choices button{transition:color .15s}.island-device-choices button:hover{color:var(--island-hover-blue)}.island-device-choices button.active{color:var(--action-accent)}.island-frame-device-choices button{width:44px;height:30px}.island-frame-device-choices .island-device-highlight{width:44px;top:0;bottom:0;left:0}.island-device-highlight{pointer-events:none;border-radius:inherit;background:#000;border:1px solid #2a2a2e;width:24px;position:absolute;top:2px;bottom:2px;left:2px}.island-device-slider{min-width:0;color:var(--pill-ink-hover);grid-template-rows:10px 20px;grid-template-columns:minmax(0,1fr) auto;align-content:center;column-gap:4px;display:grid}@supports (color:color-mix(in lab, red, red)){.island-device-slider{color:color-mix(in srgb, var(--pill-ink-hover) 58%, transparent)}}.island-device-slider{text-transform:uppercase;font-size:9px;font-weight:700}.island-device-slider>span{grid-area:1/1}.top-lens-expanded .island-device-slider .lens-tick-slider input[type=range]:disabled{cursor:default;opacity:.45}.top-lens-expanded .island-device-slider output{color:var(--action-accent);font-variant-numeric:tabular-nums;text-align:right;grid-area:1/2;font-size:9px;display:block}.island-frame-controls>button{cursor:pointer;min-width:0;height:32px;color:var(--pill-ink);background:0 0;border:0;border-radius:999px;grid-template-rows:repeat(2,min-content);place-content:center;align-items:center;gap:4px;padding:0 7px;display:grid}.island-frame-controls>button:hover{color:var(--island-hover-blue);background:0 0}.island-frame-label{color:var(--pill-ink-hover)}@supports (color:color-mix(in lab, red, red)){.island-frame-label{color:color-mix(in srgb, var(--pill-ink-hover) 48%, transparent)}}.island-frame-label{letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:650;line-height:1}.island-frame-value{color:currentColor;letter-spacing:-.02em;text-align:center;text-transform:uppercase;white-space:nowrap;min-width:0;font-size:9px;font-weight:700;line-height:1}.island-frame-colors{align-items:center;gap:5px;padding:0 8px;display:flex}.island-frame-colors .island-frame-custom-color{width:36px;height:36px;color:inherit;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:relative}.island-frame-custom-color:hover{background:var(--pill-bg-hover)}.island-frame-custom-color.is-unset{opacity:.42;transition:opacity .15s}.island-frame-custom-color.is-unset:hover,.island-frame-custom-color.is-unset:focus-within{opacity:.68}.island-background-icon{border:1px solid var(--pill-ink-hover);width:18px;height:18px;display:block;position:relative}@supports (color:color-mix(in lab, red, red)){.island-background-icon{border:1px solid color-mix(in srgb, var(--pill-ink-hover) 24%, transparent)}}.island-background-icon{box-shadow:0 0 0 2px var(--pill-bg), 0 0 0 3px var(--pill-ink-hover);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.island-background-icon{box-shadow:0 0 0 2px var(--pill-bg), 0 0 0 3px color-mix(in srgb, var(--pill-ink-hover) 16%, transparent)}}.island-background-icon{transition:filter .16s}.island-background-choices .theme-option-custom:after,.island-background-icon.has-color-wheel:after{z-index:2;border:1.5px solid var(--pill-bg);content:"";pointer-events:none;background:conic-gradient(#ff453a,#ffd60a,#30d158,#0a84ff,#bf5af2,#ff453a);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-3px;right:-3px}.island-background-choices .is-custom span.theme-option-image,.island-background-icon.is-image{background-color:var(--pill-ink);display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.island-background-choices .is-custom span.theme-option-image,.island-background-icon.is-image{background-color:color-mix(in srgb, var(--pill-ink) 10%, transparent)}}.island-background-choices .is-custom span.theme-option-image,.island-background-icon.is-image{background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center}.island-background-choices .is-custom.is-image.is-limit .theme-option-image{background-color:var(--limit-soft);color:var(--limit)}.island-background-choices .is-custom.is-image.is-limit .theme-option-image svg{color:var(--limit)}.island-ratio-icon{color:currentColor;justify-content:center;place-items:center;gap:3px;width:34px;height:30px;display:flex;position:relative}.island-ratio-icon svg{flex:none}.island-ratio-icon span{letter-spacing:-.035em;white-space:nowrap;font-size:11px;font-weight:700;position:relative}.island-zoom-icon{letter-spacing:-.045em;white-space:nowrap;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid;position:relative}.island-focus-icon{letter-spacing:-.025em;font-size:11px;font-weight:750}.island-preset-icon{color:currentColor;place-items:center;width:21px;height:21px;display:grid;position:relative}.island-preset-icon svg{display:block}.island-preset-icon span{letter-spacing:-.04em;place-items:center;font-size:8px;font-weight:750;line-height:1;display:grid;position:absolute;inset:0}.island-zoom-choices button{letter-spacing:-.035em;font-size:11px}.island-sound-icon{display:inline-flex}.top-lens-active-icon{color:var(--action-accent);background:0 0}.top-lens-active-icon:hover{background:var(--pill-bg-hover)}.lens-tick-slider{--lens-slider-active-height:26px;width:100%;height:28px;position:relative}.lens-slider-ticks{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 2px;overflow:hidden}.lens-slider-ticks span{--tick-rest-height:6px;--tick-rest-opacity:.3;width:1px;height:var(--tick-rest-height);background:var(--pill-ink-hover);opacity:var(--tick-rest-opacity);will-change:height, opacity;border-radius:999px;flex:none}.lens-slider-ticks span.is-step{--tick-rest-height:11px;--tick-rest-opacity:.62;width:2px}.lens-slider-ticks span.is-pulsing{animation:.32s cubic-bezier(.22,.8,.3,1) both lens-slider-tick-fall}@keyframes lens-slider-tick-fall{0%,7%{height:var(--lens-slider-active-height);opacity:.86}to{height:var(--tick-rest-height);opacity:var(--tick-rest-opacity)}}.top-lens-expanded input[type=range]{cursor:ew-resize;appearance:none;touch-action:none;background:0 0;width:100%;height:28px;margin:0;position:absolute;inset:0}.top-lens-expanded input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:0;height:20px}.top-lens-expanded input[type=range]::-webkit-slider-thumb{width:4px;height:var(--lens-slider-active-height);appearance:none;background:var(--action-accent);box-shadow:0 0 0 1px var(--action-accent);border:0;border-radius:2px;margin-top:-3px}@supports (color:color-mix(in lab, red, red)){.top-lens-expanded input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 1px color-mix(in srgb, var(--action-accent) 26%, transparent)}}.top-lens-expanded input[type=range]::-moz-range-track{background:0 0;border-radius:0;height:20px}.top-lens-expanded input[type=range]::-moz-range-thumb{width:4px;height:var(--lens-slider-active-height);background:var(--action-accent);border:0;border-radius:2px}.top-lens-expanded output{min-width:0;color:var(--pill-ink-hover);text-align:right;gap:2px;display:grid}.top-lens-expanded output small{color:var(--pill-ink-hover);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.top-lens-expanded output small{color:color-mix(in srgb, var(--pill-ink-hover) 48%, transparent)}}.top-lens-expanded output small{letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:7px;font-weight:650}.top-lens-expanded output strong{color:var(--action-accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;font-weight:700}.top-lens-icon{place-items:center;width:22px;height:22px;display:grid;position:relative}.top-lens-fstop{font-family:Georgia,Times New Roman,serif;font-size:20px;font-style:italic;line-height:1;transform:translateY(-2px)}.top-lens-exposure{font-size:17px;font-weight:500;line-height:1}.perspective-optic-ring{border-radius:50%;display:block;position:absolute}.perspective-optic-outer{transform:scale(var(--perspective-outer-scale,1));border:1.5px solid;transition:transform 70ms linear;inset:1px}.perspective-optic-middle{background:conic-gradient(currentColor 0 20%, transparent 20% 25%, currentColor 25% 45%, transparent 45% 50%, currentColor 50% 70%, transparent 70% 75%, currentColor 75% 95%, transparent 95% 100%);transform:rotate(var(--perspective-ring-rotation,0deg));transition:transform 70ms linear;inset:5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 0)}.perspective-optic-inner{transform:scale(var(--perspective-inner-scale,1));border:1.5px solid;transition:transform 70ms linear;inset:8px}@media (prefers-reduced-motion:reduce){.top-lens-island,.perspective-optic-ring{transition:none}.focus-reticle,.focus-reticle:before{animation:none}}.keyframe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.keyframe-grid>div{background:#f9fafc;border:0;overflow:hidden}.keyframe-grid>div.is-set{background:#f8fbff}.keyframe-grid button{background:0 0;border:0}.keyframe-grid>div>button:first-child{cursor:pointer;color:#6d6a74;text-align:left;grid-template-columns:20px minmax(0,1fr);align-content:center;column-gap:8px;width:100%;min-height:74px;padding:10px 8px 8px;display:grid}.keyframe-grid>div>button:first-child:hover:not(:disabled){background:#f5f9ff}.keyframe-grid>div>button:first-child>span{color:#3b82f4;border:1px solid;grid-row:1/3;place-items:center;width:20px;height:20px;margin:0;font-size:8px;font-weight:700;display:grid}.keyframe-grid>div>button:first-child>strong,.keyframe-grid>div>button:first-child>small{grid-column:2}.keyframe-grid strong{font-size:8px;font-weight:650}.keyframe-grid small{color:#aaa8b0;font-variant-numeric:tabular-nums;margin-top:2px;font-size:7px}.keyframe-grid button:disabled{cursor:not-allowed;opacity:.42}.keyframe-jump{cursor:pointer;color:#3b82f4;text-transform:uppercase;width:100%;padding:5px;font-size:7px;font-weight:650;border-top:0!important}.keyframe-jump:hover:not(:disabled){background:#eff6ff}.animation-timing{color:#85848c;justify-content:space-between;align-items:center;margin-top:11px;font-size:8px;display:flex}.animation-timing>div{gap:3px;display:flex}.animation-timing button{cursor:pointer;color:#8c8993;background:#f7f8fa;border:0;padding:4px 7px;font-size:8px}.animation-timing button.active{color:#3b82f4;background:#eff6ff;border-color:#bfdbfe}.animation-progress{background:#eceaf0;height:2px;margin:12px 0 8px;overflow:hidden}.animation-progress>span{background:#3b82f4;height:100%;transition:width 40ms linear;display:block}.animation-play{cursor:pointer;color:#fff;background:#242329;border:0;justify-content:center;align-items:center;gap:7px;width:100%;height:34px;font-size:8px;font-weight:650;display:flex}.animation-play:hover:not(:disabled){background:#151419}.animation-play:disabled{cursor:not-allowed;opacity:.36}.animation-render{cursor:pointer;color:#5f596e;background:#f7f8fa;border:0;justify-content:center;align-items:center;gap:7px;width:100%;height:34px;margin-top:6px;font-size:8px;font-weight:650;display:flex}.animation-render:hover:not(:disabled){color:#3b82f4;background:#f5f9ff}.animation-render:disabled{cursor:not-allowed;opacity:.38}.animation-section>p{color:#aaa8b0;text-align:center;margin:7px 0 0;font-size:8px}.ratio-cycle-button{background:var(--pill-bg);width:36px;height:36px;color:var(--pill-ink-hover);cursor:pointer;border:0;border-radius:999px;flex:none;place-items:center;padding:0;transition:background-color .16s,transform .16s;display:grid}.ratio-cycle-button:hover{background:var(--pill-bg-hover);transform:scale(1.025)}.ratio-cycle-button:active{transform:scale(.96)}.ratio-cycle-icon{place-items:center;width:30px;height:30px;animation:.28s cubic-bezier(.22,1,.36,1) ratio-cycle-pop;display:grid;position:relative}.ratio-cycle-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.5px;width:30px;height:30px;position:absolute}.ratio-cycle-icon span{letter-spacing:-.02em;font-size:8px;font-weight:650;position:relative}@keyframes ratio-cycle-pop{0%{opacity:.35;transform:scale(.78)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.backdrop-section{padding-top:22px;padding-bottom:24px}.backdrop-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.backdrop-option{cursor:pointer;color:#85848c;min-width:0;font:inherit;background:0 0;border:0;place-items:center;gap:7px;display:grid;position:relative}.backdrop-option small{text-align:center;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;width:100%;font-size:8px;line-height:1;overflow:hidden}.backdrop-option.active{color:#4e4a58}.custom-backdrop-option input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.swatch{border:2px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;box-shadow:0 0 0 1px #dedde2}.backdrop-option.active .swatch{box-shadow:0 0 0 1px #fff,0 0 0 2px #5c5765}.swatch-white{background:#fff}.swatch-light-gray{background:#f5f5f7}.swatch-black{background:#000}.swatch-custom{color:#fff;text-shadow:0 1px 3px #00000073}.swatch-custom>span{font-size:13px;font-weight:400;line-height:1}.top-lens-blur-mode{width:100%;max-width:148px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.top-lens-blur-mode:focus-visible{outline-offset:2px;outline:2px solid}.top-settings-expanded.is-slider:has(.top-lens-blur-mode){grid-template-columns:minmax(0,1fr) 148px}.island-device-controls.is-dynamic.has-lid-bend{grid-template-columns:68px minmax(0,1fr)}.island-lid-bend-toggle{height:32px;color:var(--pill-ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-content:center;justify-items:center;gap:4px;padding:0 5px;display:grid}.island-lid-bend-toggle:hover{color:var(--island-hover-blue)}.island-lid-bend-toggle:disabled{opacity:.4;cursor:default}.device-screen-source{z-index:2;opacity:0;pointer-events:none;min-width:116.667%;max-width:none;min-height:116.667%;max-height:none;display:block;position:absolute;top:-8.33333%;left:-8.33333%;width:116.667%!important;height:116.667%!important}.device-mockup-canvas{cursor:grab;pointer-events:auto;touch-action:none;min-width:100%;min-height:100%;top:0;left:0;width:100%!important;height:100%!important}.device-mockup-canvas:active{cursor:grabbing}.device-mockup-canvas[data-model-loading=true]{pointer-events:none}.device-model-loading{z-index:8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#f9fafc7a;place-items:center;animation:.16s ease-out both device-model-loading-in;display:grid;position:absolute;inset:0}.device-model-loading-status{border:1px solid var(--line);align-items:center;gap:9px;padding:9px 13px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.device-model-loading-status{border:1px solid color-mix(in srgb, var(--line) 80%, transparent)}}.device-model-loading-status{background:var(--pill-bg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.device-model-loading-status{background:color-mix(in srgb, var(--pill-bg) 94%, transparent)}}.device-model-loading-status{box-shadow:var(--sleek-control-shadow);color:var(--pill-ink);font-size:12px;font-weight:600;line-height:1}.device-model-loading-spinner{border:2px solid var(--pill-ink);width:14px;height:14px}@supports (color:color-mix(in lab, red, red)){.device-model-loading-spinner{border:2px solid color-mix(in srgb, var(--pill-ink) 24%, transparent)}}.device-model-loading-spinner{border-top-color:var(--pill-ink);border-radius:50%;animation:.72s linear infinite device-model-loading-spin}html.is-dark-ui .device-model-loading{background:#0303037a}@keyframes device-model-loading-in{0%{opacity:0}}@keyframes device-model-loading-spin{to{transform:rotate(360deg)}}.device-mockup-canvas.is-thumbnail-only{visibility:hidden;pointer-events:none;position:absolute}.export-area{background:#fff;border:0;padding:15px 20px 16px}.export-button{cursor:pointer;color:#fff;background:#3b82f4;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:41px;font-size:12px;font-weight:650;display:flex}.export-button:hover{background:#3b82f4}.export-button:disabled{cursor:wait;opacity:.65;transform:none}.frame-debug-panel{z-index:1000;color:#f6f6f7;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121215f0;border:1px solid #ffffff24;border-radius:12px;width:min(390px,100vw - 24px);position:fixed;bottom:12px;right:12px;overflow:hidden;box-shadow:0 16px 48px #00000047}.frame-debug-panel.is-capturing{visibility:hidden}.frame-debug-heading{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:38px;padding:0 10px 0 12px;display:flex}.frame-debug-heading strong{letter-spacing:.03em;font-size:10px;font-weight:700}.frame-debug-heading button{color:#17171a;cursor:pointer;background:#fff;border:0;border-radius:7px;height:25px;padding:0 9px;font-size:9px;font-weight:700}.frame-debug-panel pre{color:#c9f7d5;white-space:pre-wrap;word-break:break-word;max-height:min(42vh,430px);margin:0;padding:10px 12px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;line-height:1.45;overflow:auto}.export-area p{color:#aaa9af;text-align:center;margin:9px 0 0;font-size:8px}.notice{color:#1d4ed8;text-align:center;background:#eff6ff;border-radius:7px;margin-bottom:9px;padding:8px;font-size:8px}.topbar-actions a,.topbar-actions label,.animation-play,.animation-render,.export-button{border:0;border-radius:9999px}@media (max-width:900px){.studio{grid-template-columns:minmax(0,1fr)}.topbar{gap:10px;padding-left:14px;padding-right:12px}.topbar-control-group>small,.topbar-divider{display:none}.topbar-controls{justify-content:flex-start;gap:8px}.topbar-actions a,.topbar-actions label{width:34px;padding:0;font-size:0}.animation-tray{grid-template-columns:74px minmax(0,1fr) 150px}.animation-tray-heading{grid-row:1/3}.animation-tray .keyframe-grid,.animation-tray-options{grid-column:2}.animation-tray-actions{grid-area:1/3/3}}@media (max-width:1100px){.topbar-left{gap:10px}.top-usage-island-anchor{display:none}.topbar-actions a,.topbar-actions label{width:34px;padding:0;font-size:0}.top-unsaved-copy span{display:none}}@media (min-width:681px){.bottom-studio-controls{box-sizing:border-box;padding-left:10px;padding-right:10px}.mobile-camera-controls-row>.topbar-utility-controls{min-width:0;max-width:calc(100vw - 307px);overflow:hidden}.mobile-camera-controls-row>.topbar-utility-controls:has(.is-settings-capture){overflow:visible}.mobile-camera-controls-row .settings-island-scroll{overflow:auto hidden}:is(.mobile-camera-controls-row>.topbar-utility-controls:has(.island-new-badge),.mobile-camera-controls-row .top-lens-island:has(.island-new-badge)){overflow:visible}.mobile-camera-controls-row .settings-island-scroll:has(.island-new-badge){box-sizing:border-box;margin-top:-4px;padding-top:4px}.top-lens-collapsed .island-new-badge{top:-6px}}@media (max-width:680px){.studio{height:auto;min-height:100dvh;display:block;overflow:visible}.workspace{--timeline-bottom-inset:0px;--video-render-outset:0px;grid-template-rows:minmax(0,1fr);height:100dvh}.topbar{display:none}.animation-sequencer{max-width:calc(100vw - 24px);top:auto;bottom:22px}.bottom-rotation-controls,.bottom-studio-controls{right:10px;bottom:max(14px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:10px;width:auto;max-width:none;left:10px}.workspace.is-photo-mode .stage-wrap{padding-bottom:124px}.workspace.is-video-mode .stage-wrap{padding-bottom:calc(var(--timeline-height,210px) + 122px)}.capture-stage-shell.is-mobile-fill{flex:1 1 0;width:100%;max-width:none;height:auto;min-height:0;max-height:none;aspect-ratio:auto!important}.stage-wrap:has(.animation-tray) .capture-stage-shell.is-mobile-fill{width:100%}.workspace.is-switching-studio-mode .capture-stage-shell,.stage-wrap.is-stage-flipping .capture-stage-shell{clip-path:inset(0 round 16px);border-radius:16px;overflow:hidden}.workspace.is-switching-studio-mode .capture-stage,.stage-wrap.is-stage-flipping .capture-stage{border-radius:16px!important}.bottom-axis-controls{flex:0 auto;order:0;min-width:0}.bottom-axis-controls:has(.is-axis-capture){flex:auto}.bottom-chrome-row{justify-content:center;width:min(100%,351px);min-width:0}.mobile-camera-controls-row{justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;transition:gap .28s cubic-bezier(.22,1,.36,1);display:flex}.mobile-camera-controls-row>.auto-motion-actions-anchor{opacity:1;flex:none;width:max-content;max-width:none;transition:max-width .28s cubic-bezier(.22,1,.36,1),opacity .16s,transform .28s cubic-bezier(.22,1,.36,1);position:relative;inset:auto;transform:none}.mobile-camera-controls-row .auto-motion-actions .auto-motion-icon-button[data-tooltip]:after{top:auto;bottom:calc(100% + 9px);transform:translate(-50%,3px)scale(.94)}.mobile-camera-controls-row .auto-motion-actions .auto-motion-icon-button[data-tooltip]:hover:after,.mobile-camera-controls-row .auto-motion-actions .auto-motion-icon-button[data-tooltip]:focus-visible:after{transform:translate(-50%)scale(1)}.mobile-camera-controls-row .auto-motion-island-divider,.mobile-camera-controls-row .auto-motion-close{display:none}.mobile-camera-controls-row>.topbar-utility-controls{flex:0 auto;width:auto;min-width:0}.mobile-camera-controls-row:has(.top-lens-island.is-expanded)>.auto-motion-actions-anchor{pointer-events:none;opacity:0;max-width:0;overflow:hidden;transform:translate(-10px)scale(.92)}.mobile-camera-controls-row:has(.top-lens-island.is-expanded){gap:0}.bottom-axis-controls .pill-capture-wrap{flex:64px;min-width:0;max-width:64px}.bottom-axis-controls .pill-capture-button{width:100%;max-width:none;height:42px;margin-left:0;margin-right:0}.bottom-axis-controls .pill-capture-wrap.is-video .pill-capture-button{border:1px solid #171619}html:not(.is-dark-ui) .bottom-axis-controls .pill-capture-wrap{--pill-bg:#151517}html:not(.is-dark-ui) .bottom-axis-controls .pill-capture-button{color:#171619;background:#ffd50b;border:1px solid}html:not(.is-dark-ui) .bottom-axis-controls .pill-capture-button:hover:not(:disabled){background:#f5c92a}html:not(.is-dark-ui) .bottom-axis-controls .pill-capture-wrap.is-video .pill-capture-button{color:#fff;background:#e23b36;border-color:#171619}html:not(.is-dark-ui) .bottom-axis-controls .pill-capture-wrap.is-video .pill-capture-button:hover:not(:disabled){background:#ef4943}:is(.mobile-camera-controls-row:has(.top-lens-island.is-expanded)>.topbar-utility-controls,.mobile-camera-controls-row:has(.top-lens-island.is-expanded) .settings-island-scroll,.mobile-camera-controls-row:has(.top-lens-island.is-expanded) .settings-island-shell,.mobile-camera-controls-row:has(.top-lens-island.is-expanded) .top-lens-island){width:100%!important}.timeline-demo-helper{max-width:calc(100vw - 24px)}.timeline-demo-helper.timeline-start-helper{width:min(240px,100vw - 32px);top:auto;bottom:calc(100% + 16px);left:50%;translate:-50%}.timeline-demo-helper.timeline-end-helper{width:min(240px,100vw - 32px);top:auto;bottom:calc(100% + 16px);left:clamp(0px,50%,100vw - 272px);translate:none}.timeline-demo-helper.timeline-playback-helper{width:min(240px,100vw - 24px);inset:50% calc(100% + 12px) auto auto;translate:0 -50%}.workspace.demo-video-guide-playback .tracks-timeline{z-index:101}.workspace.demo-video-guide-interest-area .demo-guide-interest-drag-group{transform:translateY(80px)}.bottom-axis-button:after{display:none}.bottom-axis-button.is-scrubbing .axis-scrub-hint{z-index:80;pointer-events:none;color:#fff;white-space:nowrap;background:#111113;border:1px solid #ffffff24;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:10px;font-weight:600;line-height:26px;display:flex;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0000003d}.bottom-axis-button.is-scrubbing .axis-scrub-hint:after{content:"";background:#111113;border-bottom:1px solid #ffffff24;border-right:1px solid #ffffff24;width:7px;height:7px;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)rotate(45deg)}html:not(.is-dark-ui) .bottom-axis-button.is-scrubbing .axis-scrub-hint{color:#252329;background:#f1f2f4;border-color:#1d1d201a;box-shadow:0 6px 18px #0f172a1a}html:not(.is-dark-ui) .bottom-axis-button.is-scrubbing .axis-scrub-hint:after{background:#f1f2f4;border-color:#1d1d201a}.topbar-utility-controls{overflow:hidden}.settings-island-scroll{overflow:auto hidden}.topbar-actions{display:none}.sound-toggle{width:32px;height:32px}.mobile-top-toolbar-surface{display:none}.capture-notice{z-index:63;top:56px}html:not(.is-dark-ui) .mobile-top-toolbar-surface{background:#fff}.top-environment-island{max-width:calc(100vw - 24px);top:56px;left:50%;translate:-50%}.workspace .top-environment-controls{border:1px solid var(--ink);max-width:calc(100vw - 218px);padding:3px 4px;top:8px;left:8px}@supports (color:color-mix(in lab, red, red)){.workspace .top-environment-controls{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.workspace .top-environment-controls{background:var(--pill-bg);box-shadow:var(--sleek-surface-shadow);translate:0}.workspace .top-right-toolbar{height:40px;box-shadow:none;background:0 0;border:0;align-items:center;gap:0;padding:0;top:8px;right:8px}html:not(.is-dark-ui) .workspace .top-environment-controls{background:#fff}.showcase-nav-button,.top-usage-island-anchor,.templates-nav-button,.feedback-popover-button,.info-popover-button{display:none}.feedback-popover-anchor,.info-popover-anchor{display:contents}.feedback-popover,.info-popover{z-index:242;top:max(72px, env(safe-area-inset-top));width:calc(100vw - 24px);max-width:364px;position:fixed;right:12px}.top-right-actions .sound-toggle{width:30px;height:30px}.top-right-actions .top-sound-toggle,.top-environment-tooltip,.top-utility-tooltip,.top-environment-controls .top-setting-helper,.top-right-actions .top-setting-helper{display:none}.top-unsaved-indicator{background:var(--pill-bg);border:0;border-radius:999px;max-width:calc(100vw - 24px);height:36px;padding:0 12px;display:inline-flex;position:fixed;top:56px;left:50%}@supports (color:color-mix(in lab, red, red)){.top-unsaved-indicator{background:color-mix(in srgb, var(--pill-bg) 92%, transparent)}}.top-unsaved-indicator{box-shadow:var(--sleek-surface-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);translate:-50%}.top-unsaved-copy span{display:inline}.top-environment-controls .top-project-button{max-width:118px;padding:0 5px}.top-environment-controls .top-project-name-slot,.top-environment-controls .top-project-name-measure{max-width:56px}.top-environment-controls .top-photo-upload-button{width:32px;padding:0;font-size:0}.top-environment-controls .top-photo-upload-content>span{display:none}.top-environment-controls .top-photo-upload-content{place-items:center;gap:0;width:32px;height:32px;display:grid}.top-environment-controls .top-photo-upload-icon{width:18px;height:18px;display:block}.top-right-actions .account-control>.top-account-button:not(.is-signup),.top-right-actions .top-pro-cta{display:none}.top-right-actions .top-account-button.is-signup{padding-left:9px;padding-right:9px;font-size:10px}.top-right-actions .top-upload-button{width:34px;padding:0;font-size:0;overflow:hidden}.top-right-actions .top-upload-button:before{content:"+";font-size:16px}.mode-toggle{width:124px}.topbar-ratios button{min-width:31px}.topbar-backdrops button,.topbar-custom-backdrop{width:27px}.lens-tick-slider,.top-lens-expanded input[type=range]{height:36px}.lens-tick-slider{--lens-slider-active-height:28px}.top-lens-expanded input[type=range]::-webkit-slider-thumb{width:5px;margin-top:-4px}.top-lens-expanded input[type=range]::-moz-range-thumb{width:5px}.stage-wrap{padding:64px 8px calc(var(--timeline-height,210px) + 46px)}.workspace:has(.top-unsaved-indicator) .stage-wrap{padding-top:104px}.workspace.is-sharing-export:not(.is-rendering-video) .stage-wrap{padding:max(56px, env(safe-area-inset-top)) 8px max(124px, calc(env(safe-area-inset-bottom) + 100px))}.workspace.is-rendering-video:not(.is-export-ready) .capture-stage-shell:not(.is-render-locked){max-width:100%;max-height:100%;aspect-ratio:var(--ratio-value);width:min(100%, calc(100cqh * var(--ratio-value)))!important;height:auto!important}.workspace.is-rendering-video .capture-stage-shell.is-render-locked{width:var(--render-stage-width)!important;height:var(--render-stage-height)!important;aspect-ratio:auto!important;max-width:none!important;max-height:none!important}.workspace.is-export-ready .share-export-overlay{padding:max(52px, env(safe-area-inset-top)) 8px max(146px, calc(env(safe-area-inset-bottom) + 124px));place-items:center;display:grid;container-type:size}.workspace.is-export-ready .share-export-overlay:has(.share-export-preview.is-video){padding-right:calc(8px + var(--video-render-outset));padding-left:calc(8px + var(--video-render-outset))}.share-export-sheet{right:0;bottom:max(32px, calc(env(safe-area-inset-bottom) + 24px));padding:12px 16px;left:0}.share-export-destinations{justify-content:safe center}.share-export-preview.is-fallback{width:min(100%, calc(100cqh * (var(--share-preview-ratio,.8))));max-width:100%;height:auto;max-height:100%;aspect-ratio:var(--share-preview-ratio,4 / 5);margin:0;position:relative;inset:auto}.tracks-timeline{right:0;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 104px);border-bottom:0;border-left:0;border-right:0;border-radius:0;left:0}.demo-tutorial-toggle{right:11px;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 1px)}.workspace .tracks-timeline{box-shadow:none}.timeline-toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;padding:0 8px}.tracks-timeline.is-scene-focused .timeline-toolbar{display:flex}.tracks-timeline.is-scene-focused .timeline-toolbar-left{flex:0 auto}.tracks-timeline.is-scene-focused .timeline-transport{flex:none;justify-self:auto;margin-left:auto}.tracks-timeline.is-scene-focused .timeline-toolbar-right,.timeline-presets-button,.timeline-zoom-label{display:none}.timeline-shot-tools-motion{gap:2px}.tracks-timeline.is-scene-focused .timeline-restart-button{display:inline-flex}.timeline-end-button{display:none}.tracks-timeline.is-scene-focused .timeline-toolbar-left{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:auto;overflow:auto hidden}.tracks-timeline.is-scene-focused .timeline-toolbar-left::-webkit-scrollbar{display:none}.tracks-timeline.is-scene-focused .timeline-shot-tools-motion{flex:none;gap:4px;width:auto;min-width:max-content;max-width:none;overflow:visible}.tracks-timeline.is-scene-focused .timeline-selected-shot-screen{flex:none;display:grid}.tracks-timeline.is-scene-focused .timeline-selected-shot-action{display:grid}.tracks-timeline.is-scene-focused .timeline-text-animation-button{display:inline-flex}.tracks-timeline.is-scene-focused .timeline-shot-tools-motion>.timeline-project-wrap{flex:1 1 0;min-width:0;display:block}.tracks-timeline.is-scene-focused .timeline-shot-tools-motion .timeline-presets-button{white-space:nowrap;flex:auto;gap:4px;width:100%;min-width:0;max-width:128px;height:32px;padding:0 8px;display:inline-flex;overflow:hidden}.tracks-timeline.is-scene-focused .timeline-shot-tools-motion .timeline-easing-button{flex:none;width:auto;display:inline-flex}.tracks-timeline.is-scene-focused .timeline-shot-tools-motion>.timeline-selected-easing-wrap,.tracks-timeline.is-scene-focused .timeline-shot-tools-motion>.timeline-selected-text-animation-wrap{flex:none;min-width:max-content}.tracks-timeline.is-scene-focused .timeline-selected-text-animation-wrap .timeline-presets-button{width:auto;max-width:none}.tracks-timeline.is-scene-focused .timeline-shot-tools-motion .timeline-presets-button>svg{flex:none}.tracks-timeline.is-scene-focused .timeline-shot-tools-motion .timeline-presets-button>svg:last-child{display:none}.tracks-timeline.is-scene-focused .shot-easing-menu,.tracks-timeline.is-scene-focused .timeline-text-scene-menu{z-index:80;width:min(360px,100vw - 24px);max-height:min(380px, calc(100dvh - var(--timeline-height,168px) - 20px));touch-action:manipulation;overscroll-behavior:contain;overflow:auto}.tracks-timeline>.timeline-movement-preset-menu{z-index:80;width:auto;max-width:none;max-height:min(420px, calc(100dvh - var(--timeline-height,168px) - 72px));touch-action:manipulation;overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));position:absolute;inset:auto 8px calc(100% + 8px);overflow:auto}.tracks-timeline>.timeline-movement-preset-menu .movement-preset-card{grid-template-rows:72px 36px}.tracks-timeline>.timeline-movement-preset-menu .movement-preset-preview,.tracks-timeline>.timeline-movement-preset-menu .movement-preset-card>.movement-preset-preview{height:72px;min-height:72px}.tracks-timeline.is-scene-focused .shot-easing-menu{width:min(290px,100vw - 24px);overflow:visible}.timeline-add-shot-button{display:inline-flex}.timeline-toolbar-left,.timeline-toolbar-right{gap:6px;min-width:0}.timeline-toolbar-left{padding-right:10px}.timeline-toolbar-right{padding-left:10px}.timeline-transport{justify-self:center}.timeline-transport-action{width:32px;padding:0}.timeline-transport-action>span{display:none}.timeline-add-scene-action{width:auto;padding:0 10px}.timeline-add-scene-action>span{display:inline}.timeline-reorder-button,.timeline-reorder-button>span{display:none}.timeline-reorder-icon{display:block}.timeline-toolbar-zoom{display:none}.timeline-export-button{height:30px;padding:0 11px}.timeline-timecode{min-width:82px;font-size:9px}.timeline-grid{--timeline-lane-inset:8px;--timeline-lane-start-inset:38px;grid-template-columns:var(--timeline-content-width);border-radius:0}.timeline-track-row,.timeline-add-track-row{grid-template-columns:124px minmax(620px,1fr)}.timeline-track-label{grid-template-columns:24px minmax(0,1fr) 20px 16px;gap:3px;padding-left:7px}.timeline-track-row.is-shot .timeline-track-label{grid-template-columns:minmax(0,1fr)}.timeline-source-thumb{width:31px;height:27px}.track-type-icon{width:23px;height:23px}.timeline-scrubber{left:var(--timeline-lane-inset);width:calc(var(--timeline-content-width) - var(--timeline-lane-inset) * 2)}.workspace:has(.animation-tray){height:auto;min-height:660px}.stage-wrap:has(.animation-tray) .capture-stage-shell{width:min(100%, calc((100cqh - 178px) * var(--ratio-value)))}.animation-tray{grid-template-columns:1fr;gap:10px}.animation-tray-heading,.animation-tray .keyframe-grid,.animation-tray-options,.animation-tray-actions{grid-area:auto/1}.animation-tray-heading{flex-direction:row;justify-content:space-between;align-items:baseline}.sidebar{border:0;grid-template-rows:auto auto;min-height:70dvh;margin:10px}.sidebar-scroll{overflow:visible}.capture-stage-shell{width:min(100%, 1100px, calc(100cqh * var(--ratio-value)))}.perspective-minimap{width:138px;padding:6px;bottom:14px;right:12px}.perspective-minimap .rotation-stage{height:72px}}.top-environment-controls,.top-environment-island,.top-right-actions{box-shadow:var(--sleek-surface-shadow)}.topbar-utility-controls{box-shadow:0 1px 2px #0000001f,0 5px 16px #00000012}.bottom-axis-button{transition-property:background-color,color,opacity}.top-environment-controls,.top-environment-island,.top-right-actions,.topbar-utility-controls{transition-property:background-color,border-color,box-shadow}.tracks-timeline{transition:background-color .18s,border-color .18s,box-shadow .18s}.tracks-timeline,.tracks-timeline *{text-transform:none}.tracks-timeline .shot-preset-label,.tracks-timeline .shot-endpoint-half{text-transform:uppercase}.timeline-toolbar,.timeline-toolbar *{letter-spacing:normal}.upgrade-overlay{z-index:1400;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12121647;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.upgrade-dialog{overscroll-behavior:contain;color:#202024;background:#efeff2;border:1px solid #0000000f;border-radius:28px;width:min(1080px,100vw - 32px);max-height:calc(100dvh - 44px);padding:28px 24px 22px;position:relative;overflow:auto;box-shadow:0 28px 80px #14141829}html.is-dark-ui .upgrade-overlay{background:#00000085}html.is-dark-ui .upgrade-dialog{color:#f4f4f5;background:#101012;border-color:#ffffff14;box-shadow:0 28px 80px #0000006b}.upgrade-close{cursor:pointer;color:#8a8a92;background:#ffffffb8;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:16px;right:16px}.upgrade-close:hover{color:#28282c;background:#fff}.upgrade-close:disabled{cursor:default;opacity:.45}html.is-dark-ui .upgrade-close{color:#8a8a92;background:#1c1c1f}html.is-dark-ui .upgrade-close:hover{color:#fff;background:#2a2a2e}.upgrade-toolbar{justify-items:center;margin:4px 36px 22px;display:grid}.upgrade-reason{background:var(--limit-soft);color:var(--limit);letter-spacing:-.015em;text-align:center;border-radius:999px;margin:0 0 16px;padding:8px 14px;font-size:15px;font-weight:620;display:inline-flex}html.is-dark-ui .upgrade-reason{background:var(--limit-soft);color:var(--limit)}.upgrade-interval{background:#ffffffb3;border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}html.is-dark-ui .upgrade-interval{background:#1a1a1d}.upgrade-interval button{cursor:pointer;color:#7a7a82;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-size:12px;font-weight:560;display:inline-flex}.upgrade-interval button:disabled{cursor:default}.upgrade-interval button.is-active{color:#1d1d20;background:#fff;box-shadow:0 1px 2px #0f172a0f}html.is-dark-ui .upgrade-interval button.is-active{color:#f4f4f5;box-shadow:none;background:#2a2a2e}.upgrade-interval em{color:#5c5c64;background:#ececf0;border-radius:999px;padding:2px 7px;font-size:9px;font-style:normal;font-weight:700}html.is-dark-ui .upgrade-interval em{color:#c7c7cc;background:#323236}.upgrade-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.upgrade-grid.is-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));width:min(720px,100%);margin-inline:auto}.upgrade-card{background:#fff;border:1px solid #fffc;border-radius:24px;align-content:start;gap:16px;padding:22px 20px 20px;display:grid;box-shadow:0 1px 2px #0f172a0a}html.is-dark-ui .upgrade-card{box-shadow:none;background:#171719;border-color:#ffffff0f}.upgrade-card-top{flex-wrap:wrap;align-items:center;gap:8px;min-height:26px;display:flex}.upgrade-plan-pill{border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:680;display:inline-flex}.upgrade-card.is-free .upgrade-plan-pill{background:var(--feedback-send-blue)}@supports (color:color-mix(in lab, red, red)){.upgrade-card.is-free .upgrade-plan-pill{background:color-mix(in srgb, var(--feedback-send-blue) 16%, #fff)}}.upgrade-card.is-free .upgrade-plan-pill{color:var(--feedback-send-blue)}.upgrade-card.is-pro .upgrade-plan-pill{background:var(--limit-soft);color:var(--limit)}.upgrade-card.is-unlimited .upgrade-plan-pill{color:#353a00;background:#f5ff63}html.is-dark-ui .upgrade-card.is-free .upgrade-plan-pill{background:var(--feedback-send-blue)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .upgrade-card.is-free .upgrade-plan-pill{background:color-mix(in srgb, var(--feedback-send-blue) 22%, #171719)}}html.is-dark-ui .upgrade-card.is-free .upgrade-plan-pill{color:#7ec8ff}html.is-dark-ui .upgrade-card.is-pro .upgrade-plan-pill{background:var(--limit-soft);color:var(--limit)}html.is-dark-ui .upgrade-card.is-unlimited .upgrade-plan-pill{color:#252900;background:#f5ff63}.upgrade-price{align-items:baseline;gap:10px;display:flex}.upgrade-price strong{letter-spacing:-.06em;font-size:52px;font-weight:720;line-height:.9}.upgrade-price small{color:#8a8a92;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.25}.upgrade-blurb{color:#5c5c64;min-height:2.7em;margin:0;font-size:13px;line-height:1.45}html.is-dark-ui .upgrade-blurb,html.is-dark-ui .upgrade-price small{color:#9b9ba3}.upgrade-cta{cursor:pointer;color:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;padding:0 16px;font-size:14px;font-weight:680;display:flex}.upgrade-card.is-free .upgrade-cta{background:var(--feedback-send-blue)}.upgrade-card.is-pro .upgrade-cta{color:#fff;background:#7c3aed}.upgrade-card.is-unlimited .upgrade-cta{color:#252900;background:#f5ff63}.upgrade-card.is-free .upgrade-cta:hover:not(:disabled){background:#1b81ff}.upgrade-card.is-pro .upgrade-cta:hover:not(:disabled){background:#6d28d9}.upgrade-card.is-unlimited .upgrade-cta:hover:not(:disabled){background:#eaf454}.upgrade-cta:disabled{cursor:default;opacity:.55}.upgrade-features{gap:9px;margin:4px 0 0;padding:0;list-style:none;display:grid}.upgrade-features li{color:#3a3a40;align-items:flex-start;gap:8px;font-size:13px;line-height:1.35;display:flex}.upgrade-features li>svg{flex:none;margin-top:1px}.upgrade-features li.is-highlighted{color:var(--limit);font-weight:680}.upgrade-features li.is-highlighted>svg{color:var(--limit)}.upgrade-features li.is-unavailable{color:#9a9aa2}.upgrade-features li.is-unavailable span{text-decoration:line-through;text-decoration-thickness:1px}.upgrade-features li.is-unavailable>svg{color:#aaaab1}.upgrade-features em{color:#6b6b73;vertical-align:middle;background:#ececf0;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:9px;font-style:normal;font-weight:700}html.is-dark-ui .upgrade-features li{color:#d4d4d8}html.is-dark-ui .upgrade-features li.is-unavailable{color:#77777f}html.is-dark-ui .upgrade-features em{color:#b4b4ba;background:#2a2a2e}.upgrade-message{color:#b42318;text-align:center;margin:16px 0 0;font-size:12px;line-height:1.4}.upgrade-footnote{color:#9a9aa2;text-align:center;margin:16px 0 0;font-size:11px}html.is-dark-ui .upgrade-footnote{color:#7a7a82}@media (max-width:860px){.upgrade-overlay{place-items:start center;padding:12px}.upgrade-dialog{border-radius:22px;width:min(440px,100vw - 24px);max-height:calc(100dvh - 24px);padding:22px 16px 16px}.upgrade-grid,.upgrade-grid.is-cols-2{grid-template-columns:1fr}.upgrade-price strong{font-size:44px}.upgrade-blurb{min-height:0}}@media (max-width:560px){.upgrade-overlay{padding:0;display:block}.upgrade-dialog{width:100%;height:100dvh;max-height:none;padding:max(12px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom));border:0;border-radius:0}.upgrade-close{z-index:2;top:max(12px, env(safe-area-inset-top));margin-left:auto;position:sticky}.upgrade-toolbar{margin:8px 0 18px}.upgrade-reason{margin-bottom:12px;padding:7px 12px;font-size:13px}.upgrade-interval{width:100%}.upgrade-interval button{flex:1;justify-content:center;min-width:0;padding-inline:10px}.upgrade-card{border-radius:20px;gap:14px;padding:18px 16px 17px}.upgrade-price strong{font-size:40px}.upgrade-cta{min-height:44px}.upgrade-footnote{margin-bottom:2px}}.showcase-drawer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:4px;display:grid}.showcase-drawer-grid.is-template-vault{grid-template-columns:repeat(3,minmax(0,1fr))}.template-vault-drawer .studio-drawer-title{font-weight:500}.showcase-drawer-item{border:1px solid var(--line);background:var(--pill-bg);border-radius:12px;width:100%;overflow:hidden}.showcase-drawer-video{background:var(--pill-bg);width:100%;height:auto;display:block}.cloud-template-preview.is-empty{aspect-ratio:16/9;background:linear-gradient(135deg, var(--ink), transparent), var(--pill-bg)}@supports (color:color-mix(in lab, red, red)){.cloud-template-preview.is-empty{background:linear-gradient(135deg, color-mix(in srgb, var(--ink) 7%, transparent), transparent), var(--pill-bg)}}.cloud-template-title{justify-content:space-between}.cloud-template-title strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.showcase-drawer-attribution{background:var(--pill-bg);color:var(--muted);align-items:baseline;gap:4px;margin:0;padding:10px 12px 11px;font-size:11px;display:flex}.showcase-drawer-attribution.is-loading{align-items:center;gap:7px;min-height:38px}.showcase-drawer-ghost{background:linear-gradient(105deg, transparent 35%, #ffffff85 50%, transparent 65%), var(--ink);border-radius:999px;height:8px;display:block}@supports (color:color-mix(in lab, red, red)){.showcase-drawer-ghost{background:linear-gradient(105deg, transparent 35%, #ffffff85 50%, transparent 65%), color-mix(in srgb, var(--ink) 9%, transparent)}}.showcase-drawer-ghost{background-size:220% 100%,100% 100%;animation:1.35s ease-in-out infinite showcase-video-shimmer}.showcase-drawer-ghost.is-source{width:76px}.showcase-drawer-ghost.is-credit{width:106px}html.is-dark-ui .showcase-drawer-ghost{background:linear-gradient(105deg,#0000 35%,#ffffff12 50%,#0000 65%) 0 0/220% 100%,#ffffff14 0 0/100% 100%}.showcase-drawer-attribution>a{color:var(--ink);font-weight:600}.showcase-drawer-attribution a{text-decoration:underline}@supports (color:color-mix(in lab, red, red)){.showcase-drawer-attribution a{-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent)}}.showcase-drawer-attribution a{text-underline-offset:3px}.showcase-drawer-attribution a:hover{color:var(--island-hover-blue);text-decoration-color:currentColor}.showcase-drawer-message{min-height:240px;color:var(--muted);place-items:center;margin:0;font-size:12px;display:grid}@media (max-width:560px){.showcase-drawer-grid,.showcase-drawer-grid.is-template-vault{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.showcase-drawer-ghost{animation:none}}@media (min-width:561px) and (max-width:860px){.showcase-drawer-grid.is-template-vault{grid-template-columns:repeat(2,minmax(0,1fr))}}.template-drawer-attribution{align-items:center;gap:12px}.template-drawer-credit{overflow-wrap:anywhere;flex:1;min-width:0}.template-drawer-credit strong{color:var(--ink);font-weight:600}.template-start-button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;margin-left:auto;padding:6px 8px}.template-start-button:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.template-start-button:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}}.template-start-button:disabled{opacity:.5;cursor:default}.template-drawer-error{color:var(--muted);padding:12px;font-size:12px}.template-drawer-error button{margin-left:8px;text-decoration:underline}.mobile-menu{display:none}@media (max-width:680px){.mobile-menu{flex:none;display:block}.mobile-menu-trigger{cursor:pointer;width:34px;height:34px;color:var(--pill-ink);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .16s,color .16s,transform .16s;display:grid}.mobile-menu-trigger:hover{color:var(--pill-ink-hover);background:0 0}.mobile-menu-trigger:active,.mobile-menu-trigger[aria-expanded=true]{background:0 0}.mobile-menu-trigger:active{transform:scale(.94)}.mobile-menu-body{padding:0 12px 12px;display:grid}.mobile-menu-surface{color:#21201c;text-align:left;background:#fff;border:1px solid #e6e7e8;border-radius:10px;position:relative;overflow:hidden}.mobile-menu-measure{position:relative}.mobile-menu-drawer{transition:transform .2s cubic-bezier(.165,.84,.44,1)}.mobile-menu-drawer-overlay{transition:opacity .2s cubic-bezier(.165,.84,.44,1)}.mobile-menu-drawer[data-title-hidden=true] .studio-drawer-body{padding-top:42px}html.is-dark-ui .mobile-menu-surface{color:#f4f4f5;background:#151517;border-color:#343439}.mobile-menu-surface[data-view=showcase]{box-shadow:none;background:0 0;border-color:#0000}.mobile-menu-surface[data-view=showcase] .mobile-menu-embedded-view{background:0 0;border-top:0;padding:0}.mobile-menu-surface[data-view=feedback] .mobile-menu-embedded-view{border-top:0}.mobile-menu-drawer:has(.mobile-menu-surface[data-view=showcase]) .studio-drawer-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;overflow:hidden auto}.mobile-menu-header{align-items:center;min-height:58px;padding:10px 12px 8px 14px;display:flex;position:relative}.mobile-menu-header:after{content:"";pointer-events:none;border-top:1px dashed #e6e7e8;position:absolute;bottom:0;left:12px;right:12px}html.is-dark-ui .mobile-menu-header:after{border-color:#3f3f46}.mobile-menu-back{cursor:pointer;color:#53525a;background:#f0f1f3;border:0;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;padding:0;transition:background-color .14s,color .14s,transform .16s;display:grid}.mobile-menu-back:hover{color:#21201c;background:#e8e9ec}.mobile-menu-back:active{transform:scale(.8)}html.is-dark-ui .mobile-menu-back{color:#b8b8bd;background:#202023}.mobile-menu-header .wordmark-logo{width:24px;height:24px}.mobile-menu-header .wordmark-logo-core{width:18px;height:18px}.mobile-menu-header .wordmark-logo-half{width:12px;height:12px}.mobile-menu-version{color:#8b8b92;letter-spacing:.045em;text-align:right;text-transform:uppercase;align-items:center;gap:4px;margin-left:auto;font-size:9px;font-weight:500;display:flex}.mobile-menu-version strong{color:#28272b;font-size:9px;font-weight:600}html.is-dark-ui .mobile-menu-version strong{color:#e4e4e7}.mobile-menu-section{border-top:1px dashed #e6e7e8;padding:10px 2px}html.is-dark-ui .mobile-menu-section{border-color:#3f3f46}.mobile-menu-section>p{color:#8b8b92;letter-spacing:.045em;text-transform:uppercase;margin:0;padding:3px 2px 7px;font-size:10px;font-weight:500}.mobile-menu-inline-info .info-popover-waitlist label,.mobile-menu-inline-info .info-popover-credit-row>span,.mobile-menu-section>p{color:#8b8b92;letter-spacing:.045em;text-transform:uppercase;font-size:10px;font-weight:500;line-height:1.2}.mobile-menu-section button,.mobile-menu-auth button{cursor:pointer;width:100%;min-height:46px;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:0 12px;font-size:14px;font-weight:560;transition:background-color .14s,transform .16s;display:flex}.mobile-menu-section button:hover{background:#f4f4f6}.mobile-menu-section button{padding-inline:2px}.mobile-menu-section button:active:not(:disabled),.mobile-menu-auth button:active:not(:disabled){transform:scale(.97)}html.is-dark-ui .mobile-menu-section button:hover{background:#202023}.mobile-menu-section button:disabled{cursor:default;opacity:.38}.mobile-menu-section small{color:var(--muted);margin-left:auto;font-size:11px;font-weight:520}.mobile-menu-auth{border-top:1px dashed #e6e7e8;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 2px 2px;display:grid}html.is-dark-ui .mobile-menu-auth{border-color:#3f3f46}.mobile-menu-auth button{background:#f4f4f6;border:1px solid #e1e2e5;justify-content:center;min-height:40px;font-size:11px;font-weight:600}.mobile-menu-auth button.is-primary{color:#fff;background:#08080a;border-color:#08080a}html.is-dark-ui .mobile-menu-auth button{background:#202023;border-color:#343439}html.is-dark-ui .mobile-menu-auth button.is-primary{color:#171719;background:#f4f4f5;border-color:#f4f4f5}.mobile-menu-inline-info{padding:0}.mobile-menu-inline-info .info-popover{background:0 0;padding:0}.mobile-menu-inline-info .info-popover-panel{background:0 0;border:0;border-radius:0;padding:0}.mobile-menu-inline-info .info-popover-waitlist,.mobile-menu-inline-info .info-popover-credits{width:100%;padding-inline:4px}.mobile-menu-inline-info .info-popover-waitlist{border-top:0}.mobile-menu-inline-info,.mobile-menu-section,.mobile-menu-auth{width:100%}.mobile-menu-inline-info .info-popover-links a{text-align:center;border-radius:10px;justify-content:center;padding-inline:12px}.mobile-menu-inline-info .info-popover-links{padding-block:14px}.mobile-menu-embedded-view{border-top:1px dashed #e6e7e8;padding:12px}.showcase-drawer-embedded{scrollbar-width:none;touch-action:pan-y;height:auto;overflow:visible}.showcase-drawer-embedded::-webkit-scrollbar{display:none}.showcase-drawer-embedded .showcase-drawer-attribution,.showcase-drawer-embedded .showcase-drawer-video{background:0 0}.showcase-drawer-embedded .showcase-drawer-video{pointer-events:none;touch-action:pan-y;-webkit-user-select:none;user-select:none}html.is-dark-ui .mobile-menu-embedded-view{border-color:#3f3f46}.info-popover-anchor.is-mobile-menu-embedded,.feedback-popover-anchor.is-mobile-menu-embedded{width:auto;height:auto;display:block;position:relative}.is-mobile-menu-embedded .info-popover,.is-mobile-menu-embedded .feedback-popover{width:100%;max-width:none;box-shadow:none;position:static}.is-mobile-menu-embedded .info-popover{height:auto}.feedback-popover-anchor.is-mobile-menu-embedded .feedback-popover{--feedback-popover-shell:#fff;background:0 0;border-radius:0;height:178px;padding:0}.feedback-popover-anchor.is-mobile-menu-embedded .feedback-popover-form{background:0 0;border:0;border-radius:0}.feedback-popover-anchor.is-mobile-menu-embedded .feedback-popover-form textarea{background:0 0;border-radius:0}.feedback-popover-anchor.is-mobile-menu-embedded .feedback-popover-placeholder{top:13px;left:12px}html.is-dark-ui .feedback-popover-anchor.is-mobile-menu-embedded .feedback-popover{--feedback-popover-shell:#151517}.is-mobile-menu-embedded .info-popover-title,.is-mobile-menu-embedded .info-popover-version-badge{display:none}.is-mobile-menu-embedded .info-popover-panel{height:auto;padding-top:0}}.showcase-video-shell{background:var(--pill-bg);width:100%;position:relative;overflow:hidden}.showcase-video-shimmer{z-index:1;background:linear-gradient(105deg, transparent 35%, #ffffff94 50%, transparent 65%), var(--pill-bg);pointer-events:none;background-size:220% 100%,100% 100%;transition:opacity .18s;animation:1.35s ease-in-out infinite showcase-video-shimmer;position:absolute;inset:0}.showcase-video-shell video{opacity:0;object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.showcase-video-shell[data-loaded=true] .showcase-video-shimmer{opacity:0;animation:none}.showcase-video-shell[data-loaded=true] video{opacity:1}html.is-dark-ui .showcase-video-shimmer{background:linear-gradient(105deg, transparent 35%, #ffffff12 50%, transparent 65%), var(--pill-bg);background-size:220% 100%,100% 100%}@keyframes showcase-video-shimmer{0%{background-position:100% 0,0 0}to{background-position:-100% 0,0 0}}@media (prefers-reduced-motion:reduce){.showcase-video-shimmer{animation:none}}.source-quick-look-backdrop{z-index:420;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0c75;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.source-quick-look{border:1px solid var(--ink);grid-template-rows:auto minmax(0,1fr) auto;width:min(980px,100vw - 64px);max-height:calc(100dvh - 64px);display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.source-quick-look{border:1px solid color-mix(in srgb, var(--ink) 14%, var(--line))}}.source-quick-look{background:var(--app-bg);border-radius:20px}@supports (color:color-mix(in lab, red, red)){.source-quick-look{background:color-mix(in srgb, var(--app-bg) 96%, transparent)}}.source-quick-look{box-shadow:0 28px 90px #00000052}.source-quick-look-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:58px;padding:10px 12px 10px 18px;display:flex}.source-quick-look-header>div{gap:2px;min-width:0;display:grid}.source-quick-look-header strong,.source-quick-look-header small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-quick-look-header strong{color:var(--ink);font-size:12px}.source-quick-look-header small,.source-quick-look-hint{color:var(--muted);font-size:9px}.source-quick-look-header button{background:var(--pill-bg);width:32px;height:32px;min-height:0;color:var(--muted);border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.source-quick-look-header button:hover{background:var(--pill-bg-hover);color:var(--ink)}.source-quick-look-media{background:var(--pill-bg);place-items:center;min-height:220px;padding:18px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.source-quick-look-media{background:color-mix(in srgb, var(--pill-bg) 58%, #000)}}.source-quick-look-media :is(img,video){object-fit:contain;border-radius:8px;max-width:100%;max-height:calc(100dvh - 190px);display:block;box-shadow:0 12px 42px #00000038}.source-quick-look-hint{text-align:center;padding:9px 16px 11px}@media (max-width:680px){.source-quick-look-backdrop{padding:12px}.source-quick-look{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.source-quick-look-media :is(img,video){max-height:calc(100dvh - 150px)}}.templates-nav-button{cursor:pointer;border:1px solid var(--ink);flex:none;justify-content:center;align-items:center;gap:5px;width:auto;height:40px;padding:0 15px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.templates-nav-button{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.templates-nav-button{background:var(--pill-bg);color:var(--pill-ink);box-shadow:var(--sleek-surface-shadow);border-radius:20px;font:500 11px/1 inherit;transition:color .16s,background-color .16s,opacity .16s}.templates-nav-button:hover:not(:disabled){color:var(--island-hover-blue);background:var(--pill-bg-hover)}html:not(.is-dark-ui) .templates-nav-button{background:#fff}html:not(.is-dark-ui) .templates-nav-button:hover:not(:disabled){background:var(--pill-bg-hover)}.templates-nav-button:disabled{cursor:default;opacity:.45}.top-left-toolbar{z-index:61;align-items:center;gap:7px;display:flex;position:absolute;top:20px;left:22px}.top-left-toolbar .top-environment-controls{position:relative;top:auto;left:auto}.template-menu-anchor{position:relative}.template-menu.timeline-project-menu{z-index:70;gap:0;width:min(340px,100vw - 32px);max-height:min(560px,100vh - 92px);padding:6px;overflow:hidden auto}.template-menu-heading{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:42px;padding:2px 4px 7px;display:flex}.template-menu-heading>span{gap:2px;min-width:0;display:grid}.template-menu-heading strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.template-menu-heading small{color:var(--muted);font-size:9px}.template-menu .template-menu-back,.template-menu .template-menu-close{cursor:pointer;width:28px;height:28px;color:var(--pill-ink);background:0 0;border:0;border-radius:50%;flex:none;grid-template-columns:1fr;place-items:center;gap:0;padding:0;display:grid}.template-menu .template-menu-close{margin-left:auto}.template-save-form,.template-apply-view,.template-library-view{gap:12px;padding:10px 4px 4px;display:grid}.template-save-form label{color:var(--muted);font-size:11px;font-weight:600}.template-save-form input,.template-slot-row select{box-sizing:border-box;border:1px solid var(--line);background:var(--pill-bg);width:100%;height:40px;color:var(--ink);border-radius:10px;outline:none;font:500 12px/1 inherit}.template-save-form input{margin-top:-8px;padding:0 12px}.template-save-form input:focus,.template-slot-row select:focus{border-color:var(--island-hover-blue)}@supports (color:color-mix(in lab, red, red)){.template-save-form input:focus,.template-slot-row select:focus{border-color:color-mix(in srgb, var(--island-hover-blue) 55%, var(--line))}}.template-save-form input:focus,.template-slot-row select:focus{box-shadow:0 0 0 3px var(--island-hover-blue)}@supports (color:color-mix(in lab, red, red)){.template-save-form input:focus,.template-slot-row select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--island-hover-blue) 12%, transparent)}}.template-save-form p,.template-replace-warning,.template-empty-copy{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.template-menu .template-primary-action{cursor:pointer;background:var(--action-accent);height:42px;color:var(--action-accent-ink);border:0;border-radius:12px;grid-template-columns:1fr;justify-content:center;align-items:center;gap:0;padding:0 18px;font:750 12px/1 inherit;transition:background-color .16s,transform .16s;display:inline-flex}.template-menu .template-primary-action:hover:not(:disabled){background:var(--action-accent-hover);color:var(--action-accent-ink)}.template-menu .template-primary-action:active:not(:disabled){background:var(--action-accent-hover);transform:scale(.98)}.template-menu .template-save-current{cursor:pointer;border:1px dashed var(--ink);grid-template-columns:none;align-items:center;gap:12px;min-height:66px;padding:12px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.template-menu .template-save-current{border:1px dashed color-mix(in srgb, var(--ink) 18%, transparent)}}.template-menu .template-save-current{color:var(--ink);text-align:left;background:0 0;border-radius:13px}.template-save-current>span,.template-card-copy,.template-slot-row>span{gap:4px;min-width:0;display:grid}.template-save-current strong,.template-card strong,.template-slot-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.template-save-current small,.template-card small,.template-slot-row small{color:var(--muted);font-size:10px}.template-card-grid,.template-slot-list{gap:9px;display:grid}.template-card{border:1px solid var(--line);background:var(--pill-bg);border-radius:13px;position:relative;overflow:hidden}.template-menu .template-card-open{cursor:pointer;width:100%;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr);align-items:center;gap:0;padding:12px 44px 12px 12px;display:grid}.template-menu .template-card-delete{cursor:pointer;width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:50%;grid-template-columns:1fr;place-items:center;gap:0;padding:0;display:grid;position:absolute;top:50%;right:10px;translate:0 -50%}.template-menu .template-card-delete:hover{color:#ff3b30;background:#ff3b301a}.template-summary{flex-wrap:wrap;gap:6px;display:flex}.template-summary span{background:var(--pill-bg);color:var(--muted);border-radius:999px;padding:6px 8px;font-size:10px}.template-slot-row{border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(130px,46%);align-items:center;gap:12px;padding:10px 12px;display:grid}.template-slot-row select{height:34px;padding:0 28px 0 9px;font-size:11px}@media (max-width:760px){.top-left-toolbar{max-width:calc(100vw - 218px);top:8px;left:8px}.workspace .top-left-toolbar .top-environment-controls{max-width:none;top:auto;left:auto}.template-menu.timeline-project-menu{box-sizing:border-box;width:calc(100vw - 16px);max-height:calc(100dvh - 68px);position:fixed;top:56px;left:8px;right:auto}}@media (min-width:681px) and (max-width:760px){.top-left-toolbar{top:20px}}.camera-roll-trigger{cursor:pointer;border:1px solid var(--ink);flex:none;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 14px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.camera-roll-trigger{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.camera-roll-trigger{background:var(--pill-bg);box-shadow:var(--sleek-surface-shadow);color:var(--pill-ink);white-space:nowrap;border-radius:999px;font:500 11px/1 inherit;transition:color .16s,background-color .16s,opacity .16s}html:not(.is-dark-ui) .camera-roll-trigger{background:#fff}.camera-roll-trigger:hover:not(:disabled){color:#000;background:var(--pill-bg-hover)}html.is-dark-ui .camera-roll-trigger:hover:not(:disabled){color:#fff}.camera-roll-trigger:disabled{cursor:default;opacity:.45}.camera-roll-trigger-stack{flex:none;place-items:center;width:24px;height:20px;display:grid;position:relative}.camera-roll-trigger-thumbnail{box-sizing:border-box;transform-origin:50%;background:0 0;border:1px solid #fff;border-radius:0;width:22px;height:16px;display:block;position:absolute;top:2px;left:2px;overflow:hidden;box-shadow:0 1.5px 2px -.25px #0000002e}.camera-roll-trigger-thumbnail:after{z-index:1;pointer-events:none;background:var(--app-bg);content:"";opacity:var(--camera-roll-trigger-fade,0);transition:opacity .42s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.camera-roll-trigger-landing-target{pointer-events:none;width:22px;height:16px;position:absolute;top:2px;left:2px}.camera-roll-trigger-thumbnail img,.camera-roll-trigger-thumbnail video{object-fit:contain;width:100%;height:100%;display:block}.camera-roll-drawer,.camera-roll-drawer .studio-drawer-height-inner{max-height:min(92dvh,820px)}.camera-roll-drawer .studio-drawer-title{margin-right:116px;font-weight:550}.camera-roll-drawer.is-preview .studio-drawer-title{margin-left:48px}.camera-roll-drawer.is-preview :is(.studio-drawer-leading-action,.studio-drawer-trailing-action,.studio-drawer-close){z-index:30}.camera-roll-preview-back{cursor:pointer;background:var(--pill-bg);width:28px;height:28px;color:var(--muted);border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .14s,color .14s;display:grid}.camera-roll-preview-back:hover{background:var(--pill-bg-hover);color:var(--ink)}.camera-roll-drawer-preview{z-index:20;transform-origin:50%;will-change:transform, opacity;height:100%;min-height:0;position:relative}.camera-roll-quick-look-backdrop.is-embedded{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;height:100%;min-height:0;padding:0;display:block;position:static}.camera-roll-quick-look-backdrop.is-embedded .camera-roll-quick-look{grid-template-rows:auto minmax(0,1fr) auto auto;width:100%;height:100%;max-height:none;overflow:hidden}.camera-roll-drawer.is-preview .studio-drawer-height-inner{height:min(92dvh,820px)}.camera-roll-drawer.is-preview .studio-drawer-body{padding-bottom:calc(12px + env(safe-area-inset-bottom));flex:1;overflow:hidden}.camera-roll-drawer .studio-drawer-body{position:relative}.camera-roll-drawer-grid-view{flex-direction:column;min-height:0;display:flex}.camera-roll-grid-transition-overlay{z-index:6;pointer-events:none;background:var(--app-bg);position:absolute;inset:40px 12px 0}.camera-roll-quick-look-backdrop.is-embedded .camera-roll-carousel-stage,.camera-roll-quick-look-backdrop.is-embedded .source-quick-look-media{min-height:0;overflow:hidden}.camera-roll-quick-look-backdrop.is-embedded .camera-roll-carousel-stage{place-self:center;width:100%;height:min(100%,68dvh,650px);max-height:650px;overflow:visible}.camera-roll-quick-look-backdrop.is-embedded .source-quick-look-media{box-sizing:border-box;width:auto;max-width:calc(100% - 36px);height:calc(100% - 24px);max-height:calc(100% - 24px);aspect-ratio:var(--camera-roll-capture-aspect);border:1px solid var(--line);border-radius:12px;place-self:center;padding:0}.camera-roll-quick-look-backdrop.is-embedded .source-quick-look-media :is(img,video){aspect-ratio:auto;object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.camera-roll-selection-overlay{z-index:50;box-sizing:border-box;height:300px;padding-bottom:calc(16px + env(safe-area-inset-bottom));pointer-events:none;visibility:hidden;opacity:0;justify-content:center;align-items:flex-end;transition:opacity .18s,transform .18s cubic-bezier(.22,1,.36,1),visibility 0s linear .18s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(5px)}.camera-roll-selection-overlay[data-visible=true]{visibility:visible;opacity:1;transition:opacity .18s,transform .18s cubic-bezier(.22,1,.36,1),visibility;transform:translateY(0)}.camera-roll-selection-backdrop{z-index:0;background:linear-gradient(to bottom, transparent 0%, var(--app-bg) 38%, var(--app-bg) 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.camera-roll-selection-backdrop{background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--app-bg) 14%, transparent) 38%, color-mix(in srgb, var(--app-bg) 72%, transparent) 100%)}}.camera-roll-selection-backdrop{pointer-events:none;opacity:1;transition:opacity .3s cubic-bezier(.22,1,.36,1)}.camera-roll-drawer.is-preview .camera-roll-selection-backdrop{opacity:0}.camera-roll-selection-islands{z-index:1;pointer-events:auto;align-items:center;gap:8px;display:flex;position:relative}.camera-roll-selection-island-anchor{position:relative}.camera-roll-selection-island{cursor:pointer;border:1px solid var(--ink);place-items:center;width:40px;height:40px;padding:0;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.camera-roll-selection-island{border:1px solid color-mix(in srgb, var(--ink) 5%, transparent)}}.camera-roll-selection-island{background:var(--pill-bg);box-shadow:var(--sleek-surface-shadow);color:var(--ink);border-radius:50%;transition:background-color .14s,color .14s,opacity .14s,transform .14s}.camera-roll-selection-island[data-tooltip]:after{z-index:20;pointer-events:none;color:#fff;content:attr(data-tooltip);opacity:0;white-space:nowrap;background:#171619;border:1px solid #ffffff1a;border-radius:999px;min-height:24px;padding:0 9px;font-size:10px;font-weight:500;line-height:24px;transition:opacity .12s,translate .14s;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 3px;box-shadow:0 6px 18px #00000038}.camera-roll-selection-island[data-tooltip]:hover:after,.camera-roll-selection-island[data-tooltip]:focus-visible:after{opacity:1;transition-delay:.14s;translate:-50%}.camera-roll-selection-island[data-tooltip][aria-expanded=true]:after{opacity:0}.camera-roll-selection-island:hover:not(:disabled){background:var(--pill-bg-hover);transform:scale(1.05)}.camera-roll-selection-island.is-favorite{color:var(--operator-blue)}.camera-roll-selection-island.is-danger{color:#d92d20}.camera-roll-selection-png-label{letter-spacing:-.02em;font-size:8px;font-weight:750}.camera-roll-selection-island:disabled{cursor:default;opacity:.45}html:not(.is-dark-ui) .camera-roll-selection-island{background:#fff}.camera-roll-delete-confirm{z-index:60;border:1px solid var(--ink);width:min(260px,100vw - 32px);padding:14px;position:absolute;top:auto;bottom:calc(100% + 8px);right:0}@supports (color:color-mix(in lab, red, red)){.camera-roll-delete-confirm{border:1px solid color-mix(in srgb, var(--ink) 9%, transparent)}}.camera-roll-delete-confirm{background:var(--app-bg);transform-origin:100% 100%;border-radius:22px;animation:.18s cubic-bezier(.16,1,.3,1) both camera-roll-delete-confirm-in;box-shadow:0 18px 48px #00000038}.camera-roll-delete-confirm>span{color:var(--ink);text-align:center;text-wrap:balance;margin-bottom:13px;font-size:12px;font-weight:500;line-height:1.45;display:block}.camera-roll-delete-confirm>div{gap:7px;display:grid}.camera-roll-delete-confirm button{cursor:pointer;background:var(--ink);border:0;border-radius:999px;width:100%;height:40px;padding:0 14px}@supports (color:color-mix(in lab, red, red)){.camera-roll-delete-confirm button{background:color-mix(in srgb, var(--ink) 7%, var(--app-bg))}}.camera-roll-delete-confirm button{color:var(--ink);font:600 11px/1 inherit;transition:background-color .14s,opacity .14s,transform .14s}.camera-roll-delete-confirm button:hover:not(:disabled){background:var(--pill-bg-hover);transform:scale(.985)}.camera-roll-delete-confirm button.is-danger{background:#ff3b30}@supports (color:color-mix(in lab, red, red)){.camera-roll-delete-confirm button.is-danger{background:color-mix(in srgb, #ff3b30 12%, var(--app-bg))}}.camera-roll-delete-confirm button.is-danger{color:#ff3b30}.camera-roll-delete-confirm button.is-danger:hover:not(:disabled){background:#ff3b30}@supports (color:color-mix(in lab, red, red)){.camera-roll-delete-confirm button.is-danger:hover:not(:disabled){background:color-mix(in srgb, #ff3b30 18%, var(--app-bg))}}@keyframes camera-roll-delete-confirm-in{0%{opacity:0;transform:translateY(5px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.camera-roll-filter-row{z-index:5;align-items:center;gap:8px;width:max-content;max-width:100%;margin:0 auto 12px;display:flex;position:sticky;top:0}.camera-roll-filter-row.is-persistent{z-index:25;margin:0;position:absolute;top:10px;left:50%;translate:-50%}.camera-roll-filter-row.is-persistent[data-hidden=true]{pointer-events:none}.camera-roll-filter-spacer{flex:none;height:48px}.camera-roll-filter{border:1px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));width:min(276px,100vw - 92px);padding:3px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.camera-roll-filter{border:1px solid color-mix(in srgb, var(--ink) 6%, transparent)}}.camera-roll-filter{background:var(--pill-bg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.camera-roll-filter{background:color-mix(in srgb, var(--pill-bg) 92%, transparent)}}.camera-roll-filter{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);isolation:isolate;box-shadow:0 4px 14px #0000000d}.camera-roll-filter-highlight{z-index:0;pointer-events:none;background:var(--app-bg);border-radius:999px;width:calc(25% - 1.5px);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 4px #0000001a}.camera-roll-filter button{z-index:1;cursor:pointer;min-width:0;height:28px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 6px;font:550 10px/1 inherit;transition:background-color .14s,color .14s,box-shadow .14s;position:relative}.camera-roll-filter button:hover,.camera-roll-filter button.is-active{color:var(--ink)}.camera-roll-grid{padding-bottom:calc(80px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;display:grid}.camera-roll-card{background:var(--pill-bg);min-width:0;box-shadow:0 0 0 1px var(--line);border:0;border-radius:12px;justify-self:center;transition:box-shadow .14s;overflow:hidden}.camera-roll-card.is-selected{box-shadow:0 0 0 2px var(--operator-blue)}.camera-roll-card.is-returning{z-index:30;background:0 0;border-color:#0000;transition:none;animation:.34s cubic-bezier(.22,1,.36,1) both camera-roll-return-card;position:relative;overflow:visible;box-shadow:0 0 0 1px #0000}.camera-roll-card.is-returning.is-selected{animation-name:camera-roll-return-selected-card}.camera-roll-drawer.is-preview .camera-roll-card.is-selected{box-shadow:none;background:0 0;border-color:#0000;transition:none;overflow:visible}.camera-roll-card.is-returning .camera-roll-preview,.camera-roll-drawer.is-preview .camera-roll-card.is-selected .camera-roll-preview{box-shadow:inset 0 0 0 1px var(--line)}.camera-roll-card.is-loading{background:linear-gradient(105deg, var(--pill-bg) 35%, var(--ink) 50%, var(--pill-bg) 65%);width:100%}@supports (color:color-mix(in lab, red, red)){.camera-roll-card.is-loading{background:linear-gradient(105deg, var(--pill-bg) 35%, color-mix(in srgb, var(--ink) 7%, var(--pill-bg)) 50%, var(--pill-bg) 65%)}}.camera-roll-card.is-loading{background-size:220% 100%;animation:1.35s ease-in-out infinite camera-roll-shimmer}.camera-roll-loading-preview{background:var(--ink);width:100%;display:block}@supports (color:color-mix(in lab, red, red)){.camera-roll-loading-preview{background:color-mix(in srgb, var(--ink) 3%, var(--pill-bg))}}.camera-roll-loading-meta{background:var(--ink);border-radius:999px;width:58%;height:10px;margin:9px 10px 10px;display:block}@supports (color:color-mix(in lab, red, red)){.camera-roll-loading-meta{background:color-mix(in srgb, var(--ink) 6%, var(--pill-bg))}}.camera-roll-preview{box-sizing:border-box;background:0 0;border:0;place-items:center;width:100%;transition:box-shadow .14s;display:grid;position:relative;overflow:hidden}.camera-roll-thumbnail-shimmer{z-index:1;pointer-events:none;background:linear-gradient(105deg, var(--pill-bg) 35%, var(--ink) 50%, var(--pill-bg) 65%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.camera-roll-thumbnail-shimmer{background:linear-gradient(105deg, var(--pill-bg) 35%, color-mix(in srgb, var(--ink) 7%, var(--pill-bg)) 50%, var(--pill-bg) 65%)}}.camera-roll-thumbnail-shimmer{opacity:0;background-size:220% 100%;transition:opacity .16s;animation:1.35s ease-in-out infinite camera-roll-shimmer}.camera-roll-card.is-thumbnail-loading .camera-roll-thumbnail-shimmer{opacity:1}.camera-roll-card.is-thumbnail-loading .camera-roll-open-preview :is(img,video){opacity:0}.camera-roll-open-preview :is(img,video){transition:opacity .16s}.camera-roll-open-preview{width:100%;height:100%;min-height:inherit;cursor:pointer;color:inherit;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid}.camera-roll-open-preview:focus-visible{outline:none}.camera-roll-favorite-indicator{z-index:4;pointer-events:none;width:22px;height:22px;color:var(--operator-blue);place-items:center;transition:opacity .14s;display:grid;position:absolute;bottom:10px;left:10px}.camera-roll-card.is-returning .camera-roll-favorite-indicator,.camera-roll-drawer.is-preview .camera-roll-card.is-selected .camera-roll-favorite-indicator{opacity:0;transition:none}.camera-roll-open-preview img,.camera-roll-open-preview video{object-fit:contain;width:100%;height:100%;display:block}.camera-roll-quick-look-backdrop{z-index:460}.camera-roll-quick-look{width:min(1180px,100vw - 64px);box-shadow:none;background:0 0;border:0;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:visible}.camera-roll-quick-look .source-quick-look-header{text-align:center;border-bottom:0;justify-content:center;min-height:44px;padding-left:58px;padding-right:58px;position:relative}.camera-roll-quick-look .source-quick-look-header>div:first-child{justify-items:center}.camera-roll-quick-look .source-quick-look-header>button{background:var(--ink);border-radius:50%;position:absolute;right:12px}@supports (color:color-mix(in lab, red, red)){.camera-roll-quick-look .source-quick-look-header>button{background:color-mix(in srgb, var(--ink) 11%, var(--app-bg))}}.camera-roll-quick-look .source-quick-look-header>button{color:var(--ink)}.camera-roll-quick-look .source-quick-look-header>button:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.camera-roll-quick-look .source-quick-look-header>button:hover{background:color-mix(in srgb, var(--ink) 17%, var(--app-bg))}}.camera-roll-quick-look .source-quick-look-media{background:0 0;padding:0;overflow:visible}.camera-roll-quick-look .source-quick-look-media :is(img,video){max-height:calc(100dvh - 245px);box-shadow:none}.camera-roll-carousel-stage{grid-template-columns:minmax(0,1fr);align-items:center;min-height:220px;display:grid;position:relative;overflow:visible}.camera-roll-carousel-stage .source-quick-look-media{grid-column:1/-1;width:100%;height:100%;min-height:0}.camera-roll-carousel-stage:has(.camera-roll-carousel-arrow) .source-quick-look-media{grid-column:1}.camera-roll-carousel-arrow{z-index:2;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121214a8;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:background-color .14s,transform .14s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px 11px #0000001f}.camera-roll-carousel-arrow:hover{background:#121214d1;transform:translateY(-50%)scale(1.06)}html:not(.is-dark-ui) .camera-roll-carousel-arrow{color:#232326;background:#ffffffc7;border-color:#12121412;box-shadow:0 3px 12px #12121417}html:not(.is-dark-ui) .camera-roll-carousel-arrow:hover{background:#fffffff0}html:not(.is-dark-ui) .camera-roll-carousel-arrow:focus-visible{outline-color:#232326}.camera-roll-carousel-arrow:focus-visible{outline-offset:2px;outline:2px solid #fff}.camera-roll-carousel-arrow.is-previous{left:12px}.camera-roll-carousel-arrow.is-next{right:12px}.camera-roll-pinch-media{cursor:default;touch-action:none}.camera-roll-pinch-media :is(img,video){transform-origin:50%;-webkit-user-select:none;user-select:none;will-change:transform}.camera-roll-filmstrip{scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;align-items:center;gap:8px;width:100%;min-width:0;padding:13px calc(50% - 21px) 12px;display:flex;overflow-x:auto}.camera-roll-filmstrip::-webkit-scrollbar{display:none}.camera-roll-filmstrip button{cursor:pointer;scroll-snap-align:center;background:var(--ink);border:2px solid #0000;border-radius:7px;flex:0 0 42px;width:42px;height:32px;padding:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.camera-roll-filmstrip button{background:color-mix(in srgb, var(--ink) 8%, transparent)}}.camera-roll-filmstrip button{opacity:.58;transition:border-color .15s,opacity .15s,transform .18s cubic-bezier(.16,1,.3,1)}.camera-roll-filmstrip button:hover{opacity:.82}.camera-roll-filmstrip button.is-active{z-index:1;opacity:1;border-color:#0000;transform:scale(1.16)}.camera-roll-filmstrip :is(img,video){object-fit:cover;width:100%;height:100%;display:block}.camera-roll-quick-look-footer{z-index:10;min-height:62px;padding:9px 16px calc(9px + env(safe-area-inset-bottom));border-top:0;justify-content:center;align-items:center;display:flex;position:relative}.camera-roll-quick-look-islands{justify-content:center;align-items:center;gap:8px;display:flex}.camera-roll-quick-look-backdrop.is-embedded .camera-roll-quick-look-islands{position:absolute;bottom:4px;left:50%;translate:-50%}.camera-roll-quick-look-message{max-width:min(280px,28vw);color:var(--muted);font-size:9px;line-height:1.35;position:absolute;left:16px}@media (max-width:680px){.camera-roll-carousel-stage{grid-template-columns:minmax(0,1fr);container-type:size}.camera-roll-quick-look-backdrop.is-embedded .source-quick-look-media{width:min(calc(100cqw - 36px), calc((100cqh - 24px) * var(--camera-roll-capture-aspect)));height:auto}.camera-roll-carousel-arrow{display:none}.camera-roll-quick-look-footer{align-items:center;padding-left:10px;padding-right:10px}.camera-roll-quick-look-message{max-width:none;margin-right:8px;position:static}}.camera-roll-meta{gap:3px;padding:10px 11px 11px;transition:background-color .14s,color .14s,opacity .14s;display:grid}.camera-roll-card.is-returning .camera-roll-meta{animation:.34s cubic-bezier(.22,1,.36,1) both camera-roll-return-meta}.camera-roll-drawer.is-preview .camera-roll-card.is-selected .camera-roll-meta{opacity:0;transition:none}.camera-roll-card.is-selected .camera-roll-meta{background:var(--operator-blue)}.camera-roll-drawer.is-preview .camera-roll-card.is-selected .camera-roll-meta{background:0 0;transition:none}.camera-roll-meta span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.camera-roll-project-link{cursor:pointer;color:var(--ink);font:inherit;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;transition:color .14s;display:inline}.camera-roll-project-link:hover{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.camera-roll-project-link:hover{color:color-mix(in srgb, var(--ink) 72%, var(--operator-blue))}}.camera-roll-project-link:focus-visible{outline-offset:2px;border-radius:2px;outline:1px solid}.camera-roll-card.is-selected .camera-roll-meta span{color:#ffffffc2}.camera-roll-card.is-selected .camera-roll-project-link:hover,.camera-roll-card.is-selected .camera-roll-project-link{color:#fff}@keyframes camera-roll-return-card{0%,55%{background-color:#0000;box-shadow:0 0 0 1px #0000}to{background-color:var(--pill-bg);box-shadow:0 0 0 1px var(--line)}}@keyframes camera-roll-return-selected-card{0%,55%{background-color:#0000;box-shadow:0 0 0 2px #0000}to{background-color:var(--pill-bg);box-shadow:0 0 0 2px var(--operator-blue)}}@keyframes camera-roll-return-meta{0%,35%{opacity:0}to{opacity:1}}.camera-roll-empty,.camera-roll-message{min-height:260px;color:var(--muted);text-align:center;place-content:center;justify-items:center;margin:0;display:grid}.camera-roll-empty{width:100%;min-height:calc(360px + env(safe-area-inset-bottom));flex:1}.camera-roll-empty-icon{background:var(--ink);border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.camera-roll-empty-icon{background:color-mix(in srgb, var(--ink) 7%, var(--app-bg))}}.camera-roll-empty-icon{color:var(--muted)}.camera-roll-empty strong{color:var(--ink);font-size:13px;font-weight:500}.camera-roll-empty p{max-width:300px;margin:6px 0 0;font-size:11px;line-height:1.5}.camera-roll-message{color:#b42318;min-height:52px;padding:8px;font-size:11px}@keyframes camera-roll-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:760px){.top-left-toolbar{gap:4px}.camera-roll-trigger{width:40px;padding:0}.camera-roll-trigger-label{display:none}}@media (max-width:520px){.top-left-toolbar .top-environment-controls .top-project-button{max-width:82px}.top-left-toolbar .top-environment-controls .top-project-name-slot,.top-left-toolbar .top-environment-controls .top-project-name-measure{max-width:34px}}@media (max-width:680px){.camera-roll-drawer-grid-view,.camera-roll-grid{width:100%;min-width:0;max-width:100%}.camera-roll-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.camera-roll-grid>.camera-roll-card{max-width:100%;width:100%!important}.camera-roll-grid .camera-roll-preview,.camera-roll-grid .camera-roll-loading-preview{aspect-ratio:1!important}.camera-roll-grid .camera-roll-open-preview :is(img,video){object-fit:cover}}@media (prefers-reduced-motion:reduce){.camera-roll-selection-island[data-tooltip]:after{transition:none}.camera-roll-delete-confirm,.camera-roll-card.is-loading,.camera-roll-thumbnail-shimmer{animation:none}.camera-roll-card.is-returning{background:var(--pill-bg);box-shadow:0 0 0 1px var(--line);animation:none}.camera-roll-card.is-returning.is-selected{box-shadow:0 0 0 2px var(--operator-blue)}.camera-roll-card.is-returning .camera-roll-meta{animation:none}}.camera-roll-page-shell{background:radial-gradient(circle at 50% -20%, var(--operator-blue), transparent 38%), var(--app-bg);min-height:100dvh;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.camera-roll-page-shell{background:radial-gradient(circle at 50% -20%, color-mix(in srgb, var(--operator-blue) 9%, transparent), transparent 38%), var(--app-bg)}}.camera-roll-page-shell{color:var(--ink)}.camera-roll-page-nav{z-index:20;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:12px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.camera-roll-page-nav{border-bottom:1px solid color-mix(in srgb, var(--line) 74%, transparent)}}.camera-roll-page-nav{background:var(--app-bg)}@supports (color:color-mix(in lab, red, red)){.camera-roll-page-nav{background:color-mix(in srgb, var(--app-bg) 88%, transparent)}}.camera-roll-page-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.camera-roll-page-brand{border-radius:50%;align-items:center;display:inline-flex}.camera-roll-page-brand img{border-radius:50%;display:block;box-shadow:0 1px 2px #0000001a}.camera-roll-page-nav-actions{align-items:center;gap:8px;display:flex}.camera-roll-page-nav-actions button{cursor:pointer;border:1px solid var(--line);background:var(--pill-bg);height:36px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font:550 10px/1 inherit;display:inline-flex}.camera-roll-page-nav-actions button:hover:not(:disabled){background:var(--pill-bg-hover)}.camera-roll-page-nav-actions button:disabled{cursor:default;opacity:.5}.camera-roll-page-content{width:min(1360px,100% - 48px);margin:0 auto;padding:clamp(44px,7vw,88px) 0 80px}.camera-roll-page-heading{justify-content:space-between;align-items:end;min-height:128px;margin-bottom:30px;display:flex}.camera-roll-page-heading span{color:var(--operator-blue);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.camera-roll-page-heading h1{letter-spacing:-.055em;margin:8px 0 7px;font-size:clamp(32px,5vw,64px);font-weight:560;line-height:.98}.camera-roll-page-heading p,.camera-roll-page-message{color:var(--muted);margin:0;font-size:11px}.camera-roll-page-message{color:#b42318;margin:-12px 0 24px}.camera-roll-page-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.camera-roll-page-grid .camera-roll-preview{min-height:160px}.camera-roll-page-empty{border:1px dashed var(--line);border-radius:20px;min-height:min(52vh,520px)}@media (max-width:980px){.camera-roll-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.camera-roll-page-shell{width:100%;max-width:100vw;overflow-x:hidden}.camera-roll-page-nav{padding-left:14px;padding-right:14px}.camera-roll-page-nav-actions button{width:36px;padding:0;font-size:0}.camera-roll-page-content{width:calc(100% - 28px);padding-top:38px}.camera-roll-page-heading{min-height:104px;margin-bottom:22px}.camera-roll-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.camera-roll-page-grid .camera-roll-preview{min-height:0}}.extension-setup-drawer{width:100%;height:min(88dvh,820px);max-height:92dvh}.extension-setup-drawer>.studio-drawer-height-inner{height:100%;max-height:none}.extension-setup-drawer .studio-drawer-body{flex:1;display:flex}.extension-setup-heading{color:var(--ink);letter-spacing:-.04em;text-align:center;margin:0 24px 72px;font-size:clamp(24px,3vw,34px);font-weight:550;line-height:1.05}.extension-setup-content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:min(880px,100%);min-height:100%;margin:0 auto;padding:24px 26px 36px;display:flex}.extension-setup-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(680px,100%);margin:0 auto;padding:0;list-style:none;display:grid}.extension-setup-step{background:#fff;border:0;border-radius:18px;grid-template-columns:1fr;gap:14px 12px;min-width:0;padding:18px;display:grid;position:relative;box-shadow:0 1px 2px #0f172a0a,0 6px 18px #0f172a0a}.extension-setup-step-number{color:#6e6e73;letter-spacing:.02em;grid-column:1/-1;font-size:11px;font-weight:600}.extension-setup-step-copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.extension-setup-step-copy strong{color:#202124;white-space:nowrap;font-size:15px;font-weight:550;line-height:1.2}.extension-setup-step-copy small{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.4}.extension-setup-action{border:1px solid var(--line);background:var(--app-bg);min-height:56px;color:var(--ink);border-radius:11px;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;padding:0 13px;font-size:16px;font-weight:550;text-decoration:none;transition:background-color .14s,border-color .14s;display:flex}.extension-setup-action.is-chrome{color:#202124;background:#f3f3f4;border-color:#e1e1e3}.extension-setup-action.is-chrome:hover{background:#ebebed;border-color:#d7d7da}.extension-setup-action.is-mac{color:#fff;background:#000;border-color:#000}.extension-setup-action.is-mac:hover{background:#242426;border-color:#242426}.extension-setup-action-brand{flex:0 0 22px;place-items:center;display:grid}.extension-setup-action-brand svg{display:block}.extension-setup-action-brand.is-chrome svg{width:20px;height:20px}.extension-setup-action-brand.is-mac svg{color:#fff;width:20px;height:24px}.extension-setup-action-brand svg{flex:none}.extension-setup-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 20px;width:min(880px,100%);margin-top:72px;display:grid}.extension-setup-benefit{min-width:0;color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.extension-setup-benefit svg{stroke-width:1.55px;width:30px;height:30px}.extension-setup-benefit strong{letter-spacing:-.02em;max-width:130px;font-size:15px;font-weight:550;line-height:1.15}.account-menu-extension-button.is-new:after{background:var(--operator-blue);color:#fff;content:"New";letter-spacing:.04em;text-transform:uppercase;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:auto;height:13px;margin-left:auto;padding:0 4px;font-size:7.5px;font-weight:800;line-height:1;display:inline-flex}.account-menu-extension-button{color:#3b3b40;background:#ededee;border-radius:12px;height:42px;margin:8px 0;padding:0 12px;font-size:11.5px;font-weight:600;transition:background-color .14s,transform .14s}.account-menu-extension-button:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.account-menu-extension-button:hover{background:color-mix(in srgb, var(--ink) 13%, transparent)}}.account-menu-extension-button:hover{color:#3b3b40}.account-menu-extension-button:active{transform:translateY(0)scale(.985)}html.is-dark-ui .account-menu-extension-button{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .account-menu-extension-button{background:color-mix(in srgb, var(--ink) 8%, transparent)}}html.is-dark-ui .account-menu-extension-button{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .account-menu-extension-button{color:color-mix(in srgb, var(--ink) 50%, transparent)}}html.is-dark-ui .account-menu-extension-button:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .account-menu-extension-button:hover{background:color-mix(in srgb, var(--ink) 13%, transparent)}}html.is-dark-ui .account-menu-extension-button:hover{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){html.is-dark-ui .account-menu-extension-button:hover{color:color-mix(in srgb, var(--ink) 50%, transparent)}}html.is-dark-ui .extension-setup-step{background:#151517;box-shadow:0 1px 2px #0000001f,0 7px 20px #00000024}html.is-dark-ui .extension-setup-step-number{color:#96969e}html.is-dark-ui .extension-setup-step-copy strong{color:#f2f2f4}html.is-dark-ui .extension-setup-action.is-chrome{color:#f2f2f4;background:#252529;border-color:#303035}html.is-dark-ui .extension-setup-action.is-chrome:hover{background:#303035;border-color:#3a3a40}@media (max-width:640px){.extension-setup-drawer{height:min(90dvh,820px)}.extension-setup-content{padding:18px 18px 22px}.extension-setup-heading{margin-bottom:52px}.extension-setup-steps{grid-template-columns:1fr}.extension-setup-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;margin-top:52px}}.capture-feedback{z-index:1500;pointer-events:none;position:fixed;inset:0;overflow:hidden}.capture-feedback-shutter{border-radius:16px;position:fixed;overflow:hidden}.capture-feedback-preview{box-sizing:border-box;transform-origin:50%;will-change:transform, opacity;position:fixed;overflow:hidden}.capture-feedback-preview img{object-fit:contain;width:100%;height:100%;display:block}.dom-scene-lab{--dom-panel:#18181b;--dom-panel-raised:#222226;--dom-line:#ffffff17;--dom-text:#f6f6f7;--dom-muted:#92929b;--dom-accent:#ffd50b;min-width:920px;height:100dvh;color:var(--dom-text);font-family:var(--font-open-runde), sans-serif;background:#0e0e10;grid-template:58px minmax(0,1fr)/minmax(0,1fr) 320px;display:grid;overflow:hidden}.dom-scene-header{z-index:2;border-bottom:1px solid var(--dom-line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#141416eb;grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;display:grid}.dom-scene-header>div{flex-direction:column;align-items:center;gap:2px;display:flex}.dom-scene-header strong{font-size:13px}.dom-scene-header span{color:var(--dom-muted);font-size:10px}.dom-scene-back,.dom-scene-import-button{width:max-content;height:34px;color:var(--dom-muted);border-radius:999px;align-items:center;gap:7px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.dom-scene-back:hover{color:var(--dom-text)}.dom-scene-header-actions{justify-self:end;flex-direction:row!important;gap:7px!important;display:flex!important}.dom-scene-import-button,.dom-scene-save-button{cursor:pointer;border:1px solid var(--dom-line);background:var(--dom-panel-raised);color:var(--dom-text);padding:0 13px}.dom-scene-save-button.is-primary{border-color:var(--dom-accent);background:var(--dom-accent);color:#171619;font-weight:720}.dom-scene-save-button.is-primary:hover:not(:disabled){background:#ffe13d}.dom-scene-save-button{width:max-content;height:34px;font:inherit;border-radius:999px;align-items:center;gap:7px;font-size:12px;font-weight:650;display:inline-flex}.dom-scene-save-button:disabled{cursor:default;opacity:.38}.dom-scene-import-button input,.dom-scene-empty input{display:none}.dom-scene-canvas{background-color:#101012;background-image:radial-gradient(circle,#ffffff12 1px,#0000 1px);background-size:18px 18px;place-items:center;min-width:0;min-height:0;transition:background-color .16s;display:grid;position:relative;overflow:hidden}.dom-scene-canvas.is-drop-active{background-color:#202014}.dom-scene-frame-shell{background:#fff;border:1px solid #ffffff2e;border-radius:5px;flex:none;position:relative;overflow:visible;box-shadow:0 24px 90px #0000008c}.dom-scene-frame-shell iframe{transform-origin:0 0;border:0;display:block;position:absolute;top:0;left:0}.dom-scene-empty{cursor:pointer;text-align:center;background:#ffffff08;border:1px dashed #ffffff2e;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:min(460px,100% - 80px);min-height:280px;padding:42px;display:flex}.dom-scene-empty-icon{border:1px solid var(--dom-line);background:var(--dom-panel-raised);width:68px;height:68px;color:var(--dom-accent);border-radius:18px;place-items:center;margin-bottom:8px;display:grid}.dom-scene-empty strong{font-size:17px}.dom-scene-empty>span:not(.dom-scene-empty-icon){max-width:340px;color:var(--dom-muted);font-size:12px;line-height:1.5}.dom-scene-empty em{background:var(--dom-accent);color:#171619;border-radius:999px;align-items:center;gap:7px;margin-top:8px;padding:9px 13px;font-size:12px;font-style:normal;font-weight:720;display:inline-flex}.dom-scene-notice{color:#ffb4ae;background:#242428;border:1px solid #ffffff1f;border-radius:999px;max-width:520px;padding:9px 13px;font-size:11px;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.dom-scene-sidebar{border-left:1px solid var(--dom-line);background:var(--dom-panel);flex-direction:column;min-height:0;display:flex}.dom-scene-sidebar-actions{border-bottom:1px solid var(--dom-line);grid-template-columns:1fr 1fr 34px;gap:6px;padding:12px;display:grid}.dom-scene-sidebar-actions button{cursor:pointer;background:var(--dom-accent);color:#171619;height:34px;font:inherit;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:720;display:flex}.dom-scene-sidebar-actions button:nth-child(2),.dom-scene-sidebar-actions button.is-secondary{background:var(--dom-panel-raised);color:var(--dom-text)}.dom-scene-sidebar-actions button:disabled{cursor:default;opacity:.35}.dom-scene-layers-heading{border-bottom:1px solid var(--dom-line);flex:none;align-items:center;gap:7px;height:42px;padding:0 13px;font-size:11px;display:flex}.dom-scene-layers-heading span{color:var(--dom-muted);margin-left:auto}.dom-scene-layer-list{border-bottom:1px solid var(--dom-line);flex:none;max-height:32%;overflow:auto}.dom-scene-layer-list button{width:100%;height:34px;padding:0 10px 0 calc(10px + var(--layer-depth) * 11px);cursor:pointer;color:#c4c4ca;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.dom-scene-layer-list button:hover{background:#ffffff0a}.dom-scene-layer-list button.is-selected{color:var(--dom-accent);background:#ffd50b1f}.dom-scene-layer-list button span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.dom-scene-layer-list button small{color:var(--dom-muted);text-transform:uppercase;font-size:9px}.dom-scene-inspector{flex:1;min-height:0;padding:14px;overflow:auto}.dom-scene-inspector-title{flex-direction:column;gap:2px;margin-bottom:17px;display:flex}.dom-scene-inspector-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.dom-scene-inspector-title span{color:var(--dom-muted);text-transform:uppercase;font-size:10px}.dom-scene-inspector h3{color:var(--dom-muted);letter-spacing:.08em;text-transform:uppercase;margin:16px 0 9px;font-size:9px}.dom-scene-number-control{color:#c4c4ca;grid-template-columns:68px minmax(0,1fr) 48px;align-items:center;gap:8px;height:31px;font-size:10px;display:grid}.dom-scene-number-control input{width:100%;accent-color:var(--dom-accent)}.dom-scene-number-control output{color:var(--dom-muted);font-variant-numeric:tabular-nums;text-align:right}.dom-scene-sidebar-empty{color:var(--dom-muted);text-align:center;padding:28px 18px;font-size:11px;line-height:1.5}.dom-scene-diagnostics{border-top:1px solid var(--dom-line);color:var(--dom-muted);flex:none;padding:10px 13px 13px;font-size:9px}.dom-scene-diagnostics summary{cursor:pointer;color:#c4c4ca;font-size:10px}.dom-scene-diagnostics span{margin-top:6px;display:block}.dom-scene-diagnostics p{margin:7px 0 0;line-height:1.4}.island-record-controls{justify-content:center;align-items:center;gap:14px;width:100%;min-width:0;display:flex}.island-record-group{flex:none;align-items:center;gap:6px;display:flex}.island-record-label{color:var(--pill-ink-hover)}@supports (color:color-mix(in lab, red, red)){.island-record-label{color:color-mix(in srgb, var(--pill-ink-hover) 48%, transparent)}}.island-record-label{letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:650;line-height:1}.island-record-divider{background:var(--pill-ink);flex:none;width:1px;height:16px}@supports (color:color-mix(in lab, red, red)){.island-record-divider{background:color-mix(in srgb, var(--pill-ink) 14%, transparent)}}.island-device-choices.island-record-quality{grid-template-columns:repeat(3,40px);width:126px}.island-device-choices.island-record-fps{grid-template-columns:repeat(2,30px);width:66px}.island-record-quality button,.island-record-quality .island-device-highlight{width:40px}.island-record-fps button,.island-record-fps .island-device-highlight{width:30px}.island-record-group button{font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.island-record-group button:disabled{opacity:.45;cursor:default}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:is(html:has(.templates-page),body:has(.templates-page)){overscroll-behavior-y:auto;height:auto;min-height:100%;overflow:hidden auto}.templates-page{background:var(--app-bg);min-height:100dvh;color:var(--ink);padding:clamp(20px,4vw,64px)}.templates-page-content{max-width:1440px;margin:0 auto}.templates-page-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.templates-page-header h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(24px,4vw,36px);font-weight:600}.templates-page-header p{color:var(--muted);margin:0;font-size:14px}.templates-page-header a{text-underline-offset:4px;flex-shrink:0;font-size:13px}.templates-page-header a:hover{text-decoration:underline}.templates-page .template-drawer-attribution{flex-wrap:wrap}@media (max-width:560px){.templates-page-header{flex-direction:column;align-items:flex-start;gap:16px}}.studio-backdrop-direct-trigger,.studio-backdrop-color-picker{--hover:#0000000d;--active:#00000017;--selected:#6b97ff;--checker-a:#e5e5e5;--checker-b:#fff;--focus-ring:#6b97ff;--surface-1:#fafafa;--surface-2:#fcfcfc;--surface-3:#fff;--surface-4:#fff;--surface-5:#fff;--surface-6:#fff;--surface-7:#fff;--surface-8:#fff;--shadow-color:#0000000f;--shadow-1:0 0 0 1px var(--shadow-color);--shadow-2:0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color);--shadow-3:0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color);--shadow-4:0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color);--shadow-5:0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color), 0 12px 12px -6px var(--shadow-color);--shadow-6:0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color), 0 12px 12px -6px var(--shadow-color), 0 24px 24px -12px var(--shadow-color);--shadow-7:0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color), 0 12px 12px -6px var(--shadow-color), 0 24px 24px -12px var(--shadow-color), 0 48px 48px -24px var(--shadow-color);--shadow-8:0 0 0 1px var(--shadow-color), 0 1px 1px -.5px var(--shadow-color), 0 3px 3px -1.5px var(--shadow-color), 0 6px 6px -3px var(--shadow-color), 0 12px 12px -6px var(--shadow-color), 0 24px 24px -12px var(--shadow-color), 0 48px 48px -24px var(--shadow-color), 0 96px 96px -48px var(--shadow-color);--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#d4d4d4;--chart-2:#737373;--chart-3:#525252;--chart-4:#404040;--chart-5:#262626;--radius:.625rem;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1}@supports (color:lab(0% 0 0)){.studio-backdrop-direct-trigger,.studio-backdrop-color-picker{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--chart-1:lab(84.92% 0 -.0000119209);--chart-2:lab(48.496% 0 0);--chart-3:lab(34.924% 0 0);--chart-4:lab(27.036% 0 0);--chart-5:lab(15.204% 0 -.00000596046);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% -.0000298023 .0000119209)}}html.is-dark-ui .studio-backdrop-direct-trigger,html.is-dark-ui .studio-backdrop-color-picker{--hover:#ffffff14;--active:#ffffff21;--selected:#6b97ff;--checker-a:#343434;--checker-b:#202020;--focus-ring:#6b97ff;--surface-1:#171717;--surface-2:#1e1e1e;--surface-3:#252525;--surface-4:#2c2c2c;--surface-5:#333;--surface-6:#3a3a3a;--surface-7:#414141;--surface-8:#484848;--dm-hi-base:#ffffff03;--dm-hi-mid:#ffffff05;--dm-hi-high:#ffffff0a;--dm-hi-peak:#ffffff0f;--dm-ring-base:#ffffff05;--dm-ring-mid:#ffffff0a;--dm-ring-high:#ffffff0f;--dm-drop:#0000002e;--shadow-1:inset 0 0 0 1px var(--dm-ring-base);--shadow-2:inset 0 1px 0 0 var(--dm-hi-base), inset 0 0 0 1px var(--dm-ring-base), 0 1px 1px -.5px var(--dm-drop);--shadow-3:inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-base), 0 0 0 1px #0000001f, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop);--shadow-4:inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px #00000024, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop);--shadow-5:inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px #00000029, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop);--shadow-6:inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px #0000002e, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop);--shadow-7:inset 0 1px 0 0 var(--dm-hi-peak), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px #0003, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop), 0 48px 48px -24px var(--dm-drop);--shadow-8:inset 0 1px 0 0 var(--dm-hi-peak), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px #00000038, 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop), 0 48px 48px -24px var(--dm-drop), 0 96px 96px -48px var(--dm-drop);--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--popover:#171717;--popover-foreground:#fafafa;--primary:#e5e5e5;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff26;--ring:#737373;--chart-1:#d4d4d4;--chart-2:#737373;--chart-3:#525252;--chart-4:#404040;--chart-5:#262626;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#ffffff1a;--sidebar-ring:#737373}@supports (color:lab(0% 0 0)){html.is-dark-ui .studio-backdrop-direct-trigger,html.is-dark-ui .studio-backdrop-color-picker{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% 0 0);--popover:lab(7.78201% -.0000149012 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(90.952% 0 -.0000119209);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(48.496% 0 0);--chart-1:lab(84.92% 0 -.0000119209);--chart-2:lab(48.496% 0 0);--chart-3:lab(34.924% 0 0);--chart-4:lab(27.036% 0 0);--chart-5:lab(15.204% 0 -.00000596046);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 -.00000596046);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(100% 0 0/.1);--sidebar-ring:lab(48.496% 0 0)}}.studio-backdrop-color-picker{--hover:#ffffff14;--active:#ffffff21;--checker-a:#343434;--checker-b:#202020;--surface-1:#171717;--surface-2:#1e1e1e;--surface-3:#252525;--surface-4:#2c2c2c;--surface-5:#333;--surface-6:#3a3a3a;--surface-7:#414141;--surface-8:#484848;--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--popover:#171717;--popover-foreground:#fafafa;--primary:#e5e5e5;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--border:#ffffff1a;--input:#ffffff26;--ring:#737373}@supports (color:lab(0% 0 0)){.studio-backdrop-color-picker{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% 0 0);--popover:lab(7.78201% -.0000149012 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(90.952% 0 -.0000119209);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(48.496% 0 0)}}:where(*):focus,:where(*):focus-visible,:where(*):focus-within{outline-offset:0!important;--focus-ring:transparent!important;--tw-ring-color:transparent!important;--tw-ring-offset-color:transparent!important;--tw-ring-offset-shadow:0 0 #0000!important;--tw-ring-shadow:0 0 #0000!important;outline:none!important}:where(.rotation-stage,[role=application]):focus-visible{box-shadow:none!important}.custom-backdrop-option:focus-within .swatch{box-shadow:0 0 0 1px #dedde2!important}.custom-backdrop-option.active:focus-within .swatch{box-shadow:0 0 0 1px #fff,0 0 0 2px #5c5765!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}