@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-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-space-y-reverse:0;--tw-divide-y-reverse:0;--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-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-outline-style:solid}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-50:oklch(98.7% .022 95.277);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-900:oklch(21% .034 264.665);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-bounce:bounce 1s infinite;--blur-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--app-font,"General Sans", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;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-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.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}.sticky{position:sticky}.inset-0{inset:0}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-8{top:calc(var(--spacing) * 8)}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.right-1{right:var(--spacing)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-64{right:calc(var(--spacing) * 64)}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing) * 4)}.left-full{left:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[60\]{z-index:60}.\!container{width:100%!important}@media(min-width:40rem){.\!container{max-width:40rem!important}}@media(min-width:48rem){.\!container{max-width:48rem!important}}@media(min-width:64rem){.\!container{max-width:64rem!important}}@media(min-width:80rem){.\!container{max-width:80rem!important}}@media(min-width:96rem){.\!container{max-width:96rem!important}}.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)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-\[10vh\]{margin-bottom:10vh}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.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}.table{display:table}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-5\.5{height:calc(var(--spacing) * 5.5)}.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-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-32{height:calc(var(--spacing) * 32)}.h-\[100dvh\]{height:100dvh}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-\[50vh\]{max-height:50vh}.min-h-0{min-height:0}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-\[100dvh\]{min-height:100dvh}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-5\.5{width:calc(var(--spacing) * 5.5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-16{width:calc(var(--spacing) * 16)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-84{width:calc(var(--spacing) * 84)}.w-\[50vw\]{width:50vw}.w-\[calc\(33\%-1rem\)\]{width:calc(33% - 1rem)}.w-\[min\(100\%\,840px\)\]{width:min(100%,840px)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-\[65ch\]{max-width:65ch}.max-w-\[90\%\]{max-width:90%}.max-w-\[1400px\]{max-width:1400px}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-32{min-width:calc(var(--spacing) * 32)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[1px\]{--tw-translate-y: -1px ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-\[0\.98\]{scale:.98}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[1fr_4rem_6rem_4\.5rem_4\.5rem_3rem\]{grid-template-columns:1fr 4rem 6rem 4.5rem 4.5rem 3rem}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.\!items-start{align-items:flex-start!important}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-tr-sm{border-top-right-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-base-content\/10{border-color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.border-base-content\/10{border-color:color-mix(in oklab,var(--app-bg-content) 10%,transparent)}}.border-base-content\/15{border-color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.border-base-content\/15{border-color:color-mix(in oklab,var(--app-bg-content) 15%,transparent)}}.border-base-content\/20{border-color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.border-base-content\/20{border-color:color-mix(in oklab,var(--app-bg-content) 20%,transparent)}}.border-base-content\/\[0\.06\]{border-color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.border-base-content\/\[0\.06\]{border-color:color-mix(in oklab,var(--app-bg-content) 6%,transparent)}}.border-base-content\/\[0\.08\]{border-color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.border-base-content\/\[0\.08\]{border-color:color-mix(in oklab,var(--app-bg-content) 8%,transparent)}}.border-error\/30{border-color:var(--app-error)}@supports (color:color-mix(in lab,red,red)){.border-error\/30{border-color:color-mix(in oklab,var(--app-error) 30%,transparent)}}.border-primary\/20{border-color:var(--app-primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/20{border-color:color-mix(in oklab,var(--app-primary) 20%,transparent)}}.border-primary\/50{border-color:var(--app-primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/50{border-color:color-mix(in oklab,var(--app-primary) 50%,transparent)}}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-\[\#111\]{background-color:#111}.bg-\[var\(--viewer-accent\)\]{background-color:var(--viewer-accent)}.bg-accent,.bg-accent\/10{background-color:var(--app-accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/10{background-color:color-mix(in oklab,var(--app-accent) 10%,transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-base-100,.bg-base-100\/60{background-color:var(--app-bg-100)}@supports (color:color-mix(in lab,red,red)){.bg-base-100\/60{background-color:color-mix(in oklab,var(--app-bg-100) 60%,transparent)}}.bg-base-200{background-color:var(--app-bg-200)}.bg-base-300,.bg-base-300\/90{background-color:var(--app-bg-300)}@supports (color:color-mix(in lab,red,red)){.bg-base-300\/90{background-color:color-mix(in oklab,var(--app-bg-300) 90%,transparent)}}.bg-base-content\/5{background-color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.bg-base-content\/5{background-color:color-mix(in oklab,var(--app-bg-content) 5%,transparent)}}.bg-base-content\/10{background-color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.bg-base-content\/10{background-color:color-mix(in oklab,var(--app-bg-content) 10%,transparent)}}.bg-base-content\/30{background-color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.bg-base-content\/30{background-color:color-mix(in oklab,var(--app-bg-content) 30%,transparent)}}.bg-base-content\/\[0\.04\]{background-color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.bg-base-content\/\[0\.04\]{background-color:color-mix(in oklab,var(--app-bg-content) 4%,transparent)}}.bg-base-content\/\[0\.05\]{background-color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.bg-base-content\/\[0\.05\]{background-color:color-mix(in oklab,var(--app-bg-content) 5%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-primary,.bg-primary\/15{background-color:var(--app-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/15{background-color:color-mix(in oklab,var(--app-primary) 15%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-950{background-color:var(--color-zinc-950)}.object-cover{object-fit:cover}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.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-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-32{padding-block:calc(var(--spacing) * 32)}.py-48{padding-block:calc(var(--spacing) * 48)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-headline{font-family:var(--app-font,"Plus Jakarta Sans", "General Sans", ui-sans-serif, system-ui, sans-serif)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--app-font,"General Sans", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\],.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-accent-copy{color:var(--app-accent-text)!important}.text-\[var\(--viewer-accent-text\)\]{color:var(--viewer-accent-text)}.text-accent-copy{color:var(--app-accent-text)}.text-base-content,.text-base-content\/30{color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.text-base-content\/30{color:color-mix(in oklab,var(--app-bg-content) 30%,transparent)}}.text-base-content\/70{color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.text-base-content\/70{color:color-mix(in oklab,var(--app-bg-content) 70%,transparent)}}.text-content-2{color:var(--app-text-2)}.text-content-3{color:var(--app-text-3)}.text-error{color:var(--app-error)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-primary{color:var(--app-primary)}.text-primary-content{color:var(--app-primary-content)}.text-success{color:var(--app-success)}.text-warning{color:var(--app-warning)}.text-white{color:var(--color-white)}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.text-white\/30{color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-80{opacity:.8}.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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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_1px_0_rgba\(255\,255\,255\,0\.1\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-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,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-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,)}.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-all{transition-property:all;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))}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[animation-delay\:-0\.3s\]{animation-delay:-.3s}.\[animation-delay\:-0\.15s\]{animation-delay:-.15s}@media(hover:hover){.group-hover\:opacity-50:is(:where(.group):hover *){opacity:.5}}.peer-focus-visible\:outline-2:is(:where(.peer):focus-visible~*){outline-style:var(--tw-outline-style);outline-width:2px}.peer-focus-visible\:outline-offset-2:is(:where(.peer):focus-visible~*){outline-offset:2px}.peer-focus-visible\:outline-primary:is(:where(.peer):focus-visible~*){outline-color:var(--app-primary)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.placeholder\:text-content-3::placeholder{color:var(--app-text-3)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.focus-within\:border-accent:focus-within{border-color:var(--app-accent)}@media(hover:hover){.hover\:border-base-content\/30:hover{border-color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.hover\:border-base-content\/30:hover{border-color:color-mix(in oklab,var(--app-bg-content) 30%,transparent)}}.hover\:border-primary:hover{border-color:var(--app-primary)}.hover\:bg-base-300:hover{background-color:var(--app-bg-300)}.hover\:bg-base-content\/5:hover{background-color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-base-content\/5:hover{background-color:color-mix(in oklab,var(--app-bg-content) 5%,transparent)}}.hover\:bg-base-content\/10:hover{background-color:var(--app-bg-content)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-base-content\/10:hover{background-color:color-mix(in oklab,var(--app-bg-content) 10%,transparent)}}.hover\:bg-error\/10:hover{background-color:var(--app-error)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-error\/10:hover{background-color:color-mix(in oklab,var(--app-error) 10%,transparent)}}.hover\:text-base-content:hover{color:var(--app-bg-content)}.hover\:text-content-2:hover{color:var(--app-text-2)}.hover\:text-error:hover{color:var(--app-error)}.hover\:text-white\/70:hover{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.hover\:text-white\/70:hover{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.hover\:\!opacity-100:hover{opacity:1!important}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}@media(min-width:64rem){.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media(prefers-color-scheme:dark){.dark\:bg-zinc-950{background-color:var(--color-zinc-950)}.dark\:text-gray-100{color:var(--color-gray-100)}}}@keyframes app-spin{to{transform:rotate(360deg)}}@keyframes app-pulse{0%,to{opacity:.25}50%{opacity:1}}.loading{--loading-thickness:2px;aspect-ratio:1;width:1.125rem;height:1.125rem;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--loading-thickness)),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - var(--loading-thickness)),#000 0);vertical-align:middle;background:conic-gradient(#0000,currentColor);border-radius:9999px;flex-shrink:0;animation:.65s linear infinite app-spin;display:inline-block}.loading-xs{--loading-thickness:1.25px;width:.625rem;height:.625rem}.loading-sm{--loading-thickness:1.5px;width:.875rem;height:.875rem}.loading-lg{--loading-thickness:2.5px;width:1.75rem;height:1.75rem}.loading-dots{aspect-ratio:auto;background:currentColor;border:none;border-radius:9999px;width:auto;height:.35rem;animation:1.2s ease-in-out infinite app-pulse;position:relative;box-shadow:.55em 0,1.1em 0}.loading-dots.loading-xs{height:.25rem}.loading-dots.loading-sm{height:.3rem}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.viewer{--viewer-bg-100: var(--viewer-control-background);--viewer-bg-200: var(--viewer-control-background);--viewer-bg-content: var(--viewer-text);--viewer-primary: var(--viewer-accent);--viewer-radius-lg: 12px;--viewer-glass-border: var(--viewer-border);--viewer-glass-strong: var(--viewer-panel-background);--viewer-shadow-lg: 0 10px 25px rgba(0, 0, 0, .2);color:var(--viewer-text);background:var(--viewer-panel-background)}.timeline-panel{position:relative;flex-shrink:0;z-index:10;user-select:none;-webkit-user-select:none;background:var(--viewer-timeline-background);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--viewer-border)}.timeline-resize-handle{height:7px;margin-top:-3px;position:relative;cursor:ns-resize;touch-action:none;z-index:1}.timeline-resize-handle:before{content:"";position:absolute;top:3px;left:50%;transform:translate(-50%);width:36px;height:2px;border-radius:1px;background:var(--viewer-control-background);transition:background .12s}.timeline-resize-handle:hover:before,.timeline-resize-handle:active:before{background:var(--viewer-hover-background)}.timeline-grid{position:relative;display:flex;overflow-y:auto;overflow-x:hidden}.timeline-grid-left{width:180px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid color-mix(in oklch,var(--viewer-border) 55%,transparent)}.timeline-grid-right{flex:1;min-width:0;align-self:flex-start;min-height:100%;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden}.timeline-grid-right-inner{position:relative;flex:1 0 auto;min-width:100%;display:flex;flex-direction:column}.timeline-header{position:relative;display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid color-mix(in oklch,var(--viewer-border) 55%,transparent)}.timeline-header-playback{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px}.timeline-header-trailing{display:flex;align-items:center;gap:10px;margin-left:auto}.timeline-ruler-spacer{display:flex;align-items:center;justify-content:flex-end;padding:0 5px;flex-shrink:0;box-sizing:border-box;min-height:30px}.timeline-ruler{position:relative;flex-shrink:0;box-sizing:border-box;padding-top:4px;min-height:30px;cursor:ew-resize;touch-action:none}.timeline-ruler,.timeline-ruler-spacer{border-bottom:1px solid var(--viewer-border)}.timeline-ruler-overflow{position:absolute;top:0;right:0;bottom:0;z-index:6;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--viewer-text) 14%,transparent) 0,color-mix(in srgb,var(--viewer-text) 14%,transparent) 1px,transparent 1px,transparent 8px),color-mix(in srgb,var(--viewer-text) 8%,transparent);border-left:1px solid var(--viewer-border);pointer-events:none}.timeline-ruler-divider{position:absolute;top:30px;left:0;right:0;height:1px;background:var(--viewer-border);pointer-events:none}.timeline-tick{position:absolute;top:2px;bottom:0;border-left:1px solid var(--viewer-border);padding-left:4px}.timeline-tick__label{font-size:.625rem;font-family:ui-monospace,SFMono-Regular,monospace;color:var(--viewer-muted-text)}.timeline-group-label{box-sizing:border-box;padding:5px 12px 2px;font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--viewer-muted-text);border-top:1px solid color-mix(in oklch,var(--viewer-border) 55%,transparent)}.timeline-group-label--ghost{visibility:hidden}.timeline-row-left{flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:4px 12px;min-height:28px}.timeline-row-left:hover{background:var(--viewer-hover-background)}.timeline-lane{position:relative;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;padding:4px 0;min-height:28px;touch-action:none}.timeline-lane:hover{background:var(--viewer-hover-background)}.timeline-range-bar{position:absolute;top:50%;z-index:3;height:8px;border-radius:3px;background:var(--viewer-border);cursor:grab;touch-action:none;transform:translateY(-50%)}.timeline-range-bar:active{cursor:grabbing}.timeline-swatch{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--viewer-border);transition:transform .15s,opacity .15s}.timeline-swatch--camera{border-radius:2px;cursor:pointer}.timeline-swatch--camera:hover{transform:scale(1.4)}.timeline-swatch--active{outline:1.5px solid var(--viewer-border);outline-offset:2px}.timeline-swatch--loading{background:var(--viewer-border);animation:breathe 1.1s ease-in-out infinite}.timeline-row-left__label{flex:1;min-width:0;font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase;color:var(--viewer-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:1}.timeline-row-left__label--camera{cursor:pointer}@keyframes breathe{0%,to{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1.3)}}.timeline-counter{display:flex;align-items:baseline;gap:2px;flex-shrink:0;font-family:ui-monospace,SFMono-Regular,monospace}.timeline-counter__cur{font-size:.875rem;font-weight:700;color:var(--viewer-accent);display:inline-block;width:4ch;text-align:right}.timeline-counter__sep{font-size:.75rem;color:var(--viewer-muted-text)}.timeline-counter__end{font-size:.75rem;color:var(--viewer-muted-text);background:transparent;border:none;border-bottom:1px dashed var(--viewer-border);outline:none;width:4ch;text-align:left;font-family:ui-monospace,SFMono-Regular,monospace;font-weight:inherit;padding:0;cursor:text;user-select:text;-webkit-user-select:text;transition:color .12s,border-color .12s;-moz-appearance:textfield}.timeline-counter__end::-webkit-inner-spin-button,.timeline-counter__end::-webkit-outer-spin-button{-webkit-appearance:none}.timeline-counter__end:hover{color:var(--viewer-text);border-bottom-color:var(--viewer-accent)}.timeline-counter__end:focus{color:var(--viewer-muted-text);border-bottom-style:solid;border-bottom-color:var(--viewer-accent)}.timeline-row-gridlines{position:absolute;inset:0;pointer-events:none}.timeline-gridline{position:absolute;top:0;bottom:0;border-left:1px solid color-mix(in oklch,var(--viewer-border) 55%,transparent)}.timeline-row-playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--viewer-accent);box-shadow:0 0 4px color-mix(in oklch,var(--viewer-accent) 35%,transparent);cursor:ew-resize;touch-action:none;z-index:2}.timeline-row-playhead:before{content:"";position:absolute;top:4px;left:50%;width:6px;height:22px;transform:translate(-50%);border-radius:3px;background:var(--viewer-accent)}.timeline-camera-keyframe{position:absolute;z-index:4;top:50%;width:10px;height:10px;margin-top:-5px;padding:0;border:1px solid var(--viewer-border);border-radius:1px;background:var(--viewer-accent);box-shadow:0 1px 3px color-mix(in srgb,#000 35%,transparent);cursor:pointer;transform:translate(-50%) rotate(45deg)}.timeline-camera-keyframe:hover{background:var(--viewer-hover-background)}.viewer .transform-value-field{display:flex;min-width:0;align-items:center;gap:4px;padding:6px;border:1px solid var(--viewer-border);border-radius:4px;background:var(--viewer-control-background)}.viewer .transform-value-field:focus-within{border-color:var(--viewer-accent);outline:1px solid var(--viewer-accent)}.timeline-keyframe-button{position:absolute;top:50%;z-index:5;display:flex;width:24px;height:24px;padding:0;align-items:center;justify-content:center;transform:translate(-50%,-50%);border:0;background:transparent;color:var(--viewer-accent);cursor:pointer;pointer-events:auto}.timeline-keyframe-button:before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;box-sizing:border-box;border:1px solid var(--viewer-border);border-radius:1px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 1px 3px color-mix(in srgb,#000 35%,transparent)}.timeline-keyframe-button[data-has-keyframe=false]:before,.timeline-keyframe-symbol{opacity:0}.timeline-keyframe-symbol{position:absolute;inset:0;pointer-events:none}.timeline-keyframe-symbol:before,.timeline-keyframe-symbol:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--viewer-accent-text);border-radius:1px}.timeline-keyframe-symbol:before{width:10px;height:2px}.timeline-keyframe-button[data-has-keyframe=false] .timeline-keyframe-symbol:after{width:2px;height:10px}.timeline-keyframe-button:is(:hover,:focus-visible):before{width:16px;height:16px;opacity:1}.timeline-keyframe-button:is(:hover,:focus-visible) .timeline-keyframe-symbol{opacity:1}.card-floating{border-radius:var(--viewer-radius-lg);border:1px solid var(--viewer-border);background-color:var(--viewer-panel-background);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--viewer-shadow-lg)}.viewer-bottom-toolbar{position:absolute;bottom:1rem;left:50%;z-index:20;display:flex;align-items:center;gap:8px;transform:translate(-50%);pointer-events:auto;-webkit-user-select:none;user-select:none}.import-trigger-cell{position:relative}.viewer-toolbar-popover{position:absolute;bottom:calc(100% + 8px);left:50%;width:238px;max-height:320px;overflow:hidden auto;transform:translate(-50%);border:1px solid var(--viewer-border);border-radius:14px;background:var(--viewer-popover-background);box-shadow:0 18px 42px #0006;color:var(--viewer-text);font-size:14px;letter-spacing:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.viewer-toolbar-popover-header{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 14px;border-bottom:1px solid var(--viewer-border);color:var(--viewer-muted-text);font-size:13px;font-weight:600}.viewer-toolbar-popover-header-title{display:flex;align-items:baseline;gap:8px;min-width:0;overflow:hidden}.viewer-toolbar-popover-header-title .import-section-label{margin:0;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-toolbar-popover-header button,.import-resource-row button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--viewer-muted-text);cursor:pointer}.viewer-toolbar-popover-header button{width:26px;height:26px;margin-right:-6px;border-radius:6px}.viewer-toolbar-popover-header button:hover,.import-resource-row button:hover:not(:disabled){color:var(--viewer-text);background:var(--viewer-hover-background)}.import-action-row{width:100%;display:flex;align-items:center;gap:14px;border:0;background:transparent;color:var(--viewer-text);cursor:pointer;text-align:left}.viewer-toolbar-popover kbd{min-width:25px;padding:4px 6px;border-radius:5px;background:var(--viewer-control-background);color:var(--viewer-muted-text);font:11px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.import-submenu-section{padding:10px 14px;border-bottom:1px solid var(--viewer-border)}.import-submenu-section:last-child{border-bottom:0}.import-action-row{height:44px;padding:0 6px;border-radius:7px;font-size:14px}.import-action-row:hover{background:var(--viewer-hover-background)}.import-action-row>.import-action-label{flex:1}.import-section-label{margin:2px 6px 9px;color:var(--viewer-muted-text);font-size:11px}.import-primitive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.import-primitive-grid button{display:flex;align-items:center;justify-content:center;gap:5px;height:31px;border:1px solid var(--viewer-border);border-radius:6px;background:var(--viewer-control-background);color:var(--viewer-text);font-size:11px;cursor:pointer}.import-primitive-grid button:hover{border-color:var(--viewer-accent);color:var(--viewer-text);background:var(--viewer-hover-background)}.import-resource-section{padding-bottom:6px}.import-preset-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:var(--viewer-border) transparent}.import-preset-grid::-webkit-scrollbar{height:5px}.import-preset-grid::-webkit-scrollbar-track{background:transparent}.import-preset-grid::-webkit-scrollbar-thumb{background:var(--viewer-control-background);border-radius:3px}.import-preset-grid::-webkit-scrollbar-thumb:hover{background:var(--viewer-hover-background)}.import-preset-card{display:flex;flex:0 0 84px;width:84px;flex-direction:column;gap:6px;padding:6px;border:1px solid var(--viewer-border);border-radius:8px;background:var(--viewer-control-background);color:var(--viewer-text);cursor:pointer}.import-preset-card:hover{border-color:var(--viewer-accent);color:var(--viewer-text);background:var(--viewer-hover-background)}.import-preset-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:1;overflow:hidden;border-radius:5px;background:var(--viewer-control-background)}.import-preset-thumb img{width:100%;height:100%;object-fit:cover}.import-preset-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;text-align:center}.light-panel{position:relative}.light-library{width:252px}.light-library-actions{display:flex;align-items:center;gap:2px;margin-right:-6px}.viewer-toolbar-popover-header .light-library-actions button{margin-right:0}.viewer-toolbar-popover-header .light-library-actions button.is-active{color:var(--viewer-accent);background:var(--viewer-selected-background)}.light-section{padding:10px 14px;border-bottom:1px solid var(--viewer-border)}.light-section-label{margin:2px 6px 9px;color:var(--viewer-muted-text);font-size:11px}.light-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.light-type-grid button{display:flex;align-items:center;justify-content:center;gap:3px;height:31px;border:1px solid var(--viewer-border);border-radius:6px;background:var(--viewer-control-background);color:var(--viewer-text);font-size:11px;cursor:pointer}.light-type-grid button:hover{border-color:var(--viewer-accent);color:var(--viewer-text);background:var(--viewer-hover-background)}.light-resource-section{padding-bottom:6px}.light-resource-list{display:flex;flex-direction:column;max-height:120px;overflow-y:auto}.light-resource-row{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:0 6px;border:0;border-radius:6px;background:transparent;color:var(--viewer-text);cursor:pointer;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:left}.light-resource-row:hover,.light-resource-row.is-active{background:var(--viewer-hover-background);color:var(--viewer-accent)}.light-resource-row.is-active{background:var(--viewer-selected-background)}.light-resource-row kbd{min-width:25px;padding:4px 6px;border-radius:5px;background:var(--viewer-control-background);color:var(--viewer-muted-text);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.light-empty-state{padding:20px;color:var(--viewer-muted-text);font-size:11px;text-align:center}.light-editor{display:grid;gap:10px;border-bottom:0}.light-name-row,.light-property-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;color:var(--viewer-muted-text);font-size:11px}.light-name-row input,.light-vector-grid input,.light-property-row input[type=number]{min-width:0;height:30px;border:1px solid var(--viewer-border);border-radius:5px;outline:none;background:var(--viewer-control-background);color:var(--viewer-text);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.light-name-row input{padding:0 8px}.light-name-row input:focus,.light-vector-grid input:focus,.light-property-row input[type=number]:focus{border-color:var(--viewer-accent)}.light-name-row button{border:0;background:transparent;color:var(--viewer-muted-text);cursor:pointer;font-size:11px}.light-name-row button:hover{color:var(--viewer-error)}.light-vector-row .light-section-label{margin-bottom:5px}.light-vector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.light-vector-grid label{display:flex;align-items:center;gap:4px;min-width:0;padding:0 6px;border-radius:5px;background:var(--viewer-control-background);color:var(--viewer-text);font-size:10px}.light-vector-grid input{width:100%;height:28px;border:0;background:transparent;text-align:right}.light-property-row{grid-template-columns:auto 42px auto 1fr}.light-property-row input[type=color]{width:42px;height:28px;padding:2px;border:1px solid var(--viewer-border);border-radius:5px;background:var(--viewer-control-background);cursor:pointer}.light-property-row input[type=number]{width:100%;padding:0 6px;text-align:right}.import-resource-list{display:flex;flex-direction:column;max-height:150px;overflow-y:auto}.import-resource-row{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 6px;border-radius:6px;color:var(--viewer-text);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.import-resource-row:hover{background:var(--viewer-hover-background)}.import-resource-row.is-active{background:var(--viewer-selected-background)}.import-resource-row.is-active .import-resource-name{color:var(--viewer-accent)}.import-resource-name{display:flex;align-items:center;gap:8px;min-width:0;flex:1;border:0;background:transparent;padding:0;font:inherit;text-align:left;cursor:pointer;color:var(--viewer-text)}.import-resource-name-text{overflow:hidden;flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap}.import-resource-row button:not(.import-resource-name){width:24px;height:24px;border-radius:5px}.import-resource-row button:disabled{opacity:.35;cursor:not-allowed}.import-loading-text{width:60px;flex:0 0 auto;color:var(--viewer-accent)}.import-loading-text:after{content:"loading";animation:import-loading-text 1.2s steps(1,end) infinite}@keyframes import-loading-text{0%{content:"loading"}25%{content:"loading."}50%{content:"loading.."}75%,to{content:"loading..."}}.import-empty-state{padding:15px 6px 17px;color:var(--viewer-muted-text);font-size:11px;text-align:center}.scene-sidebar{position:relative;flex:0 0 auto;display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--viewer-border);background:var(--viewer-sidebar-background);color:var(--viewer-text);font-size:14px}.scene-sidebar-resize-handle{position:absolute;top:0;left:-3px;width:6px;height:100%;z-index:5;cursor:ew-resize;touch-action:none}.scene-sidebar-resize-handle:hover,.scene-sidebar-resize-handle:active{background:var(--viewer-hover-background)}.scene-outliner{display:flex;flex-direction:column;flex:1;min-height:0}.scene-outliner-header{display:flex;align-items:center;min-height:44px;padding:0 14px;border-bottom:1px solid var(--viewer-border);color:var(--viewer-muted-text);font-size:13px;font-weight:600}.scene-outliner-body{flex:1;min-height:0;overflow-y:auto}.scene-outliner .import-resource-section{padding-bottom:6px}.scene-outliner .import-resource-list{max-height:none}.viewer-toolbar-trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--viewer-border);border-radius:50%;background:var(--viewer-control-background);color:var(--viewer-text);box-shadow:0 5px 16px #00000052;cursor:pointer;transition:background-color .12s ease,color .12s ease,transform .12s ease}.viewer-toolbar-trigger:hover:not(:disabled),.viewer-toolbar-trigger.is-active{background:var(--viewer-accent);color:var(--viewer-accent-text);transform:scale(1.05)}.viewer-toolbar-trigger:disabled{cursor:not-allowed;opacity:.45}.viewer-toolbar-trigger.is-confirmed{background:var(--viewer-accent);color:var(--viewer-accent-text)}.timeline-row-left--new{animation:timeline-new-camera 2.5s ease-out}@keyframes timeline-new-camera{0%,65%{background:var(--viewer-selected-background)}to{background:transparent}}.export-panel{position:relative}.export-target-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.export-target-list button,.export-format-list button{height:31px;border-radius:6px;font-size:11px;transition:background .15s,color .15s,border-color .15s}.export-target-list button{border:1px solid var(--viewer-border);background:var(--viewer-control-background);color:var(--viewer-text)}.export-target-list button:hover{border-color:var(--viewer-accent);color:var(--viewer-text);background:var(--viewer-hover-background)}.export-target-list button.is-active{border-color:var(--viewer-accent);background:var(--viewer-selected-background);color:var(--viewer-accent)}.export-format-list{display:flex;gap:6px}.export-format-list button{flex:1;border:0;background:var(--viewer-accent);color:var(--viewer-accent-text)}.export-format-list button:hover:not(:disabled){background:var(--viewer-accent)}.export-format-list button:disabled{opacity:.42;cursor:not-allowed}.export-hint{margin-top:8px;font-size:11px;color:var(--viewer-muted-text)}.topbar-control{color:var(--viewer-text);background-color:var(--viewer-control-background);border-color:var(--viewer-border);box-shadow:0 4px 12px #00000073}.topbar-control.is-active{color:var(--viewer-accent-text);background-color:var(--viewer-accent);border-color:var(--viewer-accent)}.horizon-switch{display:flex;width:fit-content;border-radius:9999px;border:1px solid var(--viewer-border);background-color:var(--viewer-control-background)}.horizon-switch-highlight{position:absolute;top:1px;left:1px;height:16px;width:62px;border-radius:9999px;background-color:var(--viewer-accent);box-shadow:0 1px 3px #0006;transition:transform .2s cubic-bezier(.4,0,.2,1)}.horizon-switch-option{position:relative;z-index:1;width:64px;height:18px;border:none;background:transparent;color:var(--viewer-muted-text);font-size:9px;font-weight:500;line-height:18px;text-align:center;white-space:nowrap;cursor:pointer;transition:color .2s ease}.horizon-switch-option.is-active{color:var(--viewer-accent-text)}.mini-map{position:absolute;top:.75rem;left:.75rem;z-index:20;width:160px;height:160px;border-radius:6px;padding:6px;overflow:visible;box-sizing:border-box;color:var(--viewer-text);background-color:var(--viewer-panel-background);border-color:var(--viewer-border);box-shadow:0 12px 28px #00000094;display:flex;flex-direction:column}.mini-map-surface{position:relative;width:100%;flex:1;min-height:0;background:var(--viewer-minimap-background);overflow:hidden}.mini-map-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.mini-map-grid-line{stroke:var(--viewer-minimap-grid-color)}.mini-map-axis-label{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.mini-map-marker{vector-effect:non-scaling-stroke}.mini-map-main-camera-body{fill:var(--viewer-minimap-background);stroke:var(--viewer-text);stroke-width:2}.mini-map-main-camera-direction{fill:var(--viewer-text)}.mini-map-motion-marker{stroke:var(--viewer-border);stroke-width:1.5}.mini-map-scene-marker{fill:var(--viewer-muted-text);stroke:var(--viewer-text);stroke-width:1.5}.trajectory-board-draw-canvas{width:100%;height:100%;cursor:crosshair;touch-action:none}.trajectory-board-trajectory-list{width:100%;max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;margin-top:4px;padding:6px;box-sizing:border-box;border-radius:6px;background-color:var(--viewer-panel-background);box-shadow:0 12px 28px #00000094;pointer-events:auto}.trajectory-board-list-item{display:flex;align-items:center;justify-content:space-between;padding:2px 6px;border-radius:4px;background-color:var(--viewer-control-background);transition:background-color .15s ease}.trajectory-board-list-item:hover{background-color:var(--viewer-hover-background)}.trajectory-board-list-name{display:flex;align-items:center;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;color:var(--viewer-text)}.trajectory-board-list-color{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.trajectory-board-list-points{font-size:9px;color:var(--viewer-muted-text)}.trajectory-board-list-delete{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:3px;background:transparent;color:var(--viewer-muted-text);cursor:pointer;transition:all .15s ease}.trajectory-board-list-delete:hover{background-color:var(--viewer-accent);color:var(--viewer-accent-text)}.trajectory-board{color:var(--viewer-text);background-color:var(--viewer-panel-background);border-color:var(--viewer-border);box-shadow:0 12px 28px #00000094}.trajectory-board-title,.trajectory-board-item-name{color:var(--viewer-text)}.trajectory-board-hint,.trajectory-board-item-points{color:var(--viewer-muted-text)}.trajectory-board-canvas{border:1px solid var(--viewer-border);background-color:var(--viewer-minimap-background);cursor:crosshair}.trajectory-board-grid-line{stroke:var(--viewer-minimap-grid-color)}.trajectory-board-icon{color:var(--viewer-text)}.trajectory-board-icon:hover:not(:disabled){color:var(--viewer-accent-text);background-color:var(--viewer-accent)}.trajectory-board-expand{background-color:var(--viewer-control-background);border:1px solid var(--viewer-border)}.trajectory-board-item:hover{background-color:var(--viewer-hover-background)}.viewer .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:1px solid transparent;font-size:.875rem;font-weight:600;line-height:1.25;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s,opacity .12s;background-color:var(--viewer-control-background);color:var(--viewer-text);outline:none;-webkit-user-select:none;user-select:none}.viewer .btn:disabled{opacity:.4;cursor:not-allowed}.viewer .btn-sm{padding:.25rem .75rem;font-size:.8125rem}.viewer .btn-xs{padding:.125rem .5rem;font-size:.75rem}.viewer .btn-icon{padding:0;width:1.75rem;height:1.75rem;border-radius:8px;flex-shrink:0}.viewer .btn-icon.btn-sm{width:1.5rem;height:1.5rem}.viewer .btn-icon.btn-xs{width:1.25rem;height:1.25rem}.viewer .btn-ghost{background-color:transparent;border-color:transparent}.viewer .btn-ghost:hover:not(:disabled){background-color:var(--viewer-hover-background)}.viewer .btn-outline{background-color:transparent;border-color:var(--viewer-border)}.viewer .btn-outline:hover:not(:disabled){background-color:var(--viewer-hover-background)}.camera-properties-panel{flex-shrink:0;border-top:1px solid var(--viewer-border);color:var(--viewer-text)}.camera-properties-body{padding:12px;display:flex;flex-direction:column;gap:12px}.camera-properties-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.viewer-setting-field{display:flex;flex-direction:column;gap:7px;font-size:11px}.viewer-setting-field>span{color:var(--viewer-muted-text);opacity:1}.viewer-setting-input-unit{display:flex;align-items:center;gap:8px}.viewer-setting-input-unit>span{font-size:11px;color:var(--viewer-muted-text);opacity:1}.viewer-setting-field input,.viewer-setting-field select{min-width:0;width:100%;height:32px;padding:0 8px;border:1px solid var(--viewer-border);border-radius:6px;background:var(--viewer-control-background);color:var(--viewer-text);font-size:12px}.viewer-setting-field input:focus-visible,.viewer-setting-field select:focus-visible{outline:2px solid var(--viewer-accent);outline-offset:1px}.camera-lens-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.camera-lens-presets button{height:28px;font-size:11px;border-radius:5px;border:1px solid var(--viewer-border);background:transparent;color:inherit}.camera-lens-presets button:hover,.camera-lens-presets button.is-active{background:var(--viewer-accent);border-color:var(--viewer-accent);color:var(--viewer-accent-text)}.video-export-menu{width:280px;max-height:min(420px,70vh)}.video-export-settings{display:flex;flex-direction:column;gap:12px}.video-export-camera{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:12px}.viewer-setting-error{color:var(--viewer-error);font-size:11px;margin-top:4px}.import-resource-row button:last-child:hover:not(:disabled){color:var(--viewer-error)}.viewer .viewer-delete-button:hover:not(:disabled){color:var(--viewer-error)}.viewer-accent-icon{color:var(--viewer-accent)}.trajectory-board-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;pointer-events:none}.trajectory-board-overlay>.trajectory-board{position:relative;box-sizing:border-box;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:8px;max-height:calc(100% - 24px);overflow:auto;pointer-events:auto}.trajectory-board-header{height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;font-size:13px}.trajectory-board-surface{flex-shrink:0;background:var(--viewer-minimap-background);overflow:hidden}.trajectory-board-list-area{max-height:80px;flex-shrink:0;overflow-y:auto}.trajectory-board-list-area>.trajectory-board-trajectory-list{margin:0;padding:0;max-height:none;box-shadow:none}.trajectory-board-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;border:0;background:transparent;cursor:nwse-resize;touch-action:none}.trajectory-board-resize-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid var(--viewer-muted-text);border-bottom:2px solid var(--viewer-muted-text)}.viewport-toolbar--left{left:.75rem}.viewport-toolbar--center{left:50%;transform:translate(-50%)}.viewport-toolbar--right{right:2rem}.viewport-toolbar--left.viewport-toolbar--beside-minimap{left:calc(1.25rem + 160px)}.viewer{--viewer-panel-background: var(--app-bg-100);--viewer-control-background: var(--app-glass-bg);--viewer-popover-background: var(--app-bg-300);--viewer-sidebar-background: var(--app-bg-100);--viewer-timeline-background: var(--app-bg-100);--viewer-text: var(--app-bg-content);--viewer-muted-text: var(--app-text-2);--viewer-border: color-mix(in srgb, var(--app-bg-content) 10%, transparent);--viewer-accent: var(--app-primary);--viewer-accent-text: var(--app-primary-content);--viewer-hover-background: var(--app-glass-hover);--viewer-selected-background: var(--app-glass-strong);--viewer-error: var(--app-error);--viewer-minimap-background: var(--app-glass-bg);--viewer-minimap-grid-color: var(--viewer-border)}.viewer .oasis-viewer{position:absolute;inset:0}.viewer .oasis-viewer>canvas:focus-visible{outline:none}.viewer-canvas-host{position:relative;flex:1;min-width:0;min-height:0}.viewer .actor-row{display:flex;align-items:center;height:32px;min-height:32px;gap:3px;padding:0 5px;color:var(--viewer-text);border-bottom:1px solid var(--viewer-border)}.viewer .actor-row.is-selected,.viewer .actor-lane.is-selected{background:var(--viewer-selected-background)}.viewer .timeline-row-remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;padding:3px;border-radius:3px}.viewer .timeline-row-remove:hover:not(:disabled){background:var(--viewer-hover-background)}.viewer .actor-name{display:flex;align-items:center;gap:5px;min-width:0;flex:1;text-align:left;font-size:11px}.viewer .actor-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer .actor-row button{padding:3px;border-radius:3px}.viewer .actor-row button:hover{background:var(--viewer-hover-background)}.viewer .actor-row button[aria-pressed=true]{color:var(--viewer-accent)}.viewer .actor-row input{min-width:0;width:100%;background:var(--viewer-control-background);font-size:11px}.viewer .actor-lane{position:relative;height:32px;min-height:32px;border-bottom:1px solid var(--viewer-border);touch-action:none}.viewer .actor-lane .timeline-range-bar{height:10px}.viewer .actor-key{position:absolute;top:50%;width:10px;height:10px;transform:translate(-50%,-50%) rotate(45deg);background:var(--viewer-accent);border:1px solid var(--viewer-text);border-radius:1px;z-index:3;touch-action:none}.viewer .actor-lane .timeline-keyframe-button{top:50%;z-index:5;width:24px;height:24px;border:0;border-radius:0;background:transparent;transform:translate(-50%,-50%);touch-action:none}.viewer .timeline-grid-left{width:240px}.viewer .timeline-header{flex-wrap:wrap}.viewer .timeline-header button:disabled{opacity:.4;cursor:default}.viewer .editor-message{position:absolute;top:58px;left:50%;transform:translate(-50%);z-index:40;padding:8px 12px;border-radius:6px;background:var(--viewer-popover-background);color:var(--viewer-error);font-size:12px}.viewer .export-progress{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:12px;background:color-mix(in srgb,var(--viewer-panel-background) 85%,transparent);font-size:12px}.viewer .export-progress button{border:1px solid var(--viewer-border);padding:6px 12px;border-radius:6px}@media(max-width:760px){.viewer .timeline-grid-left{width:190px}.viewer .editor-inspector{position:absolute;right:0;top:45px;bottom:0;max-width:75%;z-index:30}}.viewer .timeline-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--viewer-accent);z-index:5}.viewer .timeline-playhead:before{content:"";position:absolute;left:-4px;top:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid var(--viewer-accent)}.viewer .timeline-duration input{width:4rem;font-size:12px;background:transparent}:root:where([data-ui=dashboard]){--director-background: #383838;--director-panel-background: #151515;--director-panel-border: #656565;--director-divider: #434343;--director-control-background: #242424;--director-popover-background: #1c1c1c;--director-text-secondary: #eeeeee;--director-text-muted: #cccccc;--app-font: "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--app-bg-100: #080808;--app-bg-200: #111111;--app-bg-300: #1c1c1c;--app-bg-content: #ffffff;--app-text-2: #e0e0e0;--app-text-3: #b8b8b8;--app-primary: #7c3aed;--app-primary-content: #ffffff;--app-error: oklch(65% .22 25);--app-success: oklch(60% .2 145);--app-warning: oklch(75% .18 80);--app-info: oklch(65% .2 230);--app-glass-bg: rgba(255, 255, 255, .04);--app-glass-border: rgba(255, 255, 255, .07);--app-glass-hover: rgba(255, 255, 255, .06);--app-glass-strong: rgba(255, 255, 255, .08);--app-card-shadow: 0 0 0 1px rgba(255, 255, 255, .06), 0 8px 32px rgba(0, 0, 0, .6);--app-input-border: rgba(255, 255, 255, .1);--app-accent-text: #c4a4ff;--app-accent: #7c3aed;--app-accent-hover: #4c1d95;--app-accent-content: #ffffff;--app-shadow-sm: 0 0 0 1px rgba(255, 255, 255, .05), 0 2px 8px rgba(0, 0, 0, .45);--app-shadow-md: var(--app-card-shadow);--app-shadow-lg: 0 0 0 1px rgba(255, 255, 255, .07), 0 16px 48px rgba(0, 0, 0, .7);--app-radius-sm: .5rem;--app-radius-md: .75rem;--app-radius-lg: 1rem;--app-radius-xl: 1.25rem;--app-ease: cubic-bezier(.16, 1, .3, 1);--app-transition-fast: .12s;--app-transition-base: .18s}:root[data-theme=light]:where([data-ui=dashboard]){--director-text-secondary: #4d4d4d;--director-text-muted: #666666;--director-background: #e7e7e7;--director-panel-background: #ffffff;--director-panel-border: #bfbfbf;--director-divider: #d7d7d7;--director-control-background: #f3f3f3;--director-popover-background: #ffffff;--app-bg-100: #f8f8f8;--app-bg-200: #ffffff;--app-bg-300: #f0f0f0;--app-bg-content: #111111;--app-text-2: #4d4d4d;--app-text-3: #666666;--app-primary: #7c3aed;--app-primary-content: #ffffff;--app-error: oklch(52% .22 25);--app-success: oklch(48% .2 145);--app-warning: oklch(52% .18 80);--app-info: oklch(50% .2 230);--app-glass-bg: rgba(0, 0, 0, .03);--app-glass-border: rgba(0, 0, 0, .07);--app-glass-hover: rgba(0, 0, 0, .04);--app-glass-strong: rgba(0, 0, 0, .06);--app-card-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .06);--app-input-border: rgba(0, 0, 0, .1);--app-accent-text: #6225c9;--app-accent: #7c3aed;--app-accent-hover: #4c1d95;--app-accent-content: #ffffff;--app-shadow-sm: 0 0 0 1px rgba(0, 0, 0, .05), 0 2px 8px rgba(0, 0, 0, .05);--app-shadow-md: var(--app-card-shadow);--app-shadow-lg: 0 0 0 1px rgba(0, 0, 0, .07), 0 16px 48px rgba(0, 0, 0, .1)}html:where([data-ui=dashboard]),:where(html[data-ui=dashboard]) body{overscroll-behavior:none;background-color:var(--app-bg-100);color:var(--app-bg-content);font-family:var(--app-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;position:relative}:where(html[data-ui=dashboard]) body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}[data-theme=light]:where([data-ui=dashboard]) body:before{opacity:.02}:where(html[data-ui=dashboard]) h1,:where(html[data-ui=dashboard]) h2,:where(html[data-ui=dashboard]) h3,:where(html[data-ui=dashboard]) h4,:where(html[data-ui=dashboard]) h5,:where(html[data-ui=dashboard]) h6{letter-spacing:-.02em}:where(html[data-ui=dashboard]) .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;border:1px solid transparent;font-size:.875rem;font-weight:600;line-height:1.25;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;transition:background-color var(--app-transition-fast) var(--app-ease),border-color var(--app-transition-fast) var(--app-ease),color var(--app-transition-fast) var(--app-ease),opacity var(--app-transition-fast) var(--app-ease),transform var(--app-transition-fast) var(--app-ease),box-shadow var(--app-transition-fast) var(--app-ease);background-color:var(--app-glass-bg);color:var(--app-bg-content)}:where(html[data-ui=dashboard]) .btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}:where(html[data-ui=dashboard]) .btn-lg{padding:.75rem 1.5rem;font-size:1rem;border-radius:999px}:where(html[data-ui=dashboard]) .btn-sm{padding:.25rem .75rem;font-size:.8125rem}:where(html[data-ui=dashboard]) .btn-xs{padding:.125rem .5rem;font-size:.75rem;border-radius:999px}:where(html[data-ui=dashboard]) .btn-icon{padding:0;width:1.75rem;height:1.75rem;border-radius:var(--app-radius-sm);flex-shrink:0}:where(html[data-ui=dashboard]) .btn-icon.btn-xs{width:1.25rem;height:1.25rem}:where(html[data-ui=dashboard]) .btn-icon.btn-sm{width:1.5rem;height:1.5rem}:where(html[data-ui=dashboard]) .btn-icon.btn-lg{width:2.25rem;height:2.25rem}:where(html[data-ui=dashboard]) .btn-primary{background-color:var(--app-primary);color:var(--app-primary-content);border-color:var(--app-primary)}:where(html[data-ui=dashboard]) .btn-primary:hover:not(:disabled){background-color:var(--app-accent-hover);border-color:var(--app-accent-hover)}:where(html[data-ui=dashboard]) .btn-primary:active:not(:disabled){transform:translateY(0)}:where(html[data-ui=dashboard]) .btn-accent{background-color:var(--app-accent);color:var(--app-accent-content);border-color:var(--app-accent)}:where(html[data-ui=dashboard]) .btn-accent:hover:not(:disabled){background-color:var(--app-accent-hover);border-color:var(--app-accent-hover);transform:translateY(-1px);box-shadow:var(--app-shadow-sm)}:where(html[data-ui=dashboard]) .btn-accent:active:not(:disabled){transform:translateY(0)}:where(html[data-ui=dashboard]) .btn-outline.btn-accent{background-color:transparent;color:var(--app-accent);border-color:var(--app-accent)}:where(html[data-ui=dashboard]) .btn-outline.btn-accent:hover:not(:disabled){background-color:var(--app-accent);color:var(--app-accent-content)}:where(html[data-ui=dashboard]) .btn-outline{background-color:transparent;color:var(--app-bg-content);border-color:var(--app-glass-border)}:where(html[data-ui=dashboard]) .btn-outline:hover:not(:disabled){background-color:var(--app-glass-hover)}:where(html[data-ui=dashboard]) .btn-outline.btn-primary{color:var(--app-primary);border-color:var(--app-primary)}:where(html[data-ui=dashboard]) .btn-outline.btn-primary:hover:not(:disabled){background-color:var(--app-primary);color:var(--app-primary-content)}:where(html[data-ui=dashboard]) .btn-outline.btn-error{color:var(--app-error);border-color:var(--app-error)}:where(html[data-ui=dashboard]) .btn-outline.btn-error:hover:not(:disabled){background-color:var(--app-error);color:#fff}:where(html[data-ui=dashboard]) .btn-ghost{background-color:transparent;border-color:transparent}:where(html[data-ui=dashboard]) .btn-ghost:hover:not(:disabled){background-color:var(--app-glass-hover)}:where(html[data-ui=dashboard]) .btn-error{background-color:var(--app-error);color:#fff;border-color:var(--app-error)}:where(html[data-ui=dashboard]) .btn-error:hover:not(:disabled){filter:brightness(1.1)}:where(html[data-ui=dashboard]) .btn-warning{background-color:var(--app-warning);color:#000;border-color:var(--app-warning)}:where(html[data-ui=dashboard]) .btn-warning:hover:not(:disabled){filter:brightness(1.1)}:where(html[data-ui=dashboard]) .btn-success{background-color:var(--app-success);color:#fff;border-color:var(--app-success)}:where(html[data-ui=dashboard]) .btn-success:hover:not(:disabled){filter:brightness(1.1)}:where(html[data-ui=dashboard]) .btn-info{background-color:var(--app-info);color:#fff;border-color:var(--app-info)}:where(html[data-ui=dashboard]) .btn-info:hover:not(:disabled){filter:brightness(1.1)}:where(html[data-ui=dashboard]) .card{background-color:var(--app-bg-200);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-md);overflow:hidden}:where(html[data-ui=dashboard]) .card-body{display:flex;flex-direction:column;padding:1.5rem}:where(html[data-ui=dashboard]) .card-title{font-size:1.125rem;font-weight:700;display:flex;align-items:center;gap:.5rem}:where(html[data-ui=dashboard]) .card-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}:where(html[data-ui=dashboard]) .form-control{display:flex;flex-direction:column}:where(html[data-ui=dashboard]) .label{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;gap:.5rem}:where(html[data-ui=dashboard]) .label-text{font-size:.875rem;color:var(--app-text-2)}:where(html[data-ui=dashboard]) .label-text-alt{font-size:.75rem;color:var(--app-text-3);margin-left:auto}:where(html[data-ui=dashboard]) .input,:where(html[data-ui=dashboard]) .textarea{display:block;width:100%;padding:.5rem .75rem;border:1px solid transparent;border-radius:var(--app-radius-sm);font-size:.875rem;background-color:var(--app-glass-bg);color:var(--app-bg-content);outline:none;transition:border-color var(--app-transition-fast) var(--app-ease),box-shadow var(--app-transition-fast) var(--app-ease)}:is(:where(html[data-ui=dashboard]) .input,:where(html[data-ui=dashboard]) .textarea)::placeholder{color:var(--app-text-3);opacity:1}:where(html[data-ui=dashboard]) .textarea{resize:vertical;min-height:5rem}:where(html[data-ui=dashboard]) .input-bordered,:where(html[data-ui=dashboard]) .textarea-bordered{border-color:var(--app-input-border)}:is(:where(html[data-ui=dashboard]) .input-bordered,:where(html[data-ui=dashboard]) .textarea-bordered):focus,:is(:where(html[data-ui=dashboard]) .input-bordered,:where(html[data-ui=dashboard]) .textarea-bordered):focus-within{border-color:var(--app-accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--app-accent) 20%,transparent);outline:none}:where(html[data-ui=dashboard]) .alert{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:.625rem;border:1px solid var(--app-glass-border);font-size:.875rem;background-color:var(--app-glass-bg);color:var(--app-bg-content)}:where(html[data-ui=dashboard]) .alert-error{background-color:color-mix(in oklch,var(--app-error) 12%,transparent);border-color:color-mix(in oklch,var(--app-error) 35%,transparent);color:var(--app-error)}:where(html[data-ui=dashboard]) .alert-success{background-color:color-mix(in oklch,var(--app-success) 12%,transparent);border-color:color-mix(in oklch,var(--app-success) 35%,transparent);color:var(--app-success)}:where(html[data-ui=dashboard]) .alert-warning{background-color:color-mix(in oklch,var(--app-warning) 12%,transparent);border-color:color-mix(in oklch,var(--app-warning) 35%,transparent);color:var(--app-warning)}:where(html[data-ui=dashboard]) .alert-info{background-color:color-mix(in oklch,var(--app-info) 12%,transparent);border-color:color-mix(in oklch,var(--app-info) 35%,transparent);color:var(--app-info)}:where(html[data-ui=dashboard]) dialog.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:transparent;border:none;max-width:none;max-height:none;width:100%;height:100%;overflow:hidden;color:inherit;margin:0}:where(html[data-ui=dashboard]) dialog.modal:not([open]){display:none;pointer-events:none}:where(html[data-ui=dashboard]) dialog.modal::backdrop{display:none}@keyframes app-modal-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:where(html[data-ui=dashboard]) .modal-box{background-color:var(--app-bg-300);border-radius:var(--app-radius-lg);padding:1.5rem;max-width:28rem;width:100%;position:relative;z-index:101;box-shadow:var(--app-shadow-lg);animation:app-modal-in var(--app-transition-base) var(--app-ease)}:where(html[data-ui=dashboard]) .modal-action{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem}:where(html[data-ui=dashboard]) .modal-backdrop{position:fixed;inset:0;background:#00000080;cursor:pointer;z-index:100}:where(html[data-ui=dashboard]) .link{text-decoration:underline;cursor:pointer;text-underline-offset:2px}:where(html[data-ui=dashboard]) .link-primary{color:var(--app-primary)}:where(html[data-ui=dashboard]) .menu{display:flex;flex-direction:column;padding:.375rem;gap:.125rem;background-color:var(--app-bg-300);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow-md);min-width:8rem;list-style:none;margin:0;-webkit-user-select:none;user-select:none}:where(html[data-ui=dashboard]) .menu li{display:contents}:where(html[data-ui=dashboard]) .menu li>a,:where(html[data-ui=dashboard]) .menu li>button,:where(html[data-ui=dashboard]) .menu li>span{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--app-radius-sm);font-size:.875rem;cursor:pointer;text-decoration:none;color:var(--app-bg-content);-webkit-user-select:none;user-select:none;transition:background-color var(--app-transition-fast) var(--app-ease)}:is(:where(html[data-ui=dashboard]) .menu li>a,:where(html[data-ui=dashboard]) .menu li>button,:where(html[data-ui=dashboard]) .menu li>span):hover{background-color:var(--app-glass-hover)}:where(html[data-ui=dashboard]) .avatar{display:inline-flex;align-items:center;justify-content:center;position:relative}:where(html[data-ui=dashboard]) .avatar>div{display:flex;align-items:center;justify-content:center;overflow:hidden}:where(html[data-ui=dashboard]) .avatar-placeholder>div{display:flex;align-items:center;justify-content:center;background-color:var(--app-primary);color:var(--app-primary-content)}:where(html[data-ui=dashboard]) .brand-logo-light{display:none}[data-theme=light]:where([data-ui=dashboard]) .brand-logo-dark{display:none}[data-theme=light]:where([data-ui=dashboard]) .brand-logo-light{display:block}:where(html[data-ui=dashboard]) .dashboard-sidebar{transition:width .3s ease-in-out}:where(html[data-ui=dashboard]) .layout-resize-handle{position:relative;flex:0 0 0px;width:0;z-index:25;cursor:col-resize;touch-action:none;outline:none}:where(html[data-ui=dashboard]) .layout-resize-handle:before{content:"";position:absolute;inset:0 auto 0 -4px;width:8px}:where(html[data-ui=dashboard]) .layout-resize-handle:after{content:"";position:absolute;inset:0 auto 0 -1px;width:2px;background:var(--app-bg-content);opacity:0;pointer-events:none;transition:opacity .15s}:where(html[data-ui=dashboard]) .layout-resize-handle:hover:after,:where(html[data-ui=dashboard]) .layout-resize-handle:focus-visible:after,:where(html[data-ui=dashboard]) .layout-resizing .layout-resize-handle:focus:after{opacity:.5}:where(html[data-ui=dashboard]) .layout-resizing,:where(html[data-ui=dashboard]) .layout-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}:where(html[data-ui=dashboard]) .layout-resizing .dashboard-sidebar,:where(html[data-ui=dashboard]) .layout-resizing .viewer-column,:where(html[data-ui=dashboard]) .layout-resizing .control-column{transition:none}:where(html[data-ui=dashboard]) .viewer-column{position:relative;flex:1;min-width:0;display:flex;overflow:visible;transition:flex .3s ease}:where(html[data-ui=dashboard]) .viewer-column.viewer-collapsed{flex:0 0 0px;padding-left:2px}:where(html[data-ui=dashboard]) .viewer-inner{position:relative;flex:1;min-width:0;overflow:hidden}:where(html[data-ui=dashboard]) .viewer-toggle{position:absolute;top:28px;transform:translateY(-50%);z-index:30;width:16px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--app-bg-300);border:1px solid var(--app-glass-border);cursor:pointer;color:var(--app-bg-content);opacity:.7;transition:background .15s,width .15s,opacity .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:where(html[data-ui=dashboard]) .viewer-toggle.viewer-toggle--closed{left:3px;border-left:none;border-radius:0 20px 20px 0}:where(html[data-ui=dashboard]) .viewer-toggle.viewer-toggle--open{right:0;left:auto;border-right:none;border-radius:20px 0 0 20px}:where(html[data-ui=dashboard]) .viewer-toggle:hover{background:var(--app-bg-200);width:20px;opacity:1}:where(html[data-ui=dashboard]) .toggle-icon{transition:transform .3s ease;flex-shrink:0}:where(html[data-ui=dashboard]) .toggle-icon.flipped{transform:rotate(180deg)}:where(html[data-ui=dashboard]) .control-column{min-width:0;display:flex;flex-direction:column;overflow:hidden;transition:flex .3s ease}.conversation-title-loading{display:inline-block;position:relative;width:5rem;height:.85em;overflow:hidden;vertical-align:middle;border-radius:.35rem;background:color-mix(in srgb,var(--app-bg-content) 7%,transparent);border:1px solid color-mix(in srgb,var(--app-bg-content) 8%,transparent)}.conversation-title-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,color-mix(in srgb,var(--app-bg-content) 22%,transparent) 50%,transparent 80%);animation:conversation-title-shimmer 1.6s ease-in-out infinite}@keyframes conversation-title-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.conversation-title-shine{animation:none}}.workspace{position:relative;width:100%;height:100dvh;overflow:hidden;--rail-width: 60px;--history-width: 220px;--chat-width: 260px}.workspace [hidden]{display:none!important}.workspace-glass{background:color-mix(in srgb,var(--app-bg-100) 32%,transparent);border:1px solid var(--app-glass-border);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.workspace-scene{position:absolute;inset:0}.workspace-director-scene{position:absolute;inset:0 0 0 var(--rail-width)}.workspace-viewer-frame{display:block;width:100%;height:100%;border:0}.workspace-rail{position:absolute;inset:0 auto 0 0;width:var(--rail-width);z-index:40;display:flex;flex-direction:column;background:transparent}.workspace-logo{height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.workspace-nav-button{display:flex;align-items:center;justify-content:center;width:calc(var(--rail-width) - 16px);height:44px;border-radius:12px;color:var(--app-text-2);transition:background .15s,color .15s}.workspace-nav-button:hover,.workspace-nav-button.is-selected{background:var(--app-glass-strong);color:var(--app-bg-content)}.workspace button:focus-visible,.workspace input:focus-visible,.workspace-nav-button:focus-visible{outline:2px solid var(--app-primary);outline-offset:2px}.workspace input.conversation-history-search,.workspace input.motion-history-search,.workspace input.motion-history-title-input{caret-color:var(--app-primary)}.workspace input.conversation-history-search:focus,.workspace input.motion-history-search:focus{outline:none;box-shadow:none}.workspace-history{position:absolute;z-index:30;top:192px;bottom:96px;left:var(--rail-width);width:var(--history-width);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.motion-history-item{width:100%;display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;border:1px solid transparent}.motion-history-item:hover{background:var(--app-glass-hover)}.workspace .history-list-card.is-selected{border-color:color-mix(in srgb,var(--app-primary) 55%,transparent);background:color-mix(in srgb,var(--app-primary) 14%,var(--app-bg-200))}.workspace-right-panels{position:absolute;z-index:20;top:20px;bottom:76px;right:20px;width:min(var(--chat-width),calc(100vw - 100px));display:flex;flex-direction:column;gap:12px;pointer-events:none;transition:width .18s ease}.workspace-right-panels>section{pointer-events:auto}.workspace-chat{position:relative;flex:1;min-height:0;width:100%;border-radius:20px;box-shadow:none}.workspace-chat>div:last-child{border-left:0;border-radius:inherit;overflow:hidden}.workspace-motions{display:flex;flex-direction:column;flex:0 1 auto;min-height:44px;max-height:min(240px,30dvh);border-radius:16px}.workspace-motion-row{display:flex;align-items:center;border:1px solid transparent;border-radius:9px;color:var(--app-text-2)}.workspace-motion-row:hover{background:var(--app-glass-hover)}.workspace-motion-row.is-following{border-color:color-mix(in srgb,var(--app-primary) 40%,transparent);background:color-mix(in srgb,var(--app-primary) 10%,transparent);color:var(--app-bg-content)}.workspace-motion-action{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:6px;color:var(--app-text-2)}.workspace-motion-action:hover:not(:disabled){background:var(--app-glass-hover);color:var(--app-bg-content)}.workspace-motion-action:disabled{opacity:.35}.workspace--chat-collapsed .workspace-right-panels{bottom:auto}:is(.workspace-history *,.workspace-right-panels *,.editor-inspector-body,.viewer[data-mode=director] :is(.timeline-grid,.timeline-grid-right)){scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--app-bg-content) 20%,transparent) transparent}:is(.workspace-history *,.workspace-right-panels *,.editor-inspector-body,.viewer[data-mode=director] :is(.timeline-grid,.timeline-grid-right)):hover{scrollbar-color:color-mix(in srgb,var(--app-bg-content) 35%,transparent) transparent}@supports selector(::-webkit-scrollbar){:is(.workspace-history *,.workspace-right-panels *,.editor-inspector-body,.viewer[data-mode=director] :is(.timeline-grid,.timeline-grid-right)),:is(.workspace-history *,.workspace-right-panels *,.editor-inspector-body,.viewer[data-mode=director] :is(.timeline-grid,.timeline-grid-right)):hover{scrollbar-width:auto;scrollbar-color:auto}:is(.workspace-history *,.workspace-right-panels *,.editor-inspector-body,.viewer[data-mode=director] :is(.timeline-grid,.timeline-grid-right))::-webkit-scrollbar{width:6px;height:6px}:is(.workspace-history *,.workspace-right-panels *,.editor-inspector-body,.viewer[data-mode=director] :is(.timeline-grid,.timeline-grid-right))::-webkit-scrollbar-track{background:transparent}:is(.workspace-history *,.workspace-right-panels *,.editor-inspector-body,.viewer[data-mode=director] :is(.timeline-grid,.timeline-grid-right))::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--app-bg-content) 20%,transparent);border-radius:999px}:is(.workspace-history *,.workspace-right-panels *,.editor-inspector-body,.viewer[data-mode=director] :is(.timeline-grid,.timeline-grid-right))::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--app-bg-content) 35%,transparent)}:is(.workspace-history *,.workspace-right-panels *,.editor-inspector-body,.viewer[data-mode=director] :is(.timeline-grid,.timeline-grid-right))::-webkit-scrollbar-corner{background:transparent}}.workspace-playback{position:absolute;z-index:15;left:calc(var(--rail-width) + 24px);right:24px;bottom:40px;display:flex;align-items:center;gap:12px}.workspace-playback input{flex:1;min-width:32px;accent-color:var(--app-primary)}.workspace-play-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.workspace-play-button:disabled{opacity:.35}@media(max-width:1100px){.workspace--history .workspace-playback{left:calc(var(--rail-width) + 24px)}.workspace--director{--history-width: 220px}}@media(max-width:760px){.workspace{--rail-width: 56px;--history-width: min(220px, calc(100vw - 72px) )}.workspace-right-panels{top:auto;right:12px;width:min(var(--chat-width),calc(100vw - var(--rail-width) - 24px));height:45dvh;gap:8px}.workspace-chat{border-radius:16px}.workspace-motions{max-height:min(140px,18dvh)}.workspace--chat-collapsed .workspace-right-panels{top:20px;height:auto}.workspace-chat .chat-input--welcome{margin-bottom:0;gap:12px;padding-block:12px;justify-content:safe center;overflow-y:auto}.workspace-chat .chat-input--welcome>div{flex-shrink:0}.workspace-chat .chat-input-greeting>p:first-child{font-size:20px;line-height:28px}.workspace-chat .chat-input-greeting>p:last-child{font-size:14px;line-height:20px}.workspace-playback,.workspace--history .workspace-playback{left:calc(var(--rail-width) + 12px);right:12px;bottom:40px}}@media(max-width:760px){.workspace-scene{bottom:calc(45dvh + 88px)}}@media(max-width:500px){.viewer .mini-map{top:56px;width:100px;height:100px}}.workspace-history,.workspace-chat,.workspace-motions,.editor-inspector{background:color-mix(in srgb,var(--app-bg-100) 82%,transparent)}.workspace-logo-mark{width:48px;height:40px;background:var(--app-bg-content);-webkit-mask:url(/M.svg) center / contain no-repeat;mask:url(/M.svg) center / contain no-repeat}.workspace:not(.workspace--director) .workspace-history{top:20px;bottom:76px}.workspace:has(.workspace-chat:not([hidden]) .chat-input--expanded){--chat-width: 380px}.chat-input:not(.chat-input--expanded) .chat-input-card{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px;padding:10px}.chat-input:not(.chat-input--expanded) textarea{margin:0;padding:0;max-height:72px}.chat-input:not(.chat-input--expanded) .chat-input-toolbar{padding:0}.chat-input:not(.chat-input--expanded) .chat-input-attachment{grid-column:1 / -1;margin:0}@media(prefers-reduced-motion:reduce){.workspace-right-panels{transition:none}}.workspace-panel-toggle{position:absolute;z-index:35;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:12px;height:40px;border:1px solid var(--app-glass-border);background:var(--app-bg-300);opacity:.9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:width .15s ease,background .15s,opacity .15s;color:var(--app-text-2)}.workspace-panel-toggle:hover,.workspace-panel-toggle:focus-visible{width:16px;background:var(--app-bg-200);color:var(--app-bg-content);opacity:1}.workspace-panel-toggle svg{width:12px;height:12px;flex-shrink:0}.workspace-history-toggle{left:var(--rail-width);border-left:none;border-radius:0 20px 20px 0}.workspace--history .workspace-history-toggle{left:calc(var(--rail-width) + var(--history-width))}.workspace-chat-toggle{right:calc(20px + min(var(--chat-width),calc(100vw - 100px)));border-right:none;border-radius:20px 0 0 20px;transition:right .18s ease,width .15s ease,background .15s,opacity .15s}.workspace-chat-toggle.is-collapsed{right:20px}@media(max-width:760px){.workspace--director.workspace--history .workspace-history-toggle{left:calc(var(--rail-width) + 180px)}.workspace-chat-toggle{top:auto;bottom:calc(56px + 22.5dvh);transform:none;right:calc(12px + min(var(--chat-width),calc(100vw - var(--rail-width) - 24px)))}.workspace-chat-toggle.is-collapsed{right:12px}}@media(max-width:760px){.workspace--chat-collapsed .workspace-scene{bottom:0}}@media(prefers-reduced-motion:reduce){.workspace-panel-toggle{transition:none}}:where(html[data-ui=dashboard]) .content-delete-dialog{margin:auto;width:min(400px,calc(100vw - 32px));padding:24px;border:1px solid var(--app-glass-border);border-radius:16px;background:var(--app-bg-300);color:var(--app-bg-content)}:where(html[data-ui=dashboard]) .content-delete-dialog::backdrop{background:color-mix(in srgb,var(--app-bg-100) 65%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:where(html[data-ui=dashboard]) .history-scrolling-title{display:block;overflow:hidden;white-space:nowrap}:where(html[data-ui=dashboard]) .history-scrolling-title-text{display:inline-block;width:max-content;vertical-align:top}:where(html[data-ui=dashboard]) .history-scrolling-title.is-overflowing{-webkit-mask-image:linear-gradient(to right,black calc(100% - 8px),transparent);mask-image:linear-gradient(to right,black calc(100% - 8px),transparent)}:where(html[data-ui=dashboard]) .history-list-card:hover .history-scrolling-title.is-overflowing{-webkit-mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent);mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent)}:where(html[data-ui=dashboard]) .history-list-card:hover .history-scrolling-title.is-overflowing .history-scrolling-title-text{animation:history-title-scroll var(--title-scroll-duration) linear .2s infinite}@keyframes history-title-scroll{0%,to{transform:translate(0)}45%,55%{transform:translate(var(--title-scroll-end))}}@media(prefers-reduced-motion:reduce){:where(html[data-ui=dashboard]) .history-scrolling-title.is-overflowing,:where(html[data-ui=dashboard]) .history-list-card:hover .history-scrolling-title.is-overflowing{-webkit-mask-image:none;mask-image:none}:where(html[data-ui=dashboard]) .history-list-card .history-scrolling-title.is-overflowing .history-scrolling-title-text,:where(html[data-ui=dashboard]) .history-list-card:hover .history-scrolling-title.is-overflowing .history-scrolling-title-text{animation:none;transform:none}}@media(hover:hover){:where(html[data-ui=dashboard]) .conversation-card-heading{gap:0}:where(html[data-ui=dashboard]) .conversation-card-actions{width:0;margin-left:0;opacity:0;pointer-events:none}:where(html[data-ui=dashboard]) .history-list-card:hover .conversation-card-actions,:where(html[data-ui=dashboard]) .history-list-card:focus-within .conversation-card-actions,:where(html[data-ui=dashboard]) .conversation-card-actions.is-open{width:20px;margin-left:8px;opacity:1;pointer-events:auto}}.workspace-shortcut-hint{position:absolute;z-index:15;left:calc(var(--rail-width) + 24px);right:24px;bottom:4px;display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:760px){.workspace-shortcut-hint{left:calc(var(--rail-width) + 12px);right:12px;bottom:2px;column-gap:8px;font-size:10px;line-height:14px}.workspace-shortcut-hint>span{gap:4px}.workspace-shortcut-hint kbd{padding:0 4px}}:where(html[data-ui=dashboard]) .feedback-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(880px,calc(100vw - 32px));max-width:none;height:min(640px,calc(100dvh - 48px));max-height:none;color:var(--app-bg-content);background:var(--app-bg-100);border:1px solid color-mix(in srgb,var(--app-bg-content) 12%,transparent);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-lg);overflow:hidden}:where(html[data-ui=dashboard]) .feedback-dialog[open]{display:flex;flex-direction:column}:where(html[data-ui=dashboard]) .feedback-dialog::backdrop{background:color-mix(in srgb,var(--app-bg-100) 65%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:where(html[data-ui=dashboard]) .feedback-layout{display:flex;flex:1;min-height:0}:where(html[data-ui=dashboard]) .feedback-list{width:230px;flex-shrink:0;padding:16px;overflow-y:auto;border-right:1px solid color-mix(in srgb,var(--app-bg-content) 10%,transparent)}:where(html[data-ui=dashboard]) .feedback-item{display:block;width:100%;text-align:left;padding:12px;margin-bottom:4px;border-radius:8px;font-size:13px}:where(html[data-ui=dashboard]) .feedback-item:hover{background:var(--app-bg-200)}:where(html[data-ui=dashboard]) .feedback-item.is-selected{background:color-mix(in srgb,var(--app-primary) 12%,var(--app-bg-100))}:where(html[data-ui=dashboard]) .feedback-unread{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--app-primary)}:where(html[data-ui=dashboard]) .feedback-detail{flex:1;min-width:0;padding:24px;overflow-y:auto}:where(html[data-ui=dashboard]) .feedback-mobile-back{display:none}@media(max-width:640px){:where(html[data-ui=dashboard]) .feedback-dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px)}:where(html[data-ui=dashboard]) .feedback-list{display:none;width:100%;border:0}:where(html[data-ui=dashboard]) .feedback-detail{padding:16px}:where(html[data-ui=dashboard]) .feedback-mobile-back{display:inline-flex}:where(html[data-ui=dashboard]) .feedback-layout[data-list=true] .feedback-list{display:block}:where(html[data-ui=dashboard]) .feedback-layout[data-list=true] .feedback-detail{display:none}}.workspace,.viewer{--director-library-width: 220px;--director-panel-gap: 12px;--director-panel-radius: 16px}.workspace--director,html[data-viewer-mode=director]{--app-glass-border: var(--director-panel-border);--app-input-border: var(--director-panel-border);--app-text-2: var(--director-text-secondary);--app-text-3: var(--director-text-muted)}.workspace--director{background:var(--director-background)}.viewer[data-mode=director],.director-minimap-slot{--viewer-panel-background: var(--director-panel-background);--viewer-popover-background: var(--director-popover-background);--viewer-control-background: var(--director-control-background);--viewer-sidebar-background: var(--director-panel-background);--viewer-timeline-background: var(--director-panel-background);--viewer-border: var(--director-divider)}.director-library-column{position:absolute;z-index:30;top:var(--director-panel-gap);bottom:calc(var(--timeline-height, 220px) + 2 * var(--director-panel-gap));left:var(--rail-width);width:var(--director-library-width);display:flex;flex-direction:column;min-height:0;gap:var(--director-panel-gap);background:transparent}.workspace--director .workspace-history{position:relative;inset:auto;flex:1;min-height:0;width:100%;margin:0;border:1px solid transparent;border-radius:var(--director-panel-radius);background:var(--director-panel-background)}.director-minimap-slot{flex:0 0 auto;width:100%;margin:0;border-radius:var(--director-panel-radius);overflow:hidden}.director-minimap-slot:empty{display:none}.director-minimap-slot .mini-map,.viewer[data-mode=director] .mini-map{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1;border:1px solid transparent;border-radius:var(--director-panel-radius);box-shadow:none}.director-minimap-slot .mini-map,.viewer[data-mode=director] .mini-map{padding:12px;--viewer-minimap-grid-color: color-mix(in srgb, var(--app-bg-content) 28%, var(--director-panel-background))}.director-minimap-slot .mini-map>.mini-map-grid,.viewer[data-mode=director] .mini-map>.mini-map-grid{position:relative;inset:auto;flex:1;min-height:0;height:auto;aspect-ratio:1}.viewer[data-mode=director]{position:relative;padding:var(--director-panel-gap) var(--director-panel-gap) var(--director-panel-gap) 0;gap:var(--director-panel-gap);background:var(--director-background)}.viewer[data-mode=director] .viewer-stage{position:relative;margin-left:calc(var(--director-library-width) + var(--director-panel-gap));min-width:0}.viewer[data-mode=director] .viewer-canvas-host{position:relative}.viewer[data-mode=director] .oasis-viewer{border-radius:var(--director-panel-radius);overflow:hidden}.director-local-map{position:absolute;top:var(--director-panel-gap);left:0;width:var(--director-library-width)}.viewer[data-mode=director] .viewer-timeline{position:relative;flex-shrink:0;z-index:20}.viewer[data-mode=director] .timeline-panel{border:1px solid transparent;border-radius:var(--director-panel-radius);box-shadow:none}.viewer[data-mode=director] .timeline-grid{max-height:min(560px,45dvh);border-radius:0 0 var(--director-panel-radius) var(--director-panel-radius)}.viewer[data-mode=director] .editor-inspector{position:absolute;z-index:20;top:140px;right:var(--director-panel-gap);bottom:var(--director-panel-gap);max-width:calc(100% - 2 * var(--director-panel-gap));border-radius:16px;background:var(--director-panel-background);border:1px solid transparent}.viewer[data-mode=director] :is(.timeline-header,.editor-section+.editor-section){border-color:var(--viewer-border)}.viewer[data-mode=director] .viewer-toolbar-popover{border-color:transparent}.viewer[data-mode=director] .editor-field :is(input:not([type=checkbox]),select){background:var(--director-control-background)}.viewer .editor-inspector{font-size:12px;line-height:18px;color:var(--app-bg-content)}.editor-inspector header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--viewer-border)}.editor-inspector h2{font-size:14px;line-height:20px;font-weight:500}.editor-inspector-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--app-text-2)}.editor-inspector-close:hover{background:color-mix(in srgb,var(--app-bg-content) 10%,transparent);color:var(--app-bg-content)}.editor-inspector-body{flex:1;min-height:0;overflow-y:auto;border-radius:0 0 16px 16px}.editor-section{padding:12px;display:flex;flex-direction:column;gap:8px}.editor-section+.editor-section{border-top:1px solid var(--viewer-border)}.editor-section-title{margin:0 0 4px;font-size:12px;line-height:18px;font-weight:500;color:var(--app-bg-content)}.editor-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;min-height:32px;color:var(--app-text-2)}.editor-section>.editor-field:first-child{margin-top:0}.editor-section>.editor-field:last-child{margin-bottom:0}.editor-field input:not([type=checkbox]),.editor-field select{flex-shrink:0;width:52%;min-width:0;height:28px;padding:4px 8px;border:1px solid var(--app-input-border);border-radius:8px;background:var(--app-bg-100);color:var(--app-bg-content);font:inherit}.editor-field input[type=checkbox]{flex-shrink:0;width:14px;height:14px;accent-color:var(--app-primary)}.editor-field input[type=color]{padding:4px;cursor:pointer}.editor-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.editor-field input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}.editor-field input[type=color]::-moz-color-swatch{border:0;border-radius:4px}.editor-field-wide{flex-direction:column;align-items:stretch;gap:6px}.editor-field.editor-field-wide :is(input:not([type=checkbox]),select){width:100%}.editor-field :is(input:not([type=checkbox]),select):hover:not(:disabled){border-color:var(--viewer-border)}.editor-field input[type=number]{font-variant-numeric:tabular-nums}.editor-axis-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.editor-transform-group{display:flex;flex-direction:column;gap:8px}.editor-transform-group+.editor-axis-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.editor-axis-fields .editor-field{flex-direction:column;align-items:stretch;gap:4px;font-size:11px}.editor-axis-fields .editor-field input{width:100%;padding:4px 6px;font-size:12px}.editor-transform-group{margin-top:4px;padding-top:12px;border-top:1px solid var(--viewer-border)}.editor-snap-tolerance{justify-content:flex-end}.editor-group-title{margin:0;font-size:12px;color:var(--app-text-2);font-weight:500}.editor-segmented{display:flex;gap:4px;padding:4px;border-radius:8px;background:var(--viewer-control-background)}.editor-segmented button{flex:1;min-width:0;min-height:28px;padding:4px;font:inherit;border-radius:6px;color:var(--app-text-2)}.editor-segmented button:hover:not(:disabled){background:color-mix(in srgb,var(--app-bg-content) 5%,transparent)}.editor-segmented button[aria-pressed=true]{background:var(--app-bg-200);color:var(--app-accent-text)}.editor-action{width:100%;min-height:32px;padding:6px 10px;border:1px solid var(--app-input-border);border-radius:8px;background:var(--viewer-control-background);color:var(--app-text-2);font:inherit;text-align:center;transition:background .15s,color .15s}.editor-action:hover:not(:disabled){background:color-mix(in srgb,var(--app-bg-content) 10%,var(--viewer-control-background));color:var(--app-bg-content)}.editor-help{margin:0;font-size:11px;color:var(--app-text-3);line-height:1.6}.editor-inspector :is(button,input,select):disabled{opacity:.5;cursor:not-allowed}.editor-inspector :is(button,input,select):focus-visible{outline:2px solid var(--app-primary);outline-offset:2px}.viewer[data-mode=director] .viewer-bottom-toolbar{z-index:25;bottom:12px}.viewer[data-mode=director] .viewport-toolbar{top:20px;right:auto}.viewer[data-mode=director] .director-camera-mode{position:absolute;top:112px;right:0;z-index:20}@media(max-width:760px){.viewer[data-mode=director] .timeline-grid{max-height:30dvh}.viewer[data-mode=director] .viewport-toolbar{top:12px;max-width:calc(100% - 16px);flex-wrap:wrap;justify-content:center}.viewer[data-mode=director] .viewer-bottom-toolbar{left:8px;right:8px;transform:none;flex-wrap:wrap;justify-content:center;gap:4px}.viewer[data-mode=director] .viewer-toolbar-trigger{width:32px;height:32px}.viewer[data-mode=director] .viewer-toolbar-popover{position:fixed;left:calc(var(--director-library-width) + 2 * var(--director-panel-gap) + 8px);right:8px;top:64px;bottom:auto;width:auto;max-height:calc(60dvh - 64px);transform:none}}.viewer[data-mode=director] .viewer-toolbar-popover{scrollbar-width:thin;scrollbar-color:var(--app-text-3) transparent}.viewer[data-mode=director] .timeline-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px}.viewer[data-mode=director] .timeline-header-playback{grid-column:2;position:static;transform:none;gap:6px}.viewer[data-mode=director] .timeline-header-trailing{justify-self:end;margin-left:0}.viewer[data-mode=director] .timeline-counter__end{appearance:textfield}@media(max-width:760px){.viewer[data-mode=director] .timeline-header{grid-template-columns:1fr 1fr;gap:8px;padding:8px}.viewer[data-mode=director] .timeline-header-playback{grid-area:1 / 1 / 2 / 3;justify-self:center}.viewer[data-mode=director] .timeline-header-trailing{grid-area:2 / 2;gap:6px}}
