/*! tailwindcss v4.3.3 | 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)))){*,: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-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--container-md:28rem;--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-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-sm:var(--ds-radius-sm);--radius-lg:var(--ds-radius-lg);--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--ds-font-sans);--default-mono-font-family:var(--ds-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.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}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-20{top:calc(var(--spacing) * 20)}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.right-\[-1\.375rem\]{right:-1.375rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.my-1{margin-block:var(--spacing)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.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-7{margin-top:calc(var(--spacing) * 7)}.mt-auto{margin-top:auto}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.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-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-full{width:100%;height:100%}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-11{height:calc(var(--spacing) * 11)}.h-20{height:calc(var(--spacing) * 20)}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:0}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-screen{min-height:100vh}.w-2\/5{width:40%}.w-4\/5{width:80%}.w-11{width:calc(var(--spacing) * 11)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[min\(22rem\,90vw\)\]{width:min(22rem,90vw)}.w-\[min\(24rem\,calc\(100vw-2rem\)\)\]{width:min(24rem,100vw - 2rem)}.w-full{width:100%}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-\[var\(--ds-size-content\)\]{max-width:var(--ds-size-content)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);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,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.resize{resize:both}.resize-y{resize:vertical}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-rows-\[auto_minmax\(0\,1fr\)\]{grid-template-rows:auto minmax(0,1fr)}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:var(--spacing)}: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)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--ds-radius-lg)}.rounded-md{border-radius:var(--ds-radius-md)}.rounded-sm{border-radius:var(--ds-radius-sm)}.rounded-xl{border-radius:var(--ds-radius-xl)}.rounded-t-xl{border-top-left-radius:var(--ds-radius-xl);border-top-right-radius:var(--ds-radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-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-dashed{--tw-border-style:dashed;border-style:dashed}.border-border-strong{border-color:var(--ds-color-border-strong)}.border-border\/60{border-color:var(--ds-color-border)}@supports (color:color-mix(in lab, red, red)){.border-border\/60{border-color:color-mix(in oklab, var(--ds-color-border) 60%, transparent)}}.border-danger\/30{border-color:var(--ds-color-danger)}@supports (color:color-mix(in lab, red, red)){.border-danger\/30{border-color:color-mix(in oklab, var(--ds-color-danger) 30%, transparent)}}.border-danger\/40{border-color:var(--ds-color-danger)}@supports (color:color-mix(in lab, red, red)){.border-danger\/40{border-color:color-mix(in oklab, var(--ds-color-danger) 40%, transparent)}}.border-field-border{border-color:var(--ds-color-field-border)}.border-info\/30{border-color:var(--ds-color-info)}@supports (color:color-mix(in lab, red, red)){.border-info\/30{border-color:color-mix(in oklab, var(--ds-color-info) 30%, transparent)}}.border-info\/40{border-color:var(--ds-color-info)}@supports (color:color-mix(in lab, red, red)){.border-info\/40{border-color:color-mix(in oklab, var(--ds-color-info) 40%, transparent)}}.border-success\/30{border-color:var(--ds-color-success)}@supports (color:color-mix(in lab, red, red)){.border-success\/30{border-color:color-mix(in oklab, var(--ds-color-success) 30%, transparent)}}.border-success\/40{border-color:var(--ds-color-success)}@supports (color:color-mix(in lab, red, red)){.border-success\/40{border-color:color-mix(in oklab, var(--ds-color-success) 40%, transparent)}}.border-warning\/30{border-color:var(--ds-color-warning)}@supports (color:color-mix(in lab, red, red)){.border-warning\/30{border-color:color-mix(in oklab, var(--ds-color-warning) 30%, transparent)}}.border-warning\/40{border-color:var(--ds-color-warning)}@supports (color:color-mix(in lab, red, red)){.border-warning\/40{border-color:color-mix(in oklab, var(--ds-color-warning) 40%, transparent)}}.bg-background{background-color:var(--ds-color-background)}.bg-border{background-color:var(--ds-color-border)}.bg-danger{background-color:var(--ds-color-danger)}.bg-danger-surface{background-color:var(--ds-color-danger-surface)}.bg-feature{background-color:var(--ds-color-feature-surface)}.bg-field{background-color:var(--ds-color-field-surface)}.bg-info-surface{background-color:var(--ds-color-info-surface)}.bg-overlay{background-color:var(--ds-color-overlay)}.bg-primary{background-color:var(--ds-color-action-primary)}.bg-scrim\/70{background-color:var(--ds-color-scrim)}@supports (color:color-mix(in lab, red, red)){.bg-scrim\/70{background-color:color-mix(in oklab, var(--ds-color-scrim) 70%, transparent)}}.bg-secondary{background-color:var(--ds-color-action-secondary)}.bg-success-surface{background-color:var(--ds-color-success-surface)}.bg-surface{background-color:var(--ds-color-surface)}.bg-surface-elevated{background-color:var(--ds-color-surface-elevated)}.bg-surface-muted{background-color:var(--ds-color-surface-muted)}.bg-surface\/75{background-color:var(--ds-color-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/75{background-color:color-mix(in oklab, var(--ds-color-surface) 75%, transparent)}}.bg-surface\/85{background-color:var(--ds-color-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/85{background-color:color-mix(in oklab, var(--ds-color-surface) 85%, transparent)}}.bg-transparent{background-color:#0000}.bg-warning-surface{background-color:var(--ds-color-warning-surface)}.fill-overlay{fill:var(--ds-color-overlay)}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-0{padding-inline:0}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-\[clamp\(1rem\,2vw\,2rem\)\]{padding-inline:clamp(1rem,2vw,2rem)}.px-\[clamp\(1rem\,3\.25vw\,4\.5rem\)\]{padding-inline:clamp(1rem,3.25vw,4.5rem)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-\[clamp\(1rem\,1\.75vw\,2rem\)\]{padding-block:clamp(1rem,1.75vw,2rem)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-1{padding-bottom:var(--spacing)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-\[max\(1\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.5rem, env(safe-area-inset-bottom))}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[clamp\(1\.875rem\,3\.2vw\,3\.25rem\)\]{font-size:clamp(1.875rem,3.2vw,3.25rem)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-danger{color:var(--ds-color-danger)}.text-danger-foreground{color:var(--ds-color-danger-text)}.text-feature-foreground{color:var(--ds-color-feature-text)}.text-foreground{color:var(--ds-color-text)}.text-info-foreground{color:var(--ds-color-info-text)}.text-primary-foreground{color:var(--ds-color-action-primary-text)}.text-secondary{color:var(--ds-color-action-secondary)}.text-secondary-foreground{color:var(--ds-color-action-secondary-text)}.text-success{color:var(--ds-color-success)}.text-success-foreground{color:var(--ds-color-success-text)}.text-text-inverse{color:var(--ds-color-text-inverse)}.text-text-muted{color:var(--ds-color-text-muted)}.text-text-secondary{color:var(--ds-color-text-secondary)}.text-warning-foreground{color:var(--ds-color-warning-text)}.uppercase{text-transform:uppercase}.opacity-90{opacity:.9}.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-\[var\(--ds-shadow-lg\)\]{--tw-shadow:var(--ds-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--ds-shadow-md\)\]{--tw-shadow:var(--ds-shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--ds-shadow-sm\)\]{--tw-shadow:var(--ds-shadow-sm);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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-\[2px\]{--tw-backdrop-blur:blur(2px);-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-md{--tw-backdrop-blur:blur(var(--blur-md));-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-\[background-color\,border-color\,color\,box-shadow\,transform\]{transition-property:background-color,border-color,color,box-shadow,transform;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-\[var\(--ds-motion-normal\)\]{--tw-duration:var(--ds-motion-normal);transition-duration:var(--ds-motion-normal)}.ease-\[var\(--ds-motion-easing\)\]{--tw-ease:var(--ds-motion-easing);transition-timing-function:var(--ds-motion-easing)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-field-placeholder::placeholder{color:var(--ds-color-field-placeholder)}@media (hover:hover){.hover\:bg-primary-hover:hover{background-color:var(--ds-color-action-primary-hover)}.hover\:bg-secondary-hover:hover{background-color:var(--ds-color-action-secondary-hover)}.hover\:bg-surface:hover{background-color:var(--ds-color-surface)}.hover\:bg-surface-muted:hover{background-color:var(--ds-color-surface-muted)}.hover\:text-foreground:hover{color:var(--ds-color-text)}.hover\:text-secondary:hover{color:var(--ds-color-action-secondary)}.hover\:brightness-90:hover{--tw-brightness:brightness(90%);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,)}}.active\:bg-primary-active:active{background-color:var(--ds-color-action-primary-active)}.active\:bg-secondary-active:active{background-color:var(--ds-color-action-secondary-active)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-field-disabled:disabled{background-color:var(--ds-color-field-disabled)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-55:disabled{opacity:.55}.disabled\:opacity-70:disabled{opacity:.7}.aria-invalid\:border-danger[aria-invalid=true]{border-color:var(--ds-color-danger)}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[highlighted\]\:bg-danger-surface[data-highlighted]{background-color:var(--ds-color-danger-surface)}.data-\[highlighted\]\:bg-surface-muted[data-highlighted]{background-color:var(--ds-color-surface-muted)}.data-\[placeholder\]\:text-field-placeholder[data-placeholder]{color:var(--ds-color-field-placeholder)}.data-\[state\=active\]\:bg-surface[data-state=active]{background-color:var(--ds-color-surface)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--ds-color-text)}.data-\[state\=active\]\:shadow-\[var\(--ds-shadow-sm\)\][data-state=active]{--tw-shadow:var(--ds-shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--ds-color-action-primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--ds-color-action-primary)}.data-\[state\=indeterminate\]\:border-primary[data-state=indeterminate]{border-color:var(--ds-color-action-primary)}.data-\[state\=indeterminate\]\:bg-primary[data-state=indeterminate]{background-color:var(--ds-color-action-primary)}@media not all and (width>=40rem){.max-sm\:hidden{display:none}}@media (width>=40rem){.sm\:inset-x-auto{inset-inline:auto}.sm\:top-1\/2{top:50%}.sm\:bottom-auto{bottom:auto}.sm\:left-1\/2{left:50%}.sm\:max-h-\[85vh\]{max-height:85vh}.sm\:w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:rounded-xl{border-radius:var(--ds-radius-xl)}.sm\:border{border-style:var(--tw-border-style);border-width:1px}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:pb-5{padding-bottom:calc(var(--spacing) * 5)}}@media (width>=48rem){.md\:block{display:block}.md\:hidden{display:none}}@media (width>=64rem){.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[var\(--ds-size-sidebar\)_1fr\]{grid-template-columns:var(--ds-size-sidebar) 1fr}.lg\:grid-cols-\[var\(--ds-size-sidebar-collapsed\)_1fr\]{grid-template-columns:var(--ds-size-sidebar-collapsed) 1fr}.lg\:flex-col{flex-direction:column}.lg\:transition-\[grid-template-columns\]{transition-property:grid-template-columns;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}:root{--ds-space-0:0;--ds-space-1:.25rem;--ds-space-2:.5rem;--ds-space-3:.75rem;--ds-space-4:1rem;--ds-space-5:1.25rem;--ds-space-6:1.5rem;--ds-space-8:2rem;--ds-space-12:3rem;--ds-size-control-sm:2.25rem;--ds-size-control-md:2.75rem;--ds-size-control-lg:3rem;--ds-size-content:76rem;--ds-size-reading:44rem;--ds-size-sidebar:16rem;--ds-size-sidebar-collapsed:4.25rem;--ds-radius-sm:.5rem;--ds-radius-md:.75rem;--ds-radius-lg:1rem;--ds-radius-xl:1.5rem;--ds-radius-full:9999px;--ds-shadow-sm:0 1px 2px #0f172a0f;--ds-shadow-md:0 10px 30px #0f172a17;--ds-shadow-lg:0 24px 60px #0f172a24;--ds-motion-fast:.12s;--ds-motion-normal:.18s;--ds-motion-slow:.26s;--ds-motion-easing:cubic-bezier(.2, 0, 0, 1);--ds-font-size-xs:.75rem;--ds-font-size-sm:.875rem;--ds-font-size-md:1rem;--ds-font-size-lg:1.125rem;--ds-font-size-xl:1.375rem;--ds-font-size-2xl:1.75rem;--ds-font-size-3xl:2.25rem;--ds-line-height-tight:1.2;--ds-line-height-normal:1.5;--ds-line-height-relaxed:1.7;--ds-font-weight-regular:400;--ds-font-weight-medium:500;--ds-font-weight-semibold:600;--ds-font-weight-bold:700;--ds-font-sans:"Manrope", "Segoe UI", sans-serif;--ds-font-mono:"Geist Mono", "SFMono-Regular", Consolas, monospace;--ds-target-minimum:44px;--ds-focus-ring-width:3px;--ds-focus-ring-offset:2px}[data-theme=mint-coral][data-color-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ds-color-background:#f6faf8;--ds-color-surface:#fff;--ds-color-surface-elevated:#f0f7f4;--ds-color-surface-muted:#e4f0ea;--ds-color-feature-surface:#abcfc2;--ds-color-feature-surface-alt:#75aa99;--ds-color-feature-text:#17352e;--ds-color-feature-text-muted:#1d3c34;--ds-color-text:#172a25;--ds-color-text-secondary:#3f5f55;--ds-color-text-muted:#526b63;--ds-color-text-inverse:#fff;--ds-color-border:#cbddd7;--ds-color-border-strong:#9bbdb2;--ds-color-action-primary:#e9705d;--ds-color-action-primary-hover:#f07a67;--ds-color-action-primary-active:#e46b58;--ds-color-action-primary-text:#142d26;--ds-color-action-secondary:#22675b;--ds-color-action-secondary-hover:#1b554b;--ds-color-action-secondary-active:#17463e;--ds-color-action-secondary-text:#fff;--ds-color-focus-ring:#0b6b5b;--ds-color-success:#267a51;--ds-color-success-surface:#e1f5e9;--ds-color-success-text:#145238;--ds-color-warning:#8b5a00;--ds-color-warning-surface:#fff1cc;--ds-color-warning-text:#684100;--ds-color-danger:#b42318;--ds-color-danger-surface:#fde8e7;--ds-color-danger-text:#8f1d15;--ds-color-info:#1f5f8f;--ds-color-info-surface:#e3f2fc;--ds-color-info-text:#194e75;--ds-color-field-surface:#fff;--ds-color-field-border:#9bbdb2;--ds-color-field-placeholder:#5b716a;--ds-color-field-disabled:#e6eeeb;--ds-color-overlay:#172a25;--ds-color-scrim:#0f1f1b}[data-theme=mint-coral][data-color-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ds-color-background:#0e1815;--ds-color-surface:#1b3028;--ds-color-surface-elevated:#234036;--ds-color-surface-muted:#172921;--ds-color-feature-surface:#315e52;--ds-color-feature-surface-alt:#24493f;--ds-color-feature-text:#eff7f3;--ds-color-feature-text-muted:#c5ded5;--ds-color-text:#f1f7f4;--ds-color-text-secondary:#c2d3cc;--ds-color-text-muted:#9db2aa;--ds-color-text-inverse:#10201b;--ds-color-border:#395249;--ds-color-border-strong:#577166;--ds-color-action-primary:#e87;--ds-color-action-primary-hover:#f39889;--ds-color-action-primary-active:#dc7868;--ds-color-action-primary-text:#10231d;--ds-color-action-secondary:#65c4a9;--ds-color-action-secondary-hover:#7cd4bb;--ds-color-action-secondary-active:#4fae94;--ds-color-action-secondary-text:#10241e;--ds-color-focus-ring:#7de0c2;--ds-color-success:#58c78b;--ds-color-success-surface:#173d2b;--ds-color-success-text:#a7e8c2;--ds-color-warning:#eab64d;--ds-color-warning-surface:#42330f;--ds-color-warning-text:#ffe19a;--ds-color-danger:#ff8a7a;--ds-color-danger-surface:#4b211d;--ds-color-danger-text:#ffc1b9;--ds-color-info:#75bdf0;--ds-color-info-surface:#18354a;--ds-color-info-text:#b8dff7;--ds-color-field-surface:#16231f;--ds-color-field-border:#577166;--ds-color-field-placeholder:#9db2aa;--ds-color-field-disabled:#263731;--ds-color-overlay:#eaf4f0;--ds-color-scrim:#050a08}[data-theme=cobalt-berry][data-color-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ds-color-background:#f6f8fc;--ds-color-surface:#fff;--ds-color-surface-elevated:#f1f5fb;--ds-color-surface-muted:#e6edf8;--ds-color-feature-surface:#a8c1df;--ds-color-feature-surface-alt:#829fc2;--ds-color-feature-text:#172033;--ds-color-feature-text-muted:#22324a;--ds-color-text:#172033;--ds-color-text-secondary:#44516b;--ds-color-text-muted:#5a6680;--ds-color-text-inverse:#fff;--ds-color-border:#d2d9e8;--ds-color-border-strong:#a8b5ce;--ds-color-action-primary:#cc5e7d;--ds-color-action-primary-hover:#d86f8c;--ds-color-action-primary-active:#ca607e;--ds-color-action-primary-text:#2e111b;--ds-color-action-secondary:#2457a7;--ds-color-action-secondary-hover:#1c478c;--ds-color-action-secondary-active:#173a73;--ds-color-action-secondary-text:#fff;--ds-color-focus-ring:#2457a7;--ds-color-success:#27784d;--ds-color-success-surface:#e4f4e9;--ds-color-success-text:#155336;--ds-color-warning:#8a5900;--ds-color-warning-surface:#fff0c2;--ds-color-warning-text:#684200;--ds-color-danger:#b4232d;--ds-color-danger-surface:#fde8ea;--ds-color-danger-text:#8d1e26;--ds-color-info:#2457a7;--ds-color-info-surface:#e5edfb;--ds-color-info-text:#1c478c;--ds-color-field-surface:#fff;--ds-color-field-border:#a8b5ce;--ds-color-field-placeholder:#626e86;--ds-color-field-disabled:#e8ecf3;--ds-color-overlay:#172033;--ds-color-scrim:#0c1220}[data-theme=cobalt-berry][data-color-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ds-color-background:#0e1520;--ds-color-surface:#172434;--ds-color-surface-elevated:#1e3148;--ds-color-surface-muted:#14263a;--ds-color-feature-surface:#3b5f8b;--ds-color-feature-surface-alt:#2a496d;--ds-color-feature-text:#f5f8fd;--ds-color-feature-text-muted:#d5e2f3;--ds-color-text:#f2f5fb;--ds-color-text-secondary:#c7d0e2;--ds-color-text-muted:#9faac1;--ds-color-text-inverse:#101827;--ds-color-border:#35435e;--ds-color-border-strong:#536482;--ds-color-action-primary:#de829c;--ds-color-action-primary-hover:#e993aa;--ds-color-action-primary-active:#d1708d;--ds-color-action-primary-text:#2a111a;--ds-color-action-secondary:#78a7f2;--ds-color-action-secondary-hover:#91b8f5;--ds-color-action-secondary-active:#5e91e5;--ds-color-action-secondary-text:#101a2a;--ds-color-focus-ring:#91b8f5;--ds-color-success:#62ca8e;--ds-color-success-surface:#173a29;--ds-color-success-text:#a9e7c0;--ds-color-warning:#f0bd57;--ds-color-warning-surface:#40320f;--ds-color-warning-text:#ffe2a0;--ds-color-danger:#ff8c95;--ds-color-danger-surface:#482126;--ds-color-danger-text:#ffc3c8;--ds-color-info:#78a7f2;--ds-color-info-surface:#1b3152;--ds-color-info-text:#bdd4fa;--ds-color-field-surface:#171e2d;--ds-color-field-border:#536482;--ds-color-field-placeholder:#9faac1;--ds-color-field-disabled:#252d3d;--ds-color-overlay:#eef3fc;--ds-color-scrim:#060911}[data-theme=graphite-blue][data-color-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ds-color-background:#f7f8fa;--ds-color-surface:#fff;--ds-color-surface-elevated:#f0f3f6;--ds-color-surface-muted:#e8edf2;--ds-color-feature-surface:#bac4ce;--ds-color-feature-surface-alt:#949fab;--ds-color-feature-text:#20242b;--ds-color-feature-text-muted:#2c343d;--ds-color-text:#20242b;--ds-color-text-secondary:#4e5866;--ds-color-text-muted:#626c79;--ds-color-text-inverse:#fff;--ds-color-border:#d7dce3;--ds-color-border-strong:#adb6c2;--ds-color-action-primary:#73aee2;--ds-color-action-primary-hover:#649fd5;--ds-color-action-primary-active:#548fc5;--ds-color-action-primary-text:#102233;--ds-color-action-secondary:#4c5868;--ds-color-action-secondary-hover:#3e4856;--ds-color-action-secondary-active:#323b47;--ds-color-action-secondary-text:#fff;--ds-color-focus-ring:#365f91;--ds-color-success:#2b744d;--ds-color-success-surface:#e4f2e9;--ds-color-success-text:#1c5137;--ds-color-warning:#815900;--ds-color-warning-surface:#fff0c9;--ds-color-warning-text:#624300;--ds-color-danger:#ad2831;--ds-color-danger-surface:#fbe9eb;--ds-color-danger-text:#881f27;--ds-color-info:#365f91;--ds-color-info-surface:#e5eef8;--ds-color-info-text:#294d77;--ds-color-field-surface:#fff;--ds-color-field-border:#adb6c2;--ds-color-field-placeholder:#68727f;--ds-color-field-disabled:#e9ecf0;--ds-color-overlay:#20242b;--ds-color-scrim:#101318}[data-theme=graphite-blue][data-color-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ds-color-background:#11161b;--ds-color-surface:#1c252d;--ds-color-surface-elevated:#25323d;--ds-color-surface-muted:#18232c;--ds-color-feature-surface:#435363;--ds-color-feature-surface-alt:#303e4b;--ds-color-feature-text:#f5f7fa;--ds-color-feature-text-muted:#dce3ea;--ds-color-text:#f2f4f7;--ds-color-text-secondary:#cdd2d9;--ds-color-text-muted:#a4abb5;--ds-color-text-inverse:#131a24;--ds-color-border:#3b424c;--ds-color-border-strong:#5b6572;--ds-color-action-primary:#83b2e8;--ds-color-action-primary-hover:#96c0ec;--ds-color-action-primary-active:#73a3d8;--ds-color-action-primary-text:#101c2a;--ds-color-action-secondary:#aeb8c5;--ds-color-action-secondary-hover:#c4cbd4;--ds-color-action-secondary-active:#929eac;--ds-color-action-secondary-text:#171b21;--ds-color-focus-ring:#9cc4ef;--ds-color-success:#65c88f;--ds-color-success-surface:#19392a;--ds-color-success-text:#aee5c4;--ds-color-warning:#e7ba59;--ds-color-warning-surface:#3e3212;--ds-color-warning-text:#ffe0a0;--ds-color-danger:#f38a92;--ds-color-danger-surface:#452126;--ds-color-danger-text:#fbc3c7;--ds-color-info:#83b2e8;--ds-color-info-surface:#20344b;--ds-color-info-text:#c2dcf5;--ds-color-field-surface:#1b1f25;--ds-color-field-border:#5b6572;--ds-color-field-placeholder:#a4abb5;--ds-color-field-disabled:#292e35;--ds-color-overlay:#f0f3f7;--ds-color-scrim:#080a0d}[data-theme=violet-lilac][data-color-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ds-color-background:#f9f7fc;--ds-color-surface:#fff;--ds-color-surface-elevated:#f4f0f9;--ds-color-surface-muted:#ece7f4;--ds-color-feature-surface:#bfb1d9;--ds-color-feature-surface-alt:#9b87bc;--ds-color-feature-text:#251f30;--ds-color-feature-text-muted:#2e243a;--ds-color-text:#251f30;--ds-color-text-secondary:#51485f;--ds-color-text-muted:#675e74;--ds-color-text-inverse:#fff;--ds-color-border:#ddd6e8;--ds-color-border-strong:#b8acc9;--ds-color-action-primary:#b9a7e3;--ds-color-action-primary-hover:#c5b5ea;--ds-color-action-primary-active:#a993d7;--ds-color-action-primary-text:#261c3e;--ds-color-action-secondary:#604a92;--ds-color-action-secondary-hover:#513e7e;--ds-color-action-secondary-active:#44346b;--ds-color-action-secondary-text:#fff;--ds-color-focus-ring:#6750a4;--ds-color-success:#2b7650;--ds-color-success-surface:#e4f3e9;--ds-color-success-text:#1a5238;--ds-color-warning:#805900;--ds-color-warning-surface:#fff0c9;--ds-color-warning-text:#624300;--ds-color-danger:#ad284a;--ds-color-danger-surface:#fbe8ee;--ds-color-danger-text:#881f3a;--ds-color-info:#5e4a91;--ds-color-info-surface:#eee9f8;--ds-color-info-text:#493874;--ds-color-field-surface:#fff;--ds-color-field-border:#b8acc9;--ds-color-field-placeholder:#6d6479;--ds-color-field-disabled:#ece8f1;--ds-color-overlay:#251f30;--ds-color-scrim:#120e18}[data-theme=violet-lilac][data-color-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ds-color-background:#14111b;--ds-color-surface:#211b2d;--ds-color-surface-elevated:#2b2439;--ds-color-surface-muted:#1c1726;--ds-color-feature-surface:#5a4779;--ds-color-feature-surface-alt:#43345d;--ds-color-feature-text:#f7f3fc;--ds-color-feature-text-muted:#dccfeb;--ds-color-text:#f5f1f8;--ds-color-text-secondary:#d3cadb;--ds-color-text-muted:#aea4b9;--ds-color-text-inverse:#1b1425;--ds-color-border:#443a52;--ds-color-border-strong:#665a75;--ds-color-action-primary:#bfade8;--ds-color-action-primary-hover:#ccbcef;--ds-color-action-primary-active:#ae99db;--ds-color-action-primary-text:#21162f;--ds-color-action-secondary:#a18ad5;--ds-color-action-secondary-hover:#b19ce0;--ds-color-action-secondary-active:#8e75c6;--ds-color-action-secondary-text:#1a1127;--ds-color-focus-ring:#c7b6f1;--ds-color-success:#65c88f;--ds-color-success-surface:#19392a;--ds-color-success-text:#aee5c4;--ds-color-warning:#e7ba59;--ds-color-warning-surface:#3e3212;--ds-color-warning-text:#ffe0a0;--ds-color-danger:#f38aa8;--ds-color-danger-surface:#45212d;--ds-color-danger-text:#fbc3d4;--ds-color-info:#b39de3;--ds-color-info-surface:#2e2446;--ds-color-info-text:#dccff4;--ds-color-field-surface:#1d1826;--ds-color-field-border:#665a75;--ds-color-field-placeholder:#aea4b9;--ds-color-field-disabled:#2b2534;--ds-color-overlay:#f2edf7;--ds-color-scrim:#09070c}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{border-color:var(--ds-color-border)}html{scroll-behavior:smooth;min-width:20rem}body{background:var(--ds-color-background);min-height:100vh;color:var(--ds-color-text);font-family:var(--ds-font-sans);text-rendering:optimizelegibility}::selection{background:var(--ds-color-action-secondary);color:var(--ds-color-action-secondary-text)}:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-color-focus-ring);outline-offset:var(--ds-focus-ring-offset)}@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-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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--bg:var(--ds-color-background);--surface:var(--ds-color-surface);--surface-2:var(--ds-color-surface-muted);--border:var(--ds-color-border);--border-strong:var(--ds-color-border-strong);--text:var(--ds-color-text);--text-2:var(--ds-color-text-secondary);--text-3:var(--ds-color-text-muted);--text-muted:var(--ds-color-text-muted);--accent:var(--ds-color-action-primary);--accent-soft:var(--ds-color-action-secondary);--accent-text:var(--ds-color-action-secondary-text);--accent-fill:var(--ds-color-action-primary);--accent-2:var(--ds-color-action-primary);--success:var(--ds-color-success);--success-soft:var(--ds-color-success-surface);--success-text:var(--ds-color-success-text);--warning:var(--ds-color-warning);--warning-soft:var(--ds-color-warning-surface);--warning-text:var(--ds-color-warning-text);--danger:var(--ds-color-danger);--danger-soft:var(--ds-color-danger-surface);--danger-text:var(--ds-color-danger-text);--danger-fill:var(--ds-color-danger);--overlay-bg:var(--ds-color-scrim);--bg-primary:var(--ds-color-background);--bg-secondary:var(--ds-color-surface);--bg-card:var(--ds-color-surface);--bg-card-hover:var(--ds-color-surface-muted);--bg-input:var(--ds-color-field-surface);--bg-overlay:var(--ds-color-scrim);--bg-sidebar:var(--ds-color-surface-muted);--border-color:var(--ds-color-border);--border-active:var(--ds-color-focus-ring);--text-primary:var(--ds-color-text);--text-secondary:var(--ds-color-text-secondary);--primary:var(--ds-color-action-primary);--accent-hover:var(--ds-color-action-primary-hover);--accent-glow:var(--ds-color-action-secondary);--accent-subtle:var(--ds-color-action-secondary);--error:var(--ds-color-danger);--bg-hover:var(--ds-color-surface-muted);--bg-tertiary:var(--ds-color-surface-muted);--gradient-primary:var(--ds-color-action-primary);--gradient-suno:var(--ds-color-action-primary);--gradient-bg:var(--ds-color-background);--radius-sm:var(--ds-radius-sm);--radius:var(--ds-radius-md);--radius-md:var(--ds-radius-md);--radius-lg:var(--ds-radius-lg);--radius-xl:var(--ds-radius-xl);--shadow-sm:var(--ds-shadow-sm);--shadow-md:var(--ds-shadow-md);--shadow-lg:var(--ds-shadow-lg);--shadow-glow:var(--ds-shadow-md);--ease:var(--ds-motion-easing);--topbar-h:72px;--t-fast:.12s ease;--t-base:.2s ease}html,body,#root{height:100%;overflow-x:hidden}html{touch-action:pan-y;-ms-touch-action:pan-y;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--ds-font-sans);background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums;transition:background var(--t-base), color var(--t-base);font-size:14px;line-height:1.55}svg.lucide{vertical-align:middle;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;flex-shrink:0}[data-color-mode=dark] .app-header{background:var(--bg)}.header-content{min-height:var(--topbar-h,64px);justify-content:space-between;align-items:center;padding:8px 24px;display:flex}.header-left{align-items:center;gap:8px;display:flex}.header-right{align-items:center;gap:6px;display:flex}.app-title{letter-spacing:-.02em;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.title-icon{color:var(--accent)}.admin-link,.back-link{color:var(--text-secondary);border-radius:var(--radius);align-items:center;gap:5px;padding:6px 10px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-link:hover,.back-link:hover{color:var(--accent-text);background:var(--accent-soft)}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:34px;height:34px;color:var(--text-2);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--text);background:var(--surface-2);border-color:var(--border-strong)}.studio-layout{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;gap:18px;margin:20px 0 20px 20px;padding:20px;display:flex;overflow-y:auto}.sidebar-section{flex-direction:column;gap:8px;display:flex}.sidebar-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.sidebar-label .accent-icon{color:var(--accent)}.sidebar-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.sidebar-title svg{color:var(--accent)}.topic-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);resize:vertical;transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;padding:9px 12px;font-family:inherit;font-size:13.5px;line-height:1.5}.topic-input::placeholder{color:var(--text-muted)}.topic-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.structure-radios{flex-direction:column;gap:2px;display:flex}.structure-radio{border-radius:var(--radius);cursor:pointer;color:var(--text-primary);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:7px 10px;font-family:inherit;font-size:.82rem;transition:all .15s;display:flex}.structure-radio:hover{background:var(--surface-2)}.structure-radio.selected{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.structure-radio input[type=radio]{display:none}.radio-label{font-size:.82rem;font-weight:500}.radio-meta{color:var(--text-muted);margin-left:auto;font-size:.7rem}.structure-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:4px;padding:8px;animation:.2s fadeIn;display:flex}.part-tag{background:var(--accent-soft);color:var(--accent-text);white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:2px 8px;font-size:11px}.genre-picker{position:relative}.genre-trigger{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:38px;color:var(--text);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast);align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:13.5px;display:flex}.genre-trigger:hover{border-color:var(--border-strong);background:var(--surface-2)}.genre-trigger-text{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.genre-chevron{color:var(--text-muted);transition:transform .2s}.genre-chevron.open{transform:rotate(90deg)}.genre-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;align-items:center;padding:2px;transition:all .12s;display:flex}.genre-clear:hover{background:var(--danger-soft);color:var(--danger-text)}.genre-dropdown-overlay{display:none}.genre-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;max-height:320px;animation:.12s fadeIn;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0}.genre-search{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.genre-search svg{color:var(--text-muted);flex-shrink:0}.genre-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.8rem}.genre-search input::placeholder{color:var(--text-muted)}.genre-list{flex:1;padding:4px;overflow-y:auto}.genre-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:.8rem}.genre-category-header{border-radius:var(--radius);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 8px;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .12s;display:flex}.genre-category-header:hover{background:var(--bg-hover)}.genre-category-icon{color:var(--text-2);flex-shrink:0;align-items:center;display:inline-flex}.genre-category-name{text-align:left;flex:1}.genre-category-count{color:var(--text-3);background:var(--surface-2);border-radius:999px;padding:1px 6px;font-size:.65rem;font-weight:400}.genre-expand{color:var(--text-muted);transition:transform .15s}.genre-expand.open{transform:rotate(90deg)}.genre-sublist{padding:0 0 4px 24px;animation:.12s fadeIn}.genre-sub-item{border-radius:var(--radius);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-family:inherit;font-size:.78rem;transition:all .1s;display:block}.genre-sub-item:hover{background:var(--bg-hover);color:var(--text-primary)}.genre-sub-item.selected{background:var(--accent-soft);color:var(--accent-text);font-weight:500}.structure-name{color:var(--text-primary);font-weight:500;display:block}.structure-desc{color:var(--text-muted);margin-top:1px;font-size:.7rem;display:block}.structure-parts{color:var(--text-muted);opacity:.7;margin-top:2px;font-size:.65rem;line-height:1.3;display:block}.genre-sub-item.selected .structure-name{color:var(--accent-text)}.genre-sub-item:hover .structure-name{color:var(--text-primary)}.optional-badge{color:var(--text-muted);text-transform:none;letter-spacing:0;margin-left:4px;font-size:.6rem;font-weight:400}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast), transform var(--t-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%}.btn-generate{background:var(--accent-fill);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);border-color:#0000;padding:11px 20px;font-size:14.5px;font-weight:500}.btn-generate:hover:not(:disabled){background:var(--accent-fill);filter:brightness(1.1);border-color:#0000}.btn-generate:active:not(:disabled){transform:translateY(1px)}.btn-generate:disabled{background:var(--text-muted);box-shadow:none;opacity:1}.generate-row{gap:8px;display:flex}.generate-row .btn{flex:1 1 0;justify-content:center;min-width:0}.generate-row .btn-stop{flex-grow:1.2}.btn-stop{background:var(--danger-soft);color:var(--danger-text);border:1px solid var(--danger);border-radius:var(--radius);padding:11px 20px}.btn-stop:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger);filter:brightness(.97)}.btn-primary{background:var(--accent-fill);color:#fff;box-shadow:var(--shadow-sm);border-color:#0000}.btn-primary:hover:not(:disabled){background:var(--accent-fill);filter:brightness(1.1);border-color:#0000}.btn-suno{background:var(--accent-fill);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);border-color:#0000;padding:11px 20px;font-size:14.5px}.btn-suno:hover:not(:disabled){background:var(--accent-fill);filter:brightness(1.1);border-color:#0000}.btn-outline{background:var(--surface);color:var(--text-2);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){border-color:var(--border-strong);color:var(--text);background:var(--surface-2)}.btn-sm{border-radius:var(--radius-sm);gap:6px;padding:6px 11px;font-size:12.5px}.model-row{align-items:center;gap:8px;display:inline-flex}.model-selector{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;display:grid}.model-btn{border-radius:var(--radius-sm);color:var(--text-3);white-space:nowrap;cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;padding:6px 8px;font-family:inherit;font-size:12.5px;font-weight:500}.model-btn:hover{color:var(--text)}.model-btn.selected{background:var(--surface);color:var(--accent-text);box-shadow:var(--shadow-sm);font-weight:600}.reasoning-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;color:var(--text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.model-selector .reasoning-toggle{border-radius:var(--radius-sm);background:0 0;border-color:#0000;width:100%;height:100%;min-height:30px}.reasoning-toggle:hover{color:var(--text-primary);border-color:var(--accent)}.reasoning-toggle.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}.main-area{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:20px;min-width:0;margin-right:6px;padding:20px 6px 20px 20px;display:flex;overflow-y:auto}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-size:.9rem;animation:.5s fadeIn;display:flex}.empty-state svg{opacity:.3}.empty-state p{max-width:300px;line-height:1.6}.song-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:.3s fadeInUp}.song-panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.song-panel-header h2{align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.song-panel-header h2 svg:first-child{color:var(--accent)}.song-body{min-height:200px;padding:18px}.song-output{white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary);font-family:inherit;font-size:.85rem;line-height:1.8}.blocks-area{flex-direction:column;gap:12px;animation:.3s fadeIn;display:flex}.song-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--t-fast), box-shadow var(--t-fast);overflow:hidden}.song-block:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.song-block:focus{outline:none}.song-block:focus-within{border-color:var(--accent);box-shadow:var(--shadow-md)}.song-block-header{border-bottom:1px solid var(--border);background:var(--surface-2);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px 16px;display:grid}.song-block-header>.song-block-actions{justify-self:end}.song-block-type{text-transform:uppercase;letter-spacing:.09em;color:var(--accent-text);font-size:11px;font-weight:700}.song-block-actions{align-items:center;gap:4px;display:flex}.block-action-btn{border-radius:var(--radius);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .12s;display:flex}.block-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.variant-switch{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:2px;padding:2px;display:flex}.variant-switch-arrow,.variant-dot{min-width:22px;height:22px;color:var(--text-3);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:11px;font-weight:600;display:flex}.variant-switch-arrow:hover:not(:disabled),.variant-dot:hover:not(.active){background:var(--surface-2);color:var(--text)}.variant-switch-arrow:disabled{opacity:.25;cursor:default}.variant-dot.active{background:var(--accent-fill);color:#fff;cursor:default}.variant-switch-counter{font-variant-numeric:tabular-nums;color:var(--text-2);padding:0 6px;font-size:11px;font-weight:600}.linked-icon{color:var(--accent);opacity:.7;margin-right:4px}.song-block-content{align-items:stretch;display:flex;position:relative}.song-block-body{flex:1;min-width:0}.block-variants-nav{display:none}.song-block-text{white-space:pre-wrap;word-wrap:break-word;color:var(--text);margin:0;padding:16px 20px;font-family:inherit;font-size:14.5px;line-height:1.7}.song-block-edit{padding:10px 14px}.block-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);resize:vertical;transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;padding:10px 12px;font-family:inherit;font-size:14.5px;line-height:1.7}.block-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.block-edit-actions{gap:8px;margin-top:8px;display:flex}.block-prompt-bar{border-top:1px solid var(--border-color);gap:6px;padding:8px 14px 12px;animation:.15s fadeIn;display:flex}.block-prompt-bar input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:13.5px}.block-prompt-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.prompt-send-btn{background:var(--accent-fill);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .12s;display:flex}.prompt-send-btn:disabled{opacity:.4;cursor:default}.prompt-send-btn:hover:not(:disabled){opacity:.85}.suno-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:340px;box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;margin:20px 20px 20px 0;display:flex;overflow-y:auto}.suno-panel-header{border-bottom:1px solid var(--border);padding:16px 20px}.suno-panel-header h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:.88rem;font-weight:600;display:flex}.suno-panel-body{flex:1;padding:16px}.suno-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.suno-empty svg{opacity:.2}.suno-empty p{max-width:220px;font-size:.82rem;line-height:1.5}.suno-ready{padding:20px 0}.suno-panel .suno-grid{grid-template-columns:1fr}.suno-panel .suno-inline{background:0 0;border:none;border-radius:0}.suno-panel .suno-inline-header{border-bottom:1px solid var(--border-color);margin-bottom:0;padding:0 0 12px}@media (width>=768px) and (width<=1200px){.suno-panel{border-left:none;border-top:1px solid var(--border-color);width:100%;max-height:400px}.studio-layout{flex-direction:column}.sidebar{width:260px;max-height:none}}.suno-section{animation:.3s fadeInUp}.suno-inline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.suno-inline-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.suno-inline-header h3{align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.suno-inline-header h3 svg{color:var(--accent)}.suno-loading-badge{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.suno-grid{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.suno-card{background:var(--surface);padding:14px 18px}.suno-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.suno-card-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.suno-card-label svg{color:var(--accent)}.suno-card-value{color:var(--text-primary);font-size:.85rem;line-height:1.5}.title-value{font-size:1rem;font-weight:600}.suno-lyrics-card{border-top:1px solid var(--border-color)}.suno-lyrics-text{white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary);max-height:400px;margin-top:6px;font-family:inherit;font-size:.82rem;line-height:1.7;overflow-y:auto}.copy-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:26px;height:26px;color:var(--text-2);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}.copy-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}.copy-btn.copied{border-color:var(--success);background:var(--success-soft);color:var(--success-text)}.copy-btn:disabled{opacity:.3;cursor:not-allowed}.admin-panel{flex-direction:column;height:100vh;display:flex}.admin-content{flex:1;width:100%;max-width:720px;margin:0 auto;padding:24px;overflow-y:auto}.prompt-editor{flex-direction:column;gap:24px;display:flex}.prompt-group{flex-direction:column;gap:6px;display:flex}.prompt-label{color:var(--text-primary);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.prompt-label svg{color:var(--accent)}.prompt-hint{color:var(--text-muted);font-size:.75rem;line-height:1.4}.prompt-textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);resize:vertical;outline:none;padding:12px 14px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.78rem;line-height:1.6;transition:all .2s}.prompt-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.admin-actions{gap:10px;display:flex}.admin-tabs{border-bottom:1px solid var(--border);background:var(--surface);gap:4px;padding:0 24px;display:flex}[data-color-mode=dark] .admin-tabs{background:var(--bg)}.admin-tab{color:var(--text-2);cursor:pointer;transition:color var(--t-fast), border-color var(--t-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 14px;font-family:inherit;font-size:13.5px;display:flex}.admin-tab:hover{color:var(--text)}.admin-tab.active{color:var(--accent-text);border-bottom-color:var(--accent);font-weight:500}.users-section{max-width:720px;margin:0 auto}.users-list{flex-direction:column;gap:6px;display:flex}.user-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:opacity .2s;display:flex}.user-row.banned{opacity:.55}.user-row-left{align-items:center;gap:10px;min-width:0;display:flex}.user-row-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.user-row-info{flex-direction:column;gap:2px;min-width:0;display:flex}.user-row-name{color:var(--text-primary);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.user-row-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.user-row-date{color:var(--text-muted);opacity:.55;font-size:.7rem}.user-row-actions{flex-shrink:0;gap:6px;display:flex}.badge{background:var(--surface-2);color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-admin{background:var(--accent-soft);color:var(--accent-text)}.badge-banned{background:var(--danger-soft);color:var(--danger-text)}.badge-shared{background:var(--success-soft);color:var(--success-text)}.btn-danger{background:var(--danger-fill);color:#fff;border:1px solid #0000}.btn-danger:hover:not(:disabled){background:var(--danger-fill);filter:brightness(.92);border-color:#0000}.close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:4px}.close-btn:hover{color:var(--text);background:var(--surface-2)}.auth-screen{background:var(--bg);min-height:100vh;color:var(--text-3);justify-content:center;align-items:center;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 48px;animation:.4s fadeInUp;display:flex}.login-icon{color:var(--accent)}.login-card h1{color:var(--text-primary);font-size:1.5rem;font-weight:700}.login-card p{color:var(--text-muted);margin-bottom:8px;font-size:.85rem}.login-card .auth-error{border:1px solid var(--danger);border-radius:var(--radius);background:var(--danger-soft);max-width:320px;color:var(--danger-text);padding:8px 10px}.user-menu-dropdown{align-items:center;display:flex}.user-avatar{border:2px solid var(--border);object-fit:cover;width:30px;height:30px;transition:border-color var(--t-fast);border-radius:50%}.user-avatar:hover{border-color:var(--accent)}.user-dropdown-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:180px;box-shadow:var(--shadow-lg);z-index:200;animation:.15s fadeInUp;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.user-dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:.82rem;text-decoration:none;transition:background .12s;display:flex}.user-dropdown-item:hover{background:var(--bg-hover)}.user-dropdown-item.logout{border-top:1px solid var(--border-color);color:var(--error)}.modal-overlay{background:var(--bg-overlay);z-index:300;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;animation:.3s fadeInUp}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header h2{align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.modal-header h2 svg{color:var(--accent)}.modal-body{flex-direction:column;gap:12px;padding:18px 22px;display:flex}.modal-notice{color:var(--accent-text);background:var(--accent-soft);border-radius:var(--radius);border:1px solid #0000;padding:10px 14px;font-size:13px;line-height:1.5}.modal-error{color:var(--danger-text);font-size:.78rem}.modal-link{color:var(--accent-text);align-items:center;gap:5px;font-size:.78rem;text-decoration:none;display:inline-flex}.modal-link:hover{text-decoration:underline}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding:14px 22px;display:flex}input[type=checkbox],input[type=radio]{accent-color:var(--accent-fill)}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:4px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:padding-box}@media (width<=767px){.app-layout.is-mobile{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.studio-layout{flex-direction:column}.sidebar{width:100%;height:100%;max-height:none;box-shadow:none;-webkit-overflow-scrolling:touch;border:none;border-radius:0;margin:0;padding:16px 16px 24px;overflow-y:auto}.main-area{flex:1;min-height:0;padding:12px}.suno-panel{width:100%;height:100%;box-shadow:none;border:none;border-radius:0;max-height:none;margin:0}.app-header{z-index:120;position:fixed;top:0;left:0;right:0}.app-layout.is-mobile{padding-top:48px}.header-content{padding:8px 12px}.app-title{font-size:.95rem}.header-right{gap:4px}.hide-mobile{display:none}.admin-link{padding:6px 8px}.block-action-btn{width:36px;height:36px}.btn-sm{min-height:40px;padding:8px 14px}.copy-btn{padding:8px 12px;font-size:.75rem}.variant-switch{display:none}.block-variants-nav{border-top:1px solid var(--border);background:var(--surface-2);justify-content:center;align-items:center;gap:16px;padding:8px 14px;display:flex}.block-nav-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;color:var(--text-2);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;transition:all .15s;display:flex}.block-nav-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.block-nav-btn:disabled{opacity:.25;cursor:default}.block-nav-counter{color:var(--text-muted);text-align:center;min-width:40px;font-size:.78rem;font-weight:600}.song-block-text{padding:12px 14px;font-size:.9rem}.song-block-header{padding:8px 12px}.song-block-edit{padding:10px 12px}.block-prompt-bar{flex-direction:column;gap:8px;padding:10px 12px 14px}.block-prompt-bar input{padding:10px 14px;font-size:.85rem}.prompt-send-btn{border-radius:var(--radius);width:100%;height:40px}.suno-grid{grid-template-columns:1fr}.suno-card{padding:12px 14px}.history-drawer{width:100vw;max-width:100vw}.history-item{padding:12px 14px}.history-delete{opacity:1}.admin-actions{flex-direction:column}.admin-panel{padding-top:48px}.admin-panel .admin-tabs{z-index:110;position:sticky;top:48px}.admin-content{padding:16px}.admin-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:0;padding:0 12px;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{white-space:nowrap;flex-shrink:0;padding:10px 14px;font-size:.78rem}.login-card{width:calc(100% - 32px);margin:16px;padding:28px 20px}.modal-overlay{padding:16px}.modal-card{border-radius:var(--radius-lg);max-width:100%}.modal-header,.modal-body{padding:14px 16px}.modal-footer{padding:12px 16px}.genre-dropdown-overlay{background:var(--bg-overlay);z-index:199;animation:.15s fadeIn;display:block;position:fixed;inset:0}.genre-dropdown{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:60vh;box-shadow:var(--shadow-lg);z-index:200;position:fixed;inset:auto 0 56px}::-webkit-scrollbar{width:0;height:0}.model-btn{padding:8px 12px;font-size:.82rem}.reasoning-toggle{width:40px;height:40px}.model-selector .reasoning-toggle{min-height:38px}}.mobile-tab-bar{height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--border);z-index:150;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab{color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-family:inherit;font-size:.65rem;font-weight:500;transition:color .15s;display:flex;position:relative}.mobile-tab.active{color:var(--accent-text)}.mobile-tab svg{transition:transform .15s}.mobile-tab.active svg{transform:scale(1.1)}.tab-badge{background:var(--accent-fill);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;position:absolute;top:6px;right:calc(50% - 16px)}.history-overlay{background:var(--bg-overlay);z-index:200;justify-content:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.history-drawer{background:var(--surface);border-left:1px solid var(--border);width:380px;max-width:90vw;box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s slideInRight;display:flex}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.history-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.history-header h2{align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.history-header h2 svg{color:var(--accent)}.history-list{flex:1;padding:8px;overflow-y:auto}.history-item{border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:10px 12px;transition:background .12s;display:flex}.history-item:hover{background:var(--surface-2)}.history-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.history-item-topic{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:500;overflow:hidden}.history-item-meta{color:var(--text-muted);align-items:center;gap:4px;font-size:.7rem;display:flex}.history-delete{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);opacity:0;background:0 0;border:none;flex-shrink:0;padding:4px;transition:all .12s}.history-item:hover .history-delete{opacity:1}.history-delete:hover{color:var(--danger-text);background:var(--danger-soft)}.exclude-input{min-height:unset!important;padding:8px 10px!important;font-size:.82rem!important}.catalog-editor{max-width:800px;margin:0 auto;padding:20px 0}.catalog-subtabs{border-bottom:1px solid var(--border);align-items:center;gap:2px;margin-bottom:16px;padding-bottom:0;display:flex}.catalog-saved-badge{color:var(--success-text);align-items:center;gap:5px;margin-left:auto;padding:4px 10px;font-size:.78rem;font-weight:500;animation:.2s fadeIn;display:inline-flex}.catalog-list{flex-direction:column;gap:4px;display:flex}.catalog-category{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.catalog-cat-header{cursor:pointer;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:500;transition:background .12s;display:flex}.catalog-cat-header:hover{background:var(--bg-hover)}.catalog-cat-icon{color:var(--text-2);align-items:center;display:inline-flex}.catalog-cat-name{color:var(--text-primary);flex:1}.catalog-cat-count{color:var(--text-3);background:var(--surface-2);border-radius:999px;padding:2px 8px;font-size:.72rem}.catalog-delete-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);opacity:.4;background:0 0;border:none;align-items:center;padding:4px;transition:all .12s;display:flex}.catalog-delete-btn:hover{opacity:1;color:var(--danger-text);background:var(--danger-soft)}.catalog-items{border-top:1px solid var(--border-color);padding:6px 8px 8px 32px}.catalog-item{color:var(--text-secondary);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:6px 10px;font-size:.82rem;display:flex}.catalog-item:hover{background:var(--bg-hover)}.catalog-item:hover .catalog-delete-btn{opacity:1}.catalog-structure-item{flex-direction:column;align-items:flex-start;gap:2px}.catalog-structure-info{flex-direction:column;gap:2px;width:100%;display:flex}.catalog-structure-name{color:var(--text-primary);font-weight:500}.catalog-structure-desc{color:var(--text-muted);font-size:.75rem}.catalog-structure-parts{color:var(--text-muted);opacity:.7;font-size:.72rem}.catalog-structure-item .catalog-delete-btn{position:absolute;top:6px;right:8px}.catalog-structure-item{padding-right:32px;position:relative}.catalog-add-btn{color:var(--accent-text);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;align-items:center;gap:4px;padding:6px 10px;font-family:inherit;font-size:.78rem;transition:background .12s;display:flex}.catalog-add-btn:hover{background:var(--bg-hover)}.catalog-add-cat{width:fit-content;margin-top:8px}.lock-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.lock-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.lock-btn.locked{color:var(--accent-text)}.lock-btn.locked:hover{background:var(--accent-soft)}.artist-input-row{align-items:center;gap:6px;display:flex}.artist-input-row .topic-input{flex:1}.detect-style-btn{background:var(--surface);border:1px solid var(--border);color:var(--accent-text);cursor:pointer;border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.detect-style-btn:hover:not(:disabled){background:var(--accent-fill);color:#fff;border-color:#0000}.detect-style-btn:disabled{opacity:.3;cursor:not-allowed}.detect-style-btn.detecting{opacity:.7}.spin{animation:1s linear infinite spin}.plugin-list{flex-direction:column;gap:10px;display:flex}.plugin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--t-fast), background var(--t-fast);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.plugin-card.enabled{border-color:var(--accent);background:var(--accent-soft)}.plugin-card-left{align-items:center;gap:12px;display:flex}.plugin-icon{color:var(--accent);flex-shrink:0}.plugin-desc{opacity:.6;margin-top:2px;font-size:12px}.plugin-toggle{flex-shrink:0;width:40px;height:22px;position:relative}.plugin-toggle input{opacity:0;width:0;height:0}.plugin-toggle-slider{background:var(--border-strong);cursor:pointer;border-radius:999px;transition:all .3s;position:absolute;inset:0}.plugin-toggle-slider:before{content:"";width:16px;height:16px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:all .3s;position:absolute;bottom:3px;left:3px}.plugin-toggle input:checked+.plugin-toggle-slider{background:var(--accent-fill)}.plugin-toggle input:checked+.plugin-toggle-slider:before{transform:translate(18px)}.trope-selected{background:var(--bg-secondary);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.trope-selected-name{font-size:14px;font-weight:500}.trope-clear{color:var(--text);opacity:.4;cursor:pointer;background:0 0;border:none;padding:2px;transition:opacity .2s;display:flex}.trope-clear:hover{opacity:1}.trope-trigger{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);opacity:.6;cursor:pointer;text-align:left;padding:8px 12px;font-size:14px;transition:all .2s}.trope-trigger:hover{border-color:var(--accent);opacity:1}.trope-dropdown{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);max-height:250px;margin-top:6px;overflow:hidden auto}.trope-option{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;flex-direction:column;padding:10px 12px;transition:background .15s;display:flex}.trope-option:last-child{border-bottom:none}.trope-option:hover,.trope-option.active{background:var(--accent-soft)}.trope-option-name{font-size:14px;font-weight:500}.trope-option-desc{opacity:.55;margin-top:2px;font-size:12px}.poet-critic-section{padding-top:0}.poet-critic-label{cursor:pointer;opacity:.65;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;transition:opacity .2s;display:flex}.poet-critic-label:hover{opacity:1}.poet-critic-indicator{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.poet-critic-indicator.active{background:var(--accent-fill);color:#fff;border-color:#0000}.critic-model-selector{align-items:center;gap:8px;margin-top:8px;padding-left:36px;display:flex}.critic-model-label{opacity:.6;white-space:nowrap;min-width:55px;font-size:11px}.critic-model-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);cursor:pointer;outline:none;flex:1;padding:5px 8px;font-size:12px}.critic-model-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.strategy-settings{margin-top:8px}.strategy-type-selector{gap:4px;padding-left:36px;display:flex}.strategy-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);cursor:pointer;opacity:.6;flex:1;padding:5px 6px;font-size:11px;transition:all .2s}.strategy-btn:hover{opacity:1}.strategy-btn.selected{background:var(--accent-fill);color:#fff;opacity:1;border-color:#0000}.trope-description{opacity:.6;margin-top:6px;font-size:12px;line-height:1.4}.trope-add-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.trope-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;padding:12px 14px}.trope-card-header{justify-content:space-between;align-items:center;display:flex}.trope-card-desc{opacity:.7;margin-top:4px;font-size:13px}.trope-card-instr{opacity:.5;margin-top:4px;font-size:12px}.btn-icon.danger{color:var(--text);opacity:.4;cursor:pointer;background:0 0;border:none;padding:4px;transition:all .2s}.btn-icon.danger:hover{opacity:1;color:var(--danger-text)}.gen-log-overlay{background:var(--overlay-bg);z-index:1000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.gen-log-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:640px;max-height:85vh;display:flex;overflow:hidden}.gen-log-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.gen-log-header h3{align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.gen-log-close{color:var(--text);opacity:.5;cursor:pointer;background:0 0;border:none;padding:4px}.gen-log-close:hover{opacity:1}.gen-log-nav{align-items:center;gap:12px;padding:12px 20px 4px;display:flex}.gen-log-arrow{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;flex-shrink:0;padding:6px;transition:all .2s}.gen-log-arrow:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.gen-log-arrow:disabled{opacity:.25;cursor:default}.gen-log-title{text-align:center;flex:1}.gen-log-phase-title{justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.gen-log-meta{opacity:.5;margin-top:2px;font-size:11px;display:block}.gen-log-dots{justify-content:center;gap:6px;padding:8px 20px;display:flex}.gen-log-dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.gen-log-dot.active{background:var(--accent-fill);transform:scale(1.3)}.gen-log-dot.critic{border-radius:var(--radius-sm)}.gen-log-content{flex:1;padding:12px 20px 20px;overflow-y:auto}.gen-log-text{white-space:pre-wrap;word-break:break-word;color:var(--text);margin:0;font-family:inherit;font-size:13px;line-height:1.7}.gen-log-text.criticism{opacity:.85;font-size:12px;line-height:1.6}.gen-log-criticism-header{opacity:.6;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.gen-log-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:7px 12px;font-size:12px;transition:all .2s;display:flex}.gen-log-btn:hover{background:var(--surface-2);border-color:var(--border-strong)}@media (width<=600px){.gen-log-overlay{padding:0}.gen-log-panel{border-radius:0;max-width:100%;height:100vh;max-height:100vh}}.reasoning-block{border-radius:var(--radius);background:var(--accent-soft);border:1px solid #0000;margin:0 16px 8px;overflow:hidden}.reasoning-toggle{width:100%;color:var(--text);cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;font-size:12px;transition:opacity .2s;display:flex}.reasoning-toggle:hover{opacity:1}.reasoning-arrow{align-items:center;margin-left:auto;display:inline-flex}.reasoning-text{white-space:pre-wrap;word-break:break-word;color:var(--text);opacity:.6;max-height:200px;margin:0;padding:0 12px 10px;font-family:inherit;font-size:11px;line-height:1.5;overflow-y:auto}.history-improve{color:var(--text);opacity:.3;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;transition:all .2s}.history-improve:hover{opacity:1;color:var(--accent-text)}.blocks-toolbar{justify-content:flex-end;gap:8px;margin-bottom:8px;display:flex}.improve-btn{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.improve-btn:hover:not(:disabled){background:var(--accent-fill);color:#fff;border-color:#0000}.improve-btn:disabled{opacity:.4;cursor:default}html,body,#root{min-width:320px}body{font-family:var(--ds-font-sans)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-color-focus-ring);outline-offset:var(--ds-focus-ring-offset)}[hidden]{display:none!important}.app-layout{height:100dvh}.app-header{background:var(--ds-color-surface);box-shadow:var(--ds-shadow-sm);border:0}.header-content{gap:16px;padding:12px 28px}.header-left,.header-right{min-width:0}.app-title{letter-spacing:-.035em;font-size:20px}.title-icon{border-radius:var(--ds-radius-md);background:var(--ds-color-feature-surface);width:36px;height:36px;color:var(--ds-color-feature-text);padding:7px}.header-right{gap:8px}.header-right .btn{background:0 0;border:0;padding:8px 10px}.studio-layout{gap:0;padding:20px}.sidebar{background:var(--ds-color-surface-muted);width:310px;box-shadow:none;border-radius:var(--ds-radius-xl);border:0;gap:20px;margin:0;padding:24px}.sidebar-label,.sidebar-title{color:var(--ds-color-text-secondary);letter-spacing:.055em;font-size:11px}.topic-input{border-color:var(--ds-color-field-border);background:var(--ds-color-field-surface);border-radius:var(--ds-radius-md);min-height:44px;font-size:14px}.sidebar textarea.topic-input{min-height:110px}.model-selector{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.model-btn{white-space:normal;min-width:0;min-height:40px;padding:8px;font-size:12px}.model-btn.selected{background:var(--ds-color-action-secondary);color:var(--ds-color-action-secondary-text);box-shadow:none}.model-profile{color:var(--ds-color-text-muted);grid-column:1/-1;padding-top:4px;font-size:11px;line-height:1.5}.main-area{min-width:0;padding:0 24px}.workspace-welcome{text-align:left;border-radius:var(--ds-radius-xl);background:linear-gradient(145deg,var(--ds-color-feature-surface),var(--ds-color-feature-surface-alt));height:100%;min-height:420px;color:var(--ds-color-feature-text);align-items:flex-start;gap:18px;padding:40px}.workspace-welcome h2{letter-spacing:-.04em;font-size:clamp(25px,2.7vw,40px);font-weight:600;line-height:1.17}.workspace-welcome p,.workspace-welcome svg{color:var(--ds-color-feature-text-muted)!important}.workspace-welcome p{max-width:400px;font-size:15px!important}.workspace-welcome .btn{background:var(--ds-color-action-primary);color:var(--ds-color-action-primary-text);border:0}.brand-eyebrow{letter-spacing:.12em;font-size:10px;font-weight:600}.suno-panel{background:var(--ds-color-surface);border-radius:var(--ds-radius-xl);width:295px;box-shadow:var(--ds-shadow-sm);border:0;margin:0}.suno-panel-header{border:0;padding:22px}.suno-panel-body{padding:0 22px 22px}.suno-empty{padding:40px 0}.suno-empty p{font-size:13px}.song-block,.song-panel,.admin-section,.plugin-card{box-shadow:var(--ds-shadow-sm);background:var(--ds-color-surface);border-radius:var(--ds-radius-lg);border:0}.song-block{margin-bottom:16px}.song-block-header{background:var(--ds-color-surface-muted);border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 0 0;border:0;flex-wrap:wrap;gap:8px;padding:14px 18px}.song-block-type{color:var(--ds-color-text-secondary);font-size:12px;font-weight:600}.song-block-actions{flex-wrap:wrap}.song-block-text,.song-output{font-family:var(--ds-font-sans);white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.8}.song-block-content{padding:20px}.song-block-actions button{min-height:36px}.btn-generate,.btn-primary,.btn-suno{background:var(--ds-color-action-primary);color:var(--ds-color-action-primary-text);box-shadow:var(--ds-shadow-sm);border:0;font-weight:600}.btn-generate:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-suno:hover:not(:disabled){background:var(--ds-color-action-primary-hover);color:var(--ds-color-action-primary-text)}.btn-generate:disabled{background:var(--ds-color-action-primary);color:var(--ds-color-action-primary-text);opacity:.55}.save-state{border-radius:var(--ds-radius-md);background:var(--ds-color-surface-muted);color:var(--ds-color-text-secondary);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:12px;display:flex}.save-state.conflict,.save-state.error{background:var(--ds-color-warning-surface);color:var(--ds-color-warning-text)}.auth-screen{background:var(--ds-color-background);grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:clamp(24px,5vw,80px);height:auto;min-height:100dvh;padding:clamp(24px,6vw,88px);display:grid}.auth-theme{position:absolute;top:20px;right:24px}.login-story{border-radius:var(--ds-radius-xl);background:linear-gradient(140deg,var(--ds-color-feature-surface),var(--ds-color-feature-surface-alt));min-height:540px;color:var(--ds-color-feature-text);flex-direction:column;justify-content:center;gap:28px;padding:clamp(32px,5vw,72px);display:flex}.login-story h1{letter-spacing:-.055em;font-size:clamp(36px,4.4vw,64px);font-weight:600;line-height:1.07}.login-story p{color:var(--ds-color-feature-text-muted);font-size:16px;line-height:1.7}.story-notes{align-items:center;gap:16px;margin-top:30px;font-size:13px;display:flex}.login-card{width:100%;max-width:390px;box-shadow:none;text-align:left;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:20px;margin:auto;padding:0;display:flex}.login-mark{background:var(--ds-color-action-secondary);width:58px;height:58px;color:var(--ds-color-action-secondary-text);border-radius:var(--ds-radius-lg);place-items:center;display:grid}.login-card h2{letter-spacing:-.04em;color:var(--ds-color-text);font-size:32px;font-weight:600}.login-card p{color:var(--ds-color-text-secondary);margin:0}.login-card a{color:var(--ds-color-text-secondary);text-align:center;text-underline-offset:4px;font-size:12px;text-decoration:underline}.login-footnote{color:var(--ds-color-text-muted);text-align:center;font-size:12px;line-height:1.6}.network-banner{color:var(--ds-color-warning-text);background:var(--ds-color-warning-surface);padding:10px 20px;font-size:13px}body:has(.network-banner) .app-layout{height:calc(100dvh - 60px)}.admin-content{width:min(1120px,100%);margin-inline:auto}.admin-tab{white-space:normal}.history-drawer{width:min(480px,100vw)}.history-item-topic{white-space:normal;overflow-wrap:anywhere}.history-delete{opacity:1}.genre-dropdown{z-index:160}@media (width>=769px) and (width<=1200px){.sidebar{width:275px;padding:18px}.suno-panel{width:235px}.main-area{padding:0 16px}.studio-layout{padding:16px}.workspace-welcome{padding:24px}.header-content{padding-inline:20px}}@media (width<=768px){.app-layout{height:100dvh}.header-content{flex-wrap:wrap;gap:8px;padding:10px 14px}.app-title{font-size:17px}.title-icon{width:30px;height:30px;padding:5px}.header-right{gap:2px}.header-right .btn{min-width:36px;min-height:40px;padding:8px}.studio-layout{padding:12px 12px 76px}.sidebar,.main-area,.suno-panel{border-radius:var(--ds-radius-lg);width:100%;min-width:0;margin:0;padding:18px}.main-area{padding:0}.sidebar{gap:20px}.suno-panel-body{padding:0}.suno-panel-header{padding:0 0 20px}.workspace-welcome{min-height:400px;padding:28px}.workspace-welcome h2{font-size:30px}.mobile-tab-bar{height:64px;padding-bottom:env(safe-area-inset-bottom);background:var(--ds-color-surface);box-shadow:var(--ds-shadow-md);border:0}.mobile-tab{min-width:0;min-height:44px}.auth-screen{flex-direction:column;gap:36px;padding:72px 24px 40px;display:flex}.login-story{gap:20px;width:100%;min-height:260px;padding:28px}.login-story h1{font-size:38px}.login-story p{font-size:14px}.story-notes{display:none}.login-card{gap:18px;max-width:440px}.login-mark{display:none}.login-card h2{font-size:27px}.admin-content{padding:16px}.admin-tabs{flex-wrap:wrap}.admin-tab{flex:auto;min-height:44px}.song-block-actions{gap:4px}.song-block-header{padding:12px}.song-block-content{padding:16px}.block-prompt-bar{flex-wrap:wrap}.block-prompt-bar input{width:100%;min-width:0}.modal-overlay{padding:14px}.modal{max-width:100%;max-height:90dvh}.history-drawer{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-header{z-index:20}.mobile-tab-bar{z-index:30}.product-dialog{z-index:200;flex-direction:column;gap:16px;max-width:640px;padding:24px;display:flex}.product-dialog .history-header{flex-shrink:0;padding:0 28px 8px 0}.product-dialog .history-list{min-height:0;padding:0;overflow:auto}.product-dialog .history-header h2{align-items:center;gap:8px;display:flex}.product-dialog .history-list>div:last-child{flex-wrap:wrap;gap:14px}.library-dialog{max-width:560px}.sidebar-section:last-child{background:var(--ds-color-surface-muted);margin-top:auto;padding-block:10px;position:sticky;bottom:0}.sidebar{scroll-padding-bottom:80px}.model-selector{border:0;padding:0}.blocks-toolbar{padding:0 0 12px}.btn-generate{min-height:44px}.mobile-tab.active{background:var(--ds-color-action-secondary);color:var(--ds-color-action-secondary-text)}.mobile-tab{border-radius:0}.suno-inline-header h3{color:var(--ds-color-text)}.btn-stop{color:var(--ds-color-danger-text);background:var(--ds-color-danger-surface)}.generation-dialog{max-width:860px}.generation-dialog .gen-log-header{padding-right:36px}.generation-dialog .gen-log-close{display:none}.generation-dialog .gen-log-body{min-height:0;overflow:auto}.sidebar-label .accent-icon,.sidebar-label svg,.suno-label svg{color:var(--ds-color-text-secondary)}.song-title{letter-spacing:-.025em;overflow-wrap:anywhere;text-align:left;flex:1;min-width:0;font-size:20px;line-height:1.35}.blocks-toolbar{align-items:center;gap:12px}.recovered-results{border-radius:var(--ds-radius-lg);background:var(--ds-color-surface-muted);margin-bottom:18px;padding:18px}.recovered-results h2{font-size:16px;font-weight:600}.recovered-results p{color:var(--ds-color-text-secondary);margin-block:8px;font-size:13px;line-height:1.6}.recovered-job{border-radius:var(--ds-radius-md);background:var(--ds-color-surface);margin-top:12px}.recovered-job summary{cursor:pointer;padding:14px;font-size:13px;font-weight:600}.recovered-job summary span{color:var(--ds-color-text-muted);margin-top:4px;font-size:11px;display:block}.recovered-content{padding:0 14px 14px}.recovered-content label{flex-direction:column;gap:6px;font-size:12px;display:flex}.recovered-content select{border:1px solid var(--ds-color-field-border);border-radius:var(--ds-radius-md);background:var(--ds-color-field-surface);max-width:100%;min-height:40px;color:var(--ds-color-text);padding:8px}.recovered-content pre{padding-block:12px}.recovered-actions{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.recovered-actions label{flex:1;min-width:160px}.recovered-job summary:focus-visible{outline:2px solid var(--ds-color-focus-ring);outline-offset:2px}