/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-xs:.125rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-4{right:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.h-2{height:calc(var(--spacing) * 2)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-auto{height:auto}.w-\[100px\]{width:100px}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.touch-none{touch-action:none}.resize{resize:both}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-destructive{background-color:var(--destructive)}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-center{text-align:center}.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))}.leading-none{--tw-leading:1;line-height:1}.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)}.whitespace-nowrap{white-space:nowrap}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-70{opacity:.7}.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-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-sm{--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-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *){display:grid}.group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *){grid-template-columns:repeat(2,minmax(0,1fr))}.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *){text-align:center}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr}.has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot=alert-dialog-media]){column-gap:calc(var(--spacing) * 6)}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[size\=default\]\:h-\[1\.15rem\][data-size=default]{height:1.15rem}.data-\[size\=default\]\:w-8[data-size=default]{width:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:h-3\.5[data-size=sm]{height:calc(var(--spacing) * 3.5)}.data-\[size\=sm\]\:w-6[data-size=sm]{width:calc(var(--spacing) * 6)}.data-\[size\=sm\]\:max-w-xs[data-size=sm]{max-width:var(--container-xs)}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}@media (width>=40rem){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *){grid-row:span 2/span 2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *){place-items:start}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *){text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){grid-column-start:2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr}.data-\[size\=default\]\:sm\:max-w-lg[data-size=default]{max-width:var(--container-lg)}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (width>=48rem){.md\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.md\:text-left{text-align:left}}@media (prefers-color-scheme:dark){.dark\:border-input{border-color:var(--input)}.dark\:bg-destructive\/60{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60{background-color:color-mix(in oklab, var(--destructive) 60%, transparent)}}.dark\:bg-input\/30{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}@media (hover:hover){.dark\:hover\:bg-accent\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.dark\:hover\:bg-input\/50:hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:color-mix(in oklab, var(--input) 80%, transparent)}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--background:#090e1b;--foreground:#f3f5fb;--card:#101827;--card-foreground:#f3f5fb;--popover:#121b2c;--popover-foreground:#f3f5fb;--primary:#9b72ff;--primary-foreground:#fff;--secondary:#1c273c;--secondary-foreground:#e1e5f1;--muted:#172033;--muted-foreground:#8993a9;--accent:#1f2a42;--accent-foreground:#fff;--destructive:#ff718f;--border:#29344b;--input:#35415b;--ring:#9b72ff;--radius:.75rem}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:#f3f5fb;background:#090e1b;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #a991ff}::selection{color:#fff;background:#9372e8}.studio-shell{background:radial-gradient(circle at 43% 9%,#18213a 0,#0000 35%),#090e1b;min-height:100vh}.topbar{background:#090e1be6;border-bottom:1px solid #222b3e;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 clamp(20px,3.2vw,54px);display:flex}.brand{letter-spacing:-.065em;white-space:nowrap;align-items:center;gap:11px;font-size:22px;font-weight:770;display:inline-flex}.brand-mark{color:#d9d0ff;background:linear-gradient(140deg,#6949ad,#3d347b);border:1px solid #9777ea;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 4px 22px #9267ff3d}.brand-dot{color:#af91ff}.topbar-center{color:#65718b;letter-spacing:.21em;white-space:nowrap;align-items:center;gap:14px;font-size:11px;font-weight:700;display:flex}.eyebrow-line{background:#43506b;width:28px;height:1px}.topbar-actions{align-items:center;gap:18px;display:flex}.text-button,.icon-text-button,.icon-button{color:#aab4c8;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.text-button:hover,.icon-text-button:hover,.icon-button:hover{color:#fff}.button{white-space:nowrap;border:0;border-radius:9px;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:700;transition:all .18s;display:inline-flex}.button-soft{color:#f5f1ff;background:#342c57;border:1px solid #655393;height:38px;padding:0 17px}.button-soft:hover{background:#493977;transform:translateY(-1px)}.workspace{grid-template-columns:minmax(0,1fr) 360px;gap:clamp(22px,3vw,52px);max-width:1680px;margin:0 auto;padding:31px clamp(20px,3.2vw,54px) 38px;display:grid}.preview-column{min-width:0}.section-heading,.panel-header{justify-content:space-between;align-items:end;gap:14px;display:flex}.section-heading{margin-bottom:22px}.kicker{color:#9d80e8;letter-spacing:.18em;margin:0 0 9px;font-size:11px;font-weight:750}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:0;font-size:clamp(24px,2.4vw,34px);font-weight:730;line-height:1.05}h2{letter-spacing:-.045em;margin:0;font-size:22px}.live-pill{color:#a5bed1;letter-spacing:.13em;white-space:nowrap;background:#172339;border:1px solid #314361;border-radius:40px;align-items:center;gap:7px;height:30px;padding:0 12px;font-size:10px;font-weight:750;display:inline-flex}.live-pill span,.stage-indicator{background:#76e0dc;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #76e0dc}.preview-wrap{background:#121a2b;border:1px solid #344057;border-radius:17px;justify-content:center;align-items:center;min-height:0;padding:clamp(13px,2.2vw,28px);display:flex;box-shadow:0 22px 70px #0003,inset 0 1px #ffffff08}.preview-wrap.is-dragging{border-color:#ac87ff;box-shadow:0 0 0 3px #9e72ff30}.preview-stage{background:#080c20;border:1px solid #5e5e8c70;border-radius:7px;flex:none;width:100%;height:auto;position:relative;overflow:hidden;box-shadow:0 20px 42px #0007,0 0 28px #9879ff18}.preview-wrap.portrait .preview-stage{width:min(100%,36.5vh,394px)}.preview-wrap.square .preview-stage{width:min(100%,65vh,700px)}.preview-stage canvas{width:100%;height:auto;aspect-ratio:inherit;display:block}.stage-corner{color:#cbd6f4bb;letter-spacing:.16em;text-shadow:0 1px 5px #000a;pointer-events:none;align-items:center;gap:8px;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute}.top-left{top:20px;left:22px}.top-right{top:20px;right:22px}.bottom-left{bottom:20px;left:22px}.bottom-right{bottom:20px;right:22px}.stage-separator{color:#9b72ff}.drop-overlay{color:#fff;background:#211b49dc;border:2px dashed #baa2ff;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:19px;display:flex;position:absolute;inset:0}.stage-toolbar{border-bottom:1px solid #222c3d;align-items:center;gap:12px;min-height:67px;display:flex}.toolbar-label{color:#7c899f;letter-spacing:.16em;margin-right:4px;font-size:10px;font-weight:750}.segmented{background:#161f30;border:1px solid #2b364b;border-radius:8px;gap:2px;padding:3px;display:flex}.segmented button{color:#9aa7bd;background:0 0;border:0;border-radius:5px;padding:6px 10px;font-size:12px;font-weight:700}.segmented button.active{color:#fff;background:#364260;box-shadow:0 2px 8px #0004}.segmented button:disabled{opacity:.5}.toolbar-spacer{flex:1}.icon-button{border:1px solid #2d394f;border-radius:7px;width:32px;height:32px}.transport-card{background:#111b2b;border:1px solid #29354b;border-radius:13px;margin-top:22px;padding:18px 20px 17px}.track-details{align-items:center;gap:12px;min-width:0;display:flex}.track-icon{color:#ad91ef;background:#2b264b;border:1px solid #544677;border-radius:9px;flex:none;place-items:center;width:39px;height:39px;display:grid}.track-copy{gap:4px;min-width:0;display:grid}.track-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:680;overflow:hidden}.track-copy span{color:#8592aa;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:650;overflow:hidden}.replace-button{color:#d2dbeb;background:#1d2a3e;border:1px solid #35445e;border-radius:7px;margin-left:auto;padding:7px 11px;font-size:12px;font-weight:650}.replace-button:hover{background:#2a3953}.player{align-items:center;gap:15px;margin-top:18px;display:flex}.play-button{color:#fff;background:#7857c8;border:0;border-radius:9px;flex:none;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 4px 15px #7b5fd344}.play-button:hover{background:#9975e7}.play-button:disabled{opacity:.55}.time-code{color:#9fabbd;min-width:36px;font:12px ui-monospace,Menlo,monospace}.studio-slider [data-slot=slider-track]{background:#33415b;height:5px}.studio-slider [data-slot=slider-range]{background:linear-gradient(90deg,#875ff2,#70d8e7)}.studio-slider [data-slot=slider-thumb]{background:#e8dfff;border:2px solid #9977eb;width:15px;height:15px}.seek-slider{flex:1}.privacy-note{color:#77849b;justify-content:center;align-items:center;gap:8px;margin:20px 0;font-size:12px;display:flex}.privacy-note svg{color:#9c7cdd}.controls{background:#111a2a;border:1px solid #2a364c;border-radius:16px;flex-direction:column;align-self:start;min-width:0;max-height:calc(100vh - 40px);display:flex;position:sticky;top:20px;box-shadow:0 19px 55px #0002}.panel-header{border-bottom:1px solid #2b3649;align-items:center;padding:21px 23px 19px}.panel-header .kicker{margin-bottom:7px}.panel-header>svg{color:#8e9bb3}.panel-scroll{scrollbar-width:thin;scrollbar-color:#3e4c67 transparent;min-height:0;overflow-y:auto}.control-section{border-bottom:1px solid #263248;padding:22px 23px 24px}.control-title{align-items:center;gap:11px;margin-bottom:18px;display:flex}.control-title span{color:#9b79e3;border:1px solid #5d4b88;border-radius:5px;padding:3px 5px;font:700 10px/1 ui-monospace,monospace}.control-title h3{margin:0;font-size:14px;font-weight:720}.looks-section{padding-right:0}.look-strip{scrollbar-width:thin;scrollbar-color:#4d5a75 transparent;scroll-snap-type:x proximity;gap:9px;padding:1px 23px 9px 0;display:flex;overflow-x:auto}.look-card{scroll-snap-align:start;text-align:left;color:#e0e8f6;background:#1a263a;border:1px solid #37445b;border-radius:10px;flex-direction:column;flex:0 0 112px;min-height:118px;padding:7px;display:flex}.look-card.selected{border-color:#b396f5;box-shadow:inset 0 0 0 1px #b396f545,0 0 16px #9b72ff20}.look-art{background:radial-gradient(circle at 50% 60%, var(--look-primary), transparent 49%), radial-gradient(circle at 68% 35%, var(--look-secondary), transparent 48%), var(--look-background);border-radius:6px;height:57px;margin-bottom:8px;display:block;position:relative;overflow:hidden}.look-art:before,.look-art:after{content:"";border:2px solid var(--look-secondary);width:32px;height:32px;box-shadow:0 0 10px var(--look-primary);border-radius:50%;position:absolute;top:11px;left:calc(50% - 16px)}.look-art:after{border-color:var(--look-primary);width:19px;height:19px;top:17px;left:calc(50% - 9px)}.look-art.spectrum:before{width:65px;height:32px;box-shadow:0 0 12px var(--look-primary);background:repeating-linear-gradient(90deg, var(--look-secondary) 0 3px, transparent 3px 7px);border:0;border-radius:0;top:12px;left:calc(50% - 32px);-webkit-mask-image:radial-gradient(#000 38%,#0000 78%);mask-image:radial-gradient(#000 38%,#0000 78%)}.look-art.spectrum:after{display:none}.look-card strong{font-size:12px;line-height:1.2}.look-card small{color:#9aa9c0;margin-top:2px;font-size:10px}.mode-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.mode-card{text-align:left;color:#dbe4f4;background:#192437;border:1px solid #334158;border-radius:9px;flex-direction:column;align-items:flex-start;min-height:94px;padding:11px 13px;transition:all .15s;display:flex}.mode-card:hover{background:#242c46;border-color:#8873c5}.mode-card.selected{background:linear-gradient(135deg,#342953,#1f2949);border-color:#a283eb;box-shadow:inset 0 0 0 1px #a283eb35}.mode-card strong{margin-top:auto;font-size:13px;line-height:1.2}.mode-card small{color:#8f9bb2;margin-top:3px;font-size:11px}.mode-glyph{color:#a98af7;justify-content:center;align-items:center;gap:3px;width:31px;height:30px;margin-bottom:8px;display:flex;position:relative}.mode-glyph.spectrum i{background:currentColor;border-radius:4px;width:3px;height:60%}.mode-glyph.spectrum i:nth-child(2),.mode-glyph.spectrum i:nth-child(4){height:90%}.mode-glyph.spectrum i:nth-child(3){height:40%}.setting-choice{margin-top:20px}.setting-choice>span{color:#bcc7d8;margin-bottom:10px;font-size:12px;font-weight:650;display:block}.setting-choice .pill-group button{min-height:44px;font-size:12px}.style-options{border-top:1px solid #303d53;margin-top:20px;padding-top:1px}.style-options .setting-choice{margin-top:16px}.palette-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.palette-option{color:#c4cedf;background:#1b2639;border:1px solid #344259;border-radius:8px;align-items:center;gap:8px;min-width:0;height:37px;min-height:44px;padding:0 7px;font-size:12px;font-weight:650;display:flex}.palette-option.selected{color:#fff;background:#2c2b4a;border-color:#9c7de2}.palette-option>svg{color:#b19afb;margin-left:auto}.palette-dots{width:35px;display:flex}.palette-dots i{border:1px solid #ffffff45;border-radius:50%;width:14px;height:14px;margin-right:-5px;display:block}.custom-colors{gap:8px;margin-top:13px;display:flex}.custom-colors label{color:#aab7cb;cursor:pointer;background:#172234;border:1px solid #344158;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;height:31px;min-height:42px;font-size:11px;font-weight:650;display:flex}.custom-colors input{cursor:pointer;background:0 0;border:0;width:16px;height:16px;padding:0}.custom-colors input::-webkit-color-swatch-wrapper{padding:0}.custom-colors input::-webkit-color-swatch{border:1px solid #b6c0d2;border-radius:4px}.advanced-colors{margin-top:10px}.advanced-colors summary{color:#bda3f3;cursor:pointer;align-items:center;min-height:44px;font-size:12px;font-weight:650;display:flex}.advanced-colors .custom-colors{margin-top:4px}.advanced-tuning{border-top:1px solid #29364c;margin-top:17px}.advanced-tuning summary{color:#bda3f3;cursor:pointer;align-items:center;min-height:48px;font-size:13px;font-weight:650;display:flex}.advanced-tuning .setting-slider:first-of-type{margin-top:12px}.track-fields{gap:12px;margin-top:18px;display:grid}.track-fields label{color:#b9c5d9;gap:7px;font-size:12px;font-weight:650;display:grid}.track-fields input{color:#f4f6ff;background:#131d2e;border:1px solid #45536e;border-radius:8px;width:100%;min-height:44px;padding:0 12px;font-size:15px}.track-timer-line{margin-top:18px}.toggle-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.toggle-line div{gap:3px;display:grid}.toggle-line strong{font-size:13px;font-weight:650}.toggle-line span{color:#8491a7;font-size:11px}.toggle-line [data-slot=switch]{background:#3b4a63;border:0;width:35px;height:20px}.toggle-line [data-slot=switch][data-state=checked]{background:#9465df}.toggle-line [data-slot=switch-thumb]{background:#fff;width:16px;height:16px}.particle-options{margin:18px 0}.particle-options.disabled{opacity:.45;pointer-events:none}.pill-group{background:#182337;border:1px solid #334158;border-radius:7px;gap:5px;padding:3px;display:flex}.pill-group button{color:#9daabe;background:0 0;border:0;border-radius:5px;flex:1;min-height:37px;padding:6px 2px;font-size:11px;font-weight:650}.pill-group button.active{color:#fff;background:#394461}.particle-mode-group{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.particle-mode-group button{min-height:44px;font-size:12px}.setting-slider{margin-top:22px}.setting-line{color:#bcc7d8;justify-content:space-between;margin-bottom:12px;font-size:12px;font-weight:570;display:flex}.setting-line output{color:#a88ae7;font-variant-numeric:tabular-nums;font-weight:690}.setting-hint{color:#8391aa;margin:8px 0 0;font-size:11px;line-height:1.4}.border-top{border-top:1px solid #29364c;padding-top:18px}.control-hint{color:#8e9db4;margin:-6px 0 15px;font-size:12px;line-height:1.4}.logo-row{align-items:center;gap:10px;min-width:0;display:flex}.logo-thumbnail,.logo-placeholder{object-fit:contain;background:#111a2b;border:1px solid #4e5b77;border-radius:8px;flex:none;width:48px;height:48px}.logo-placeholder{color:#9c86cc;place-items:center;display:grid}.logo-copy{gap:4px;min-width:0;display:grid}.logo-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.logo-copy span{color:#8291a7;font-size:11px}.logo-actions{gap:8px;margin-top:13px;display:flex}.logo-upload,.logo-remove{color:#e3d6ff;cursor:pointer;background:#32294d;border:1px solid #625583;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.logo-upload:focus-within{outline-offset:2px;outline:2px solid #bda3f3}.logo-upload input{opacity:0;width:1px;height:1px;position:absolute}.logo-remove{color:#bfcce0;background:#1d2739;border-color:#46536a}.logo-adjustments{border-top:1px solid #2c394f;margin-top:20px;padding-top:16px}.logo-layout-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.logo-layout-heading strong{font-size:12px}.logo-layout-heading button{color:#bba0f2;background:0 0;border:0;min-height:44px;padding:7px 0;font-size:11px;font-weight:650}.logo-fit-line{margin-top:10px}.reset-button{color:#8594ac;background:0 0;border:0;align-items:center;gap:7px;margin:0 23px 20px;padding:5px 0;font-size:12px;display:flex}.reset-button:hover{color:#fff}.export-panel{background:#192338;border-top:1px solid #35425b;border-radius:0 0 16px 16px;padding:18px 23px 21px}.export-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px;display:flex}.export-title div{align-items:center;gap:8px;display:flex}.export-title svg{color:#b395f1}.export-title strong{font-size:13px}.export-title>span{color:#8998af;font-size:10px}.export-button{color:#fff;background:linear-gradient(100deg,#7c5bd6,#a679e5);width:100%;height:43px;box-shadow:0 7px 22px #8c67d247}.export-button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.export-button:disabled{color:#94a0b3;box-shadow:none;background:#394459}.export-panel p{color:#8795a9;text-align:center;margin:10px 0 0;font-size:11px;line-height:1.4}.toast{z-index:40;color:#eaf4ff;background:#22344b;border:1px solid #4e6680;border-radius:9px;align-items:center;gap:14px;max-width:calc(100vw - 30px);padding:12px 15px;font-size:13px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0008}.toast.error{background:#482737;border-color:#b5627a}.toast button{color:inherit;background:0 0;border:0;place-items:center;display:grid}.mobile-action-dock{display:none}.mobile-customizer-drawer{background:#111a2a;border-color:#3d4a65;border-radius:18px 18px 0 0;gap:0;width:100%;height:100dvh;max-height:100dvh;margin-top:0;padding:0;overflow:hidden;box-shadow:0 -18px 50px #0007}.mobile-drawer-viewport{flex-direction:column;width:100%;height:62dvh;min-height:0;display:flex;overflow:hidden}.mobile-customizer-drawer[data-expanded=true] .mobile-drawer-viewport{height:94dvh}.mobile-drawer-top{flex:none;align-items:center;padding:2px 14px 0;display:flex}.mobile-customizer-drawer [data-vaul-handle].mobile-drawer-grip{opacity:1;touch-action:none;cursor:ns-resize;background:0 0;border-radius:0;flex:1;width:100%;height:56px;margin:0;display:block}.mobile-customizer-drawer [data-vaul-handle].mobile-drawer-grip:focus-visible{outline-offset:-3px;border-radius:8px;outline:2px solid #bda3f3}.mobile-customizer-drawer [data-vaul-handle-hitarea]{touch-action:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;display:flex}.mobile-grip-bar{background:#ae9bd6;border-radius:20px;width:58px;height:6px;display:block;box-shadow:0 1px 8px #aa87f366}.mobile-grip-hint{color:#a9b5ca;font-size:12px;font-weight:650;line-height:1}.mobile-customizer-drawer [data-slot=drawer-header]{text-align:left;border-bottom:1px solid #303c52;padding:5px 22px 16px}.mobile-customizer-drawer [data-slot=drawer-title]{letter-spacing:-.03em;font-size:20px}.mobile-customizer-drawer [data-slot=drawer-description]{color:#9eabc0;font-size:13px}.mobile-customizer-drawer .panel-scroll{overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;overflow-y:auto}.mobile-customizer-drawer .mode-grid{grid-template-columns:repeat(2,1fr)}.mobile-customizer-drawer .control-section{padding:20px 22px}.mobile-customizer-drawer .looks-section{padding-right:0}.mobile-customizer-drawer .look-strip{padding-right:22px}.mobile-customizer-drawer .setting-slider .studio-slider{min-height:32px}.mobile-customizer-drawer .setting-slider [data-slot=slider-thumb]{width:23px;height:23px}.mobile-customizer-drawer .setting-slider [data-slot=slider-track]{height:7px}.mobile-customizer-drawer .mode-card{min-height:88px}.done-button{margin:12px 22px calc(12px + env(safe-area-inset-bottom));color:#fff;background:#55487d;flex:none;height:43px}.export-dialog{color:#edf2fc;background:#131d2e;border:1px solid #44516b;border-radius:16px;gap:0;max-width:480px;padding:27px;box-shadow:0 30px 75px #0009}.export-dialog [data-slot=dialog-header]{text-align:left;gap:7px}.export-dialog [data-slot=dialog-title]{letter-spacing:-.04em;font-size:23px;line-height:1.2}.export-dialog [data-slot=dialog-description]{color:#9daac0;margin-top:2px;font-size:14px;line-height:1.45}.dialog-icon{color:#bb9cf7;background:#3a315b;border:1px solid #6d579f;border-radius:9px;place-items:center;width:36px;height:36px;margin-bottom:6px;display:grid}.export-range-section{background:#1a263b;border:1px solid #36435b;border-radius:11px;margin-top:24px;padding:19px}.range-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.range-heading strong{font-size:14px}.range-heading button{color:#b99cff;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;font-weight:650;display:flex}.range-heading button:hover{color:#e0d3ff}.range-readout{color:#e4eafd;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:5px;margin:21px 0 15px;font:700 14px ui-monospace,Menlo,monospace;display:flex}.range-duration{color:#a992e3;white-space:nowrap;font:600 11px ui-sans-serif,system-ui,sans-serif}.range-slider{width:calc(100% - 10px);margin:0 5px}.range-slider [data-slot=slider-track]{height:8px}.range-slider [data-slot=slider-thumb]{border:3px solid #b497ff;width:28px;height:28px;box-shadow:0 0 0 3px #5d4a8380}.range-fields{grid-template-columns:1fr 1fr;gap:11px;margin-top:25px;display:grid}.time-field{color:#9facbf;flex-direction:column;gap:7px;font-size:12px;font-weight:650;display:flex}.time-field input{color:#eff3fb;background:#111a2a;border:1px solid #45536e;border-radius:7px;width:100%;height:44px;padding:0 11px;font:700 15px ui-monospace,Menlo,monospace}.time-field input:disabled{opacity:.6}.preview-selection{color:#bb9dff;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-height:44px;margin:10px auto 0;font-size:13px;font-weight:700;display:flex}.preview-selection:hover{color:#eee7ff}.export-summary{border-bottom:1px solid #303e55;gap:10px;padding:19px 2px;display:grid}.export-summary>div{justify-content:space-between;gap:14px;font-size:12px;display:flex}.export-quality{margin-top:17px}.export-quality>strong{color:#d7e0f1;font-size:14px}.export-profile-list{grid-template-columns:1fr 1fr;gap:9px;margin-top:11px;display:grid}.export-frame-rate-list{grid-template-columns:repeat(3,minmax(0,1fr))}.export-profile-list button{text-align:left;color:#e4eaf5;background:#1a263a;border:1px solid #3d4c67;border-radius:9px;gap:5px;min-height:58px;padding:10px 12px;display:grid}.export-profile-list button.selected{background:#2e2a4c;border-color:#af8afa}.export-profile-list button:disabled{opacity:.65}.export-profile-list strong{font-size:13px}.export-profile-list span{color:#a6b2c7;font-size:11px}.export-summary span{color:#8291aa}.export-summary strong{color:#d6dfed;text-align:right;font-weight:620}.export-progress{margin:18px 0 0}.export-progress>div{color:#e2e8f6;justify-content:space-between;margin-bottom:9px;font-size:13px;display:flex}.export-progress progress{appearance:none;background:#344159;border:0;border-radius:10px;width:100%;height:9px;display:block;overflow:hidden}.export-progress progress::-webkit-progress-bar{background:#344159}.export-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#8b67df,#70dce4)}.export-progress progress::-moz-progress-bar{background:#9e82e6}.export-progress p{color:#91a0b7;margin:8px 0 0;font-size:12px}.export-time-estimate{color:#b7c4d8;text-align:center;margin:12px 0 0;font-size:12px}.dialog-actions{margin-top:21px}.cancel-export{color:#f5dfe8;background:#543a53;border:1px solid #9d6589;width:100%;height:44px}.cancel-export:hover{background:#674763}.export-footnote{color:#7f8ca2;text-align:center;margin:12px 0 0;font-size:11px;line-height:1.4}.help-dialog{color:#fff;background:#172238;border-color:#46546e}.help-dialog [data-slot=dialog-description],.help-dialog p{color:#aab8cc;font-size:14px;line-height:1.55}.help-dialog p{margin:7px 0 0}.project-dialog,.subtitle-dialog{color:#edf2fc;background:#131d2e;border:1px solid #44516b;border-radius:16px;gap:0;width:min(100% - 30px,560px);max-width:560px;padding:24px}.project-dialog [data-slot=dialog-header],.subtitle-dialog [data-slot=dialog-header]{text-align:left;gap:7px}.project-dialog [data-slot=dialog-title],.subtitle-dialog [data-slot=dialog-title]{letter-spacing:-.04em;font-size:23px}.project-dialog [data-slot=dialog-description],.subtitle-dialog [data-slot=dialog-description]{color:#a6b4ca;font-size:14px;line-height:1.45}.project-actions{gap:12px;margin-top:23px;display:grid}.project-actions>div{background:#1a263a;border:1px solid #37465e;border-radius:10px;gap:7px;padding:15px;display:grid}.project-actions strong{font-size:14px}.project-actions span{color:#a2afc4;overflow-wrap:anywhere;font-size:12px;line-height:1.4}.project-actions .button{justify-self:start;min-height:44px;margin-top:4px}.project-actions .button:disabled{opacity:.55}.subtitle-dialog{flex-direction:column;max-height:min(88dvh,780px);display:flex}.subtitle-topline{justify-content:space-between;align-items:center;gap:10px;margin:18px 0 12px;display:flex}.subtitle-topline span{color:#aebbd0;font-size:13px}.subtitle-topline .button{min-height:44px}.subtitle-list{scrollbar-width:thin;align-content:start;gap:12px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.subtitle-empty{color:#a5b3c7;text-align:center;background:#1b273b;border:1px dashed #53617b;border-radius:10px;padding:25px 16px;font-size:14px;line-height:1.5}.subtitle-block{background:#1b283d;border:1px solid #43516c;border-radius:10px;gap:11px;padding:15px;display:grid}.subtitle-block-heading{justify-content:space-between;align-items:center;display:flex}.subtitle-block-heading strong{color:#dfd1ff;font-size:13px}.subtitle-block-heading>div{align-items:center;gap:8px;display:flex}.subtitle-block-heading button{color:#bdc9dd;background:0 0;border:0;place-items:center;min-height:36px;padding:0 6px;font-size:12px;display:grid}.subtitle-block textarea{color:#fff;resize:vertical;background:#101a2b;border:1px solid #53617c;border-radius:8px;min-height:66px;padding:10px 12px;font-family:inherit;font-size:15px;line-height:1.4}.cue-range{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cue-time{gap:6px;min-width:0;display:grid}.cue-time span{color:#aab7ca;font-size:12px}.cue-time input{color:#fff;background:#111b2c;border:1px solid #53617c;border-radius:7px;width:100%;min-height:44px;padding:0 10px;font:700 14px ui-monospace,Menlo,monospace}.subtitle-warning{color:#ffcd99;margin:12px 0 0;font-size:12px;line-height:1.4}.subtitle-done{min-height:44px;margin:15px 0 0}@media (width<=1100px){.topbar-center{display:none}.workspace{grid-template-columns:minmax(0,1fr) 330px;gap:22px}}@media (width<=860px){.workspace{flex-direction:column;gap:12px;padding:24px 20px 110px;display:flex}.desktop-controls{display:none}.preview-wrap.portrait .preview-stage{width:min(100%,32.6vh)}.preview-wrap.square .preview-stage{width:min(100%,58vh)}}@media (width<=580px){.topbar{height:64px;padding:0 16px}.brand{font-size:20px}.brand-mark{width:32px;height:32px}.help-button span,.project-button span{display:none}.project-button{min-width:36px;min-height:42px}.topbar-actions{gap:8px}.import-top{height:42px;padding:0 9px;font-size:12px}.workspace{padding:23px 15px 110px}.section-heading{margin-bottom:17px}.live-pill{padding:0 8px;font-size:9px}.preview-wrap{border-radius:11px;padding:9px}.preview-wrap.portrait .preview-stage{width:min(100%,28.125vh)}.preview-wrap.square .preview-stage{width:min(100%,50vh)}.stage-corner{letter-spacing:.1em;font-size:8px}.top-left{top:11px;left:12px}.top-right{top:11px;right:12px}.bottom-left{bottom:11px;left:12px}.bottom-right{bottom:11px;right:12px}.stage-toolbar{gap:7px;min-height:58px}.toolbar-label{display:none}.segmented button{padding:6px 9px}.icon-text-button{min-width:38px;min-height:42px}.icon-text-button span{display:none}.transport-card{margin-top:12px;padding:13px}.player{gap:9px}.privacy-note{text-align:center;line-height:1.3}}@media (width<=860px){.mobile-action-dock{z-index:30;padding:11px 20px calc(11px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);inset-inline:0;background:#111a2af2;border-top:1px solid #35435e;grid-template-columns:1fr 1.3fr;gap:10px;display:grid;position:fixed;bottom:0;box-shadow:0 -14px 35px #0005}.mobile-action-dock .button{width:100%;height:46px}.toast{bottom:calc(82px + env(safe-area-inset-bottom))}}@media (width<=580px){.import-top{height:42px}.play-button{width:44px;height:44px}.replace-button{min-height:40px}.segmented button{min-height:38px}.mobile-action-dock{padding-inline:15px}.export-dialog,.help-dialog,.subtitle-dialog,.project-dialog{border-radius:18px 18px 0 0;width:100%;max-width:none;margin:0;bottom:0;right:0;--tw-translate-x:0px!important;--tw-translate-y:0px!important;top:auto!important;left:0!important;transform:none!important}.export-dialog{padding:22px 20px calc(20px + env(safe-area-inset-bottom));max-height:94dvh;overflow-y:auto}.subtitle-dialog{max-height:90dvh;padding:21px 17px calc(17px + env(safe-area-inset-bottom))}.project-dialog{max-height:90dvh;padding:21px 18px calc(18px + env(safe-area-inset-bottom));overflow-y:auto}.export-range-section{margin-top:18px;padding:16px}.range-readout{margin-top:18px}.help-dialog{padding-bottom:calc(25px + env(safe-area-inset-bottom))}}@media (width<=430px){.brand>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.mode-glyph.ring{border:3px solid #ae98ed;border-radius:50%;width:29px;height:29px;box-shadow:0 0 12px #ab85ed55}.mode-glyph.ring i{display:none}.look-art.ring i{border:3px solid var(--look-primary);width:36px;height:36px;box-shadow:0 0 16px var(--look-secondary), inset 0 0 11px var(--look-primary);background:0 0;border-radius:50%}.track-waveform{cursor:pointer;touch-action:pan-y;background:#111c2b;border-radius:6px;height:48px;margin:14px 0 12px;position:relative;overflow:hidden}.track-waveform canvas{width:100%;height:100%;display:block}.track-waveform:focus-visible{outline-offset:3px;outline:2px solid #baa0f4}.track-waveform.disabled{opacity:.5;cursor:default}.waveform-playhead{pointer-events:none;background:#72e5ea;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #72e5ea}.player-options{align-items:center;gap:8px;margin-top:10px;display:flex}.player-options button{color:#aebbd2;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.player-options button:hover,.player-options button.active{color:#d6c5ff;background:#33294d;border-color:#655384}.player-options button:disabled{opacity:.4}.player-options-spacer{flex:1}.volume-slider{min-width:64px;max-width:112px}.volume-readout{color:#a7b5ca;text-align:right;min-width:34px;font-size:12px}.media-loading{z-index:4;color:#e6ddfa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#081122bb;place-items:center;font-size:15px;font-weight:650;display:grid;position:absolute;inset:0}.focus-view .workspace{grid-template-columns:minmax(0,1fr);max-width:1500px}.focus-view .desktop-controls,.focus-view .mobile-action-dock{display:none}.focus-view .preview-column{width:100%;max-width:1280px;margin-inline:auto}.focus-view .workspace{padding-bottom:30px}.lighting-options{padding-top:12px}.lighting-mode-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lighting-mode-group button{min-height:44px}.preset-dialog,.preset-confirm-dialog{color:#edf2fc;overscroll-behavior:contain;background:#131d2e;border:1px solid #44516b;border-radius:18px;width:min(640px,100vw - 28px);max-width:640px;max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto}.preset-confirm-dialog{width:min(460px,100vw - 28px);max-width:460px}.preset-dialog [data-slot=dialog-header],.preset-confirm-dialog [data-slot=dialog-header]{text-align:left}.preset-dialog [data-slot=dialog-title],.preset-confirm-dialog [data-slot=dialog-title]{font-size:24px}.preset-dialog [data-slot=dialog-description],.preset-confirm-dialog [data-slot=dialog-description],.preset-confirm-dialog [data-slot=alert-dialog-description]{color:#abbad0;font-size:14px;line-height:1.5}.preset-library-toolbar{align-items:center;gap:12px;margin-top:6px;display:flex}.preset-library-toolbar .button{flex-shrink:0;min-height:46px}.preset-search{color:#adbcce;border:1px solid #374762;border-radius:9px;flex:1;align-items:center;gap:9px;min-width:0;padding:0 12px;display:flex}.preset-search input{color:#edf2fc;background:0 0;border:0;outline:none;width:100%;min-width:0;height:46px;font-size:14px}.preset-note{color:#9eafc6;font-size:14px;line-height:1.5}.preset-list{overscroll-behavior:contain;align-content:start;gap:10px;min-height:90px;max-height:42dvh;padding-right:3px;display:grid;overflow-y:auto}.preset-card{background:#182439;border:1px solid #31415a;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.preset-color-preview{border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.preset-color-preview span{border-radius:50%;width:20px;height:20px}.preset-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.preset-copy strong{overflow-wrap:anywhere;font-size:15px}.preset-copy span{color:#b0bdd0;font-size:13px}.preset-icon{color:#adbbd1;background:0 0;border:0;border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.preset-icon:hover{color:#fff;background:#283752}.preset-apply{min-height:44px;padding:0 13px;font-size:14px}.preset-empty{text-align:center;padding:20px 6px;font-size:16px}.preset-empty p{color:#b2bfd0;margin:10px 0;font-size:14px;line-height:1.5}.preset-empty .button{margin-top:12px;display:inline-flex}.preset-status{color:#bbd0e3;padding:4px;font-size:14px}.preset-error{color:#ffb0bd;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;line-height:1.45;display:flex}.preset-library-footer{color:#9eafc6;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.preset-library-footer button{color:#c9b5ff;background:0 0;border:0;min-height:44px;font-size:14px}.preset-form{gap:18px;display:grid}.preset-form label{gap:9px;font-size:14px;font-weight:650;display:grid}.preset-form input{color:#edf2fc;background:#0f192b;border:1px solid #485975;border-radius:10px;min-height:48px;padding:10px 13px;font-size:16px}.preset-save-summary{border:1px solid #33455e;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.preset-save-summary strong{font-size:15px}.preset-save-summary p{color:#a6b7cf;margin-top:5px;font-size:14px;line-height:1.45}.preset-form-actions{justify-content:flex-end;gap:12px;display:flex}.preset-form-actions .button,.preset-delete{min-height:46px;font-size:14px}.preset-delete{color:#fff;background:#8a2b46;border:1px solid #ac4260}.preset-more{min-height:44px;font-size:14px}.mode-glyph.edges{border-top:2px solid;border-bottom:2px solid}.mode-glyph.edges i{background:linear-gradient(currentColor 0 40%,#0000 40% 60%,currentColor 60%);width:3px;height:60%}.mode-glyph.edges i:nth-child(2){height:80%}.mode-glyph.edges i:nth-child(4){height:40%}.mode-card:last-child:nth-child(odd){grid-column:1/-1}.overlay-details .custom-colors label{font-size:13px}@media (width<=580px){.preset-button span,.import-top span,.topbar .help-button{display:none}.preset-button,.project-button,.import-top{justify-content:center;min-width:44px;min-height:44px}.topbar-actions{gap:4px}.topbar{gap:8px}.import-top{padding:0 11px}.preset-dialog,.preset-confirm-dialog{padding:22px 16px max(18px, env(safe-area-inset-bottom));max-height:calc(100dvh - 24px)}.preset-library-toolbar{flex-wrap:wrap}.preset-search{flex-basis:100%}.preset-library-toolbar .button{width:100%}.preset-card{flex-wrap:wrap;gap:5px;padding:8px}.preset-color-preview{flex-basis:32px;width:32px;height:32px}.preset-copy{min-width:90px}.preset-icon{flex-basis:44px;width:44px}.preset-apply{padding:0 11px}.preset-form-actions{justify-content:stretch}.preset-form-actions .button{flex:1}}.customizer-fieldset{border:0;margin:0;padding:0;display:contents}.customizer-fieldset:disabled>.panel-scroll{opacity:.72}.customizer-quicklooks{min-width:0}.customizer-fieldset>.panel-scroll{flex:auto;min-height:0}.customizer-section{position:relative}.customizer-disclosure>.control-title{cursor:pointer;margin-bottom:18px;padding-right:58px;list-style:none}.customizer-disclosure>.control-title::-webkit-details-marker{display:none}.customizer-disclosure>.control-title h3{flex:1}.section-chevron{color:#8795ad;flex:none;transition:transform .16s}.customizer-disclosure[open]>.control-title .section-chevron{transform:rotate(180deg)}.section-reset{z-index:1;color:#9ba8bc;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:4px;min-height:28px;padding:0 4px;font-size:10px;font-weight:650;display:inline-flex;position:absolute;top:18px;right:22px}.section-reset:hover{color:#e8dcff;background:#2a2940}.section-controls{min-width:0}.customizer-disclosure:not([open])>.control-title{margin-bottom:0}.control-subtitle{color:#b7c3d6;letter-spacing:.02em;margin:17px 0 10px;font-size:11px;font-weight:700}.control-subtitle:first-child{margin-top:0}.customizer-fieldset:disabled .customizer-disclosure>.control-title{pointer-events:none}.setting-control-row{grid-template-columns:minmax(0,1fr) 80px;align-items:center;gap:12px;display:grid}.setting-control-row .studio-slider{min-width:0}.setting-number{color:#e5eafd;text-align:right;font-variant-numeric:tabular-nums;background:#111b2c;border:1px solid #3f4d66;border-radius:7px;width:100%;min-width:0;height:36px;padding:0 8px;font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace}.setting-number:focus-visible{outline-offset:1px;outline:2px solid #ad93f0}.setting-number:disabled{opacity:.5;cursor:not-allowed}.setting-slider-disabled{opacity:.55}.background-image-controls{border-top:1px solid #29364c;margin-top:21px;padding-top:18px}.background-image-controls .control-hint{margin-top:0}.color-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.custom-colors .custom-color-control{cursor:default;place-content:start stretch;gap:7px;min-width:0;height:auto;min-height:0;padding:7px;display:grid}.custom-color-control>span{color:#aab7cb;font-size:10px;line-height:1.2}.custom-color-inputs{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:5px;min-width:0;display:grid}.custom-colors .custom-color-inputs input[type=color]{cursor:pointer;border:1px solid #50607a;border-radius:5px;width:28px;height:30px;padding:2px}.custom-colors .custom-color-inputs input[type=text]{color:#e8edf8;text-transform:uppercase;background:#111a29;border:1px solid #43516b;border-radius:5px;width:100%;min-width:0;height:30px;padding:0 5px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.custom-colors .custom-color-inputs input[type=text][aria-invalid=true]{border-color:#cf7181;box-shadow:0 0 0 1px #cf718155}.custom-colors .custom-color-inputs input[type=text]:focus-visible{outline-offset:1px;outline:2px solid #ad93f0}.customizer-fieldset:disabled .logo-upload,.customizer-fieldset:disabled .logo-remove,.customizer-fieldset:disabled .section-reset{cursor:not-allowed;opacity:.5}.customizer-fieldset:disabled .logo-upload:focus-within{outline:none}@media (width<=580px){.customizer-section.control-section{padding:19px 20px 21px}.section-reset{top:15px;right:19px}.customizer-disclosure>.control-title{padding-right:57px}.setting-control-row{grid-template-columns:minmax(0,1fr) 76px;gap:9px}.setting-number{height:39px;font-size:13px}.color-editor-grid{gap:6px}.custom-colors .custom-color-control{padding:6px}.custom-color-inputs{grid-template-columns:24px minmax(0,1fr);gap:4px}.custom-colors .custom-color-inputs input[type=color]{width:24px}.custom-colors .custom-color-inputs input[type=text]{padding-inline:3px;font-size:9px}}.video-compression-option{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.video-compression-option input{width:18px;height:18px;accent-color:var(--primary)}.export-resolution-list{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=480px){.export-resolution-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}.quick-look-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-right:22px;display:flex}.quick-look-heading .control-title{margin-bottom:0}.quick-look-save{color:#eadfff;background:#302641;border:1px solid #635281;border-radius:8px;align-items:center;gap:5px;min-height:40px;padding:7px 9px;font-size:11px;font-weight:650;display:inline-flex}.quick-look-tabs{flex-wrap:wrap;align-items:center;gap:6px;margin:13px 22px 12px 0;display:flex}.quick-look-tabs button{color:#aab7cd;background:#182337;border:1px solid #35425a;border-radius:7px;min-height:40px;padding:7px 9px;font-size:11px}.quick-look-tabs button.active{color:#efe5ff;background:#352c4e;border-color:#9e7ee1}.quick-look-tabs .quick-look-manage{align-items:center;gap:5px;margin-left:auto;display:inline-flex}.quick-look-heading button:disabled,.quick-look-tabs button:disabled,.settings-history button:disabled,.quick-look-current button:disabled{opacity:.45}.look-card{position:relative}.look-card strong{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.look-card:disabled{opacity:.55}.look-check{color:#e4d3ff;background:#241b38;border-radius:50%;position:absolute;top:8px;right:8px}.personal-look{flex:none;position:relative}.personal-look .look-card{height:100%}.look-unpin{color:#bfacd8;background:#201b30;border:1px solid #53456a;border-radius:7px;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;bottom:5px;right:5px}.personal-look .look-card small{padding-right:23px}.look-unpin:disabled{opacity:.5}.quick-look-empty{background:#151e30;border:1px dashed #46516a;border-radius:10px;margin:5px 22px 12px 0;padding:14px}.quick-look-empty strong{color:#d7dded;font-size:12px}.quick-look-empty p{color:#91a0b9;margin:5px 0 10px;font-size:12px;line-height:1.55}.quick-look-empty .button{min-height:40px;font-size:12px}.quick-look-current{color:#cad3e5;flex-wrap:wrap;align-items:center;gap:8px;margin:11px 22px 0 0;font-size:12px;display:flex}.quick-look-current>span{overflow-wrap:anywhere;flex:1;min-width:120px}.quick-look-current em{color:#f2c98b;background:#4a3621;border-radius:5px;margin-left:7px;padding:3px 5px;font-size:10px;font-style:normal;display:inline-block}.quick-look-current button{color:#dbcbf7;background:#29223c;border:1px solid #5a4b75;border-radius:6px;min-height:36px;padding:6px 8px;font-size:11px}.settings-history{flex-wrap:wrap;gap:8px;margin:9px 22px 0 0;display:flex}.settings-history button{color:#b8c4dc;background:#182337;border:1px solid #35425a;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:38px;padding:6px 8px;font-size:11px;display:inline-flex}.look-art.edges i{background:repeating-linear-gradient(90deg, var(--look-primary) 0 5px, transparent 5px 9px);clip-path:polygon(0 0,100% 0,100% 26%,80% 44%,64% 28%,42% 46%,25% 31%,0 45%,0 100%,100% 100%,100% 56%,78% 70%,58% 52%,39% 72%,15% 55%,0 73%);opacity:.8;width:100%;height:100%;box-shadow:none;border-radius:0;position:absolute;inset:0}.preset-card{flex-wrap:wrap}.preset-card .preset-actions{border-top:1px solid #30394d;flex-wrap:wrap;align-items:center;gap:5px;width:100%;padding-top:8px;display:flex}.preset-actions>span{color:#a5b3ca;flex:1;min-width:100px;font-size:11px}.preset-card button:disabled{opacity:.45}.preset-icon[aria-pressed=true]{color:#dfc5ff;background:#382a4d;border-color:#9070c1}.preset-order-controls{gap:3px;margin-left:auto;display:inline-flex}.preset-order-controls button{color:#bdc8dc;background:#192337;border:1px solid #35425a;border-radius:6px;align-items:center;gap:4px;min-height:36px;padding:5px 8px;font-size:11px;display:inline-flex}.preset-quick-look-badge{color:#cba5ee;background:#31253e;border-radius:5px;width:fit-content;padding:3px 5px;font-size:10px;display:inline-block}.preset-save-summary{overflow-wrap:anywhere}.preset-dialog .preset-note{line-height:1.6}@media (width<=860px){.quick-look-heading{padding-right:0}.quick-look-tabs,.quick-look-current,.settings-history,.quick-look-empty{margin-right:0}.look-unpin{width:36px;height:36px}.quick-look-save{min-height:44px}}