@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.73882635.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__82a8-a__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__82a8-a__variable{--font-geist-mono:"GeistMono",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}
@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.f19e4721.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:85.83%;descent-override:20.53%;line-gap-override:9.33%;size-adjust:107.19%}.geistsans_d5a4f12f-module__bwNWSG__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__bwNWSG__variable{--font-geist-sans:"GeistSans","GeistSans Fallback"}
@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{--mask-fade-top:black;--mask-fade-bottom:black;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@property --mask-fade-top{syntax:"<color>";inherits:false;initial-value:#000}@property --mask-fade-bottom{syntax:"<color>";inherits:false;initial-value:#000}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-top-\[35\%\]{top:-35%}.top-1\/2{top:50%}.top-\[10\%\]{top:10%}.top-full{top:100%}.-right-\[15\%\]{right:-15%}.-bottom-\[30\%\]{bottom:-30%}.-left-\[20\%\]{left:-20%}.left-1\/2{left:50%}.isolate{isolation:isolate}.-z-10{z-index:calc(10*-1)}.z-10{z-index:10}.z-50{z-index:50}.z-200{z-index:200}.z-\[100\]{z-index:100}.z-\[200\]{z-index:200}.z-\[400\]{z-index:400}.z-\[600\]{z-index:600}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.container{width:100%}.mx-auto{margin-inline:auto}.ml-\[1ch\]{margin-left:1ch}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1}.size-\[14px\]{width:14px;height:14px}.size-full{width:100%;height:100%}.h-\[18px\]{height:18px}.h-\[55\%\]{height:55%}.h-\[60\%\]{height:60%}.h-\[70\%\]{height:70%}.h-\[100dvh\]{height:100dvh}.h-\[600px\]{height:600px}.h-\[calc\(100\%-2rem\)\]{height:calc(100% - 2rem)}.h-\[env\(safe-area-inset-bottom\)\]{height:env(safe-area-inset-bottom)}.h-\[var\(--collapsible-panel-height\)\]{height:var(--collapsible-panel-height)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\[50vh\]{max-height:50vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[300px\]{max-height:300px}.max-h-\[360px\]{max-height:360px}.max-h-\[calc\(100\%-2rem\)\]{max-height:calc(100% - 2rem)}.min-h-\[34px\]{min-height:34px}.min-h-\[36px\]{min-height:36px}.min-h-\[40px\]{min-height:40px}.min-h-\[44px\]{min-height:44px}.min-h-\[60px\]{min-height:60px}.min-h-\[88px\]{min-height:88px}.min-h-\[100px\]{min-height:100px}.min-h-\[calc\(100vh-200px\)\]{min-height:calc(100vh - 200px)}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.w-\[2px\]{width:2px}.w-\[32px\]{width:32px}.w-\[55\%\]{width:55%}.w-\[60\%\]{width:60%}.w-\[70\%\]{width:70%}.w-\[120px\]{width:120px}.w-\[320px\]{width:320px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-\[70\%\]{max-width:70%}.max-w-\[200px\]{max-width:200px}.max-w-\[280px\]{max-width:280px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-full{max-width:100%}.min-w-\[1\.25rem\]{min-width:1.25rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[160px\]{min-width:160px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.origin-\[var\(--transform-origin\)\]{transform-origin:var(--transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[2px\]{--tw-translate-x:2px;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)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.\!animate-none{animation:none!important}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-\[0\.5ch\]{gap:.5ch}.gap-\[1px\]{gap:1px}.gap-\[2px\]{gap:2px}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[3px\]{border-radius:3px}.rounded-\[18px\]{border-radius:18px}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[var\(--radius\)\]{border-radius:var(--radius)}.rounded-\[var\(--radius-full\)\]{border-radius:var(--radius-full)}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-xl\)\]{border-radius:var(--radius-xl)}.rounded-full{border-radius:3.40282e38px}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.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-\[\#333\]{border-color:#333}.border-\[\#e0e0e0\]{border-color:#e0e0e0}.border-\[color-mix\(in_srgb\,var\(--destructive\)_20\%\,transparent\)\]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--destructive\)_20\%\,transparent\)\]{border-color:color-mix(in srgb,var(--destructive)20%,transparent)}}.border-\[color-mix\(in_srgb\,var\(--success\)_20\%\,transparent\)\]{border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--success\)_20\%\,transparent\)\]{border-color:color-mix(in srgb,var(--success)20%,transparent)}}.border-\[color-mix\(in_srgb\,var\(--warning\)_20\%\,transparent\)\]{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--warning\)_20\%\,transparent\)\]{border-color:color-mix(in srgb,var(--warning)20%,transparent)}}.border-\[var\(--background\)\]{border-color:var(--background)}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--card-border\)\]{border-color:var(--card-border)}.border-\[var\(--te-red\)\]\/30{border-color:var(--te-red)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--te-red\)\]\/30{border-color:color-mix(in oklab,var(--te-red)30%,transparent)}}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[\#0a0a0a\]{background-color:#0a0a0a}.bg-\[\#32c060\]{background-color:#32c060}.bg-\[\#111\]{background-color:#111}.bg-\[\#111\]\/90{background-color:#111111e6;background-color:lab(5.06335% -.00000745058 -.00000298023/.9)}.bg-\[\#f2f2f2\]{background-color:#f2f2f2}.bg-\[\#f8d949\]{background-color:#f8d949}.bg-\[\#ff5a36\]{background-color:#ff5a36}.bg-\[color\:var\(--background\)\]{background-color:var(--background)}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--background\)\]{background-color:var(--background)}.bg-\[var\(--background-secondary\)\]{background-color:var(--background-secondary)}.bg-\[var\(--background-tertiary\)\]{background-color:var(--background-tertiary)}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-\[var\(--card\)\]{background-color:var(--card)}.bg-\[var\(--foreground\)\]{background-color:var(--foreground)}.bg-\[var\(--foreground-quaternary\)\]{background-color:var(--foreground-quaternary)}.bg-\[var\(--foreground-tertiary\)\]{background-color:var(--foreground-tertiary)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-\[var\(--sine-accent\)\]{background-color:var(--sine-accent)}.bg-\[var\(--te-red\)\]\/8{background-color:var(--te-red)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--te-red\)\]\/8{background-color:color-mix(in oklab,var(--te-red)8%,transparent)}}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tl{--tw-gradient-position:to top left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#f5f5f5\]{--tw-gradient-to:#f5f5f5;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-px{padding:1px}.pt-\[max\(env\(safe-area-inset-top\)\,1\.5rem\)\]{padding-top:max(env(safe-area-inset-top),1.5rem)}.pb-\[max\(env\(safe-area-inset-bottom\)\,2rem\)\]{padding-bottom:max(env(safe-area-inset-bottom),2rem)}.pb-\[max\(env\(safe-area-inset-bottom\)\,24px\)\]{padding-bottom:max(env(safe-area-inset-bottom),24px)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.015em\]{--tw-tracking:-.015em;letter-spacing:-.015em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#333\]{color:#333}.text-\[\#666\]{color:#666}.text-\[color\:var\(--foreground\)\]{color:var(--foreground)}.text-\[var\(--card-foreground\)\]{color:var(--card-foreground)}.text-\[var\(--destructive\)\]{color:var(--destructive)}.text-\[var\(--foreground\)\],.text-\[var\(--foreground\)\]\/92{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-\[var\(--foreground\)\]\/92{color:color-mix(in oklab,var(--foreground)92%,transparent)}}.text-\[var\(--foreground-quaternary\)\]{color:var(--foreground-quaternary)}.text-\[var\(--foreground-secondary\)\]{color:var(--foreground-secondary)}.text-\[var\(--foreground-tertiary\)\]{color:var(--foreground-tertiary)}.text-\[var\(--primary-foreground\)\]{color:var(--primary-foreground)}.text-\[var\(--sine-text-secondary\)\]{color:var(--sine-text-secondary)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--te-red\)\]{color:var(--te-red)}.text-\[var\(--warning\)\]{color:var(--warning)}.text-transparent{color:#0000}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-\[0\.035\]{opacity:.035}.shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 10px 24px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_40px_-28px_rgba\(15\,23\,42\,0\.9\)\]{--tw-shadow:0 18px 40px -28px var(--tw-shadow-color,#0f172ae6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_80px_-40px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:0 20px 80px -40px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.55\)\]{--tw-shadow:0 24px 80px var(--tw-shadow-color,#0000008c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.04\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff0a);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\(--card-shadow\)\]{--tw-shadow:var(--card-shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-transparent{--tw-ring-color:transparent}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.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-\[4px\]{--tw-backdrop-blur:blur(4px);-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,ease);transition-duration:var(--tw-duration,0s)}.transition-\[background-color\,color\]{transition-property:background-color,color;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[transform\,opacity\]{transition-property:transform,opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.\!transition-none{transition-property:none!important}.transition-none{transition-property:none}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.\!duration-0{--tw-duration:0s!important;transition-duration:0s!important}.duration-0{--tw-duration:0s;transition-duration:0s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\[120ms\]{--tw-duration:.12s;transition-duration:.12s}.duration-\[180ms\]{--tw-duration:.18s;transition-duration:.18s}.duration-\[var\(--duration-fast\)\]{--tw-duration:var(--duration-fast);transition-duration:var(--duration-fast)}.duration-\[var\(--duration-normal\)\]{--tw-duration:var(--duration-normal);transition-duration:var(--duration-normal)}.ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\]{--tw-ease:cubic-bezier(.32,.72,0,1);transition-timing-function:cubic-bezier(.32,.72,0,1)}.ease-\[var\(--ease-out\)\]{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[transition-timing-function\:cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{transition-timing-function:cubic-bezier(.22,1,.36,1)}.\[transition-timing-function\:cubic-bezier\(0\.32\,0\.72\,0\,1\)\]{transition-timing-function:cubic-bezier(.32,.72,0,1)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[corner-shape\:squircle\]{corner-shape:squircle}.group-data-\[checked\]\:translate-x-\[16px\]:is(:where(.group)[data-checked] *){--tw-translate-x:16px;translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.placeholder\:text-\[var\(--foreground-tertiary\)\]::placeholder{color:var(--foreground-tertiary)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:bg-gradient-to-b:before{content:var(--tw-content);--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.before\:to-transparent:before{content:var(--tw-content);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.before\:opacity-100:before{content:var(--tw-content);opacity:1}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-\[1px\]:after{content:var(--tw-content);inset:1px}.after\:z-0:after{content:var(--tw-content);z-index:0}.after\:rounded-\[0\.25rem\]:after{content:var(--tw-content);border-radius:.25rem}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:rounded-l-\[var\(--radius\)\]:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.last\:rounded-r-\[var\(--radius\)\]:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}@media (hover:hover){.hover\:-translate-y-\[1px\]:hover{--tw-translate-y:calc(1px*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-\[2px\]:hover{--tw-translate-y:calc(2px*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-\[\#c0c0c0\]:hover{border-color:silver}.hover\:border-\[\#ccc\]:hover{border-color:#ccc}.hover\:border-\[var\(--border-hover\)\]:hover{border-color:var(--border-hover)}.hover\:bg-\[\#3dd36f\]:hover{background-color:#3dd36f}.hover\:bg-\[\#ff6e4d\]:hover{background-color:#ff6e4d}.hover\:bg-\[\#ffea6b\]:hover{background-color:#ffea6b}.hover\:bg-\[var\(--accent\)\]:hover,.hover\:bg-\[var\(--accent\)\]\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--accent\)\]\/50:hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.hover\:to-\[\#ececec\]:hover{--tw-gradient-to:#ececec;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.hover\:text-\[color\:var\(--foreground\)\]:hover,.hover\:text-\[var\(--foreground\)\]:hover{color:var(--foreground)}.hover\:text-\[var\(--foreground-secondary\)\]:hover{color:var(--foreground-secondary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.1\)\]:hover{--tw-shadow:0 2px 6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.2\)\]:hover{--tw-shadow:0 2px 6px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.25\)\]:hover{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_2px_6px_rgba\(239\,68\,68\,0\.15\)\]:hover{--tw-shadow:0 2px 6px var(--tw-shadow-color,#ef444426);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.25\)\]:hover{--tw-shadow:0 2px 8px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_3px_8px_rgba\(0\,0\,0\,0\.15\)\]:hover{--tw-shadow:0 3px 8px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:duration-0:hover{--tw-duration:0s;transition-duration:0s}.hover\:after\:opacity-0:hover:after{content:var(--tw-content);opacity:0}}.focus\:z-10:focus{z-index:10}.focus\:border-\[var\(--primary\)\]:focus{border-color:var(--primary)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--primary\)\]\/20:focus{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[var\(--primary\)\]\/20:focus{--tw-ring-color:color-mix(in oklab,var(--primary)20%,transparent)}}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:ring-2:focus-visible,.focus-visible\:ring-\[2px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[color\:var\(--ring\)\]:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-\[var\(--primary\)\]\/30:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-\[var\(--primary\)\]\/30:focus-visible{--tw-ring-color:color-mix(in oklab,var(--primary)30%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-\[color\:var\(--background\)\]:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-\[1px\]:active{--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.active\:scale-100:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:border-\[\#b0b0b0\]:active{border-color:#b0b0b0}.active\:bg-\[\#28a14f\]:active{background-color:#28a14f}.active\:bg-\[\#e6c833\]:active{background-color:#e6c833}.active\:bg-\[\#f44125\]:active{background-color:#f44125}.active\:from-\[\#f0f0f0\]:active{--tw-gradient-from:#f0f0f0;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.active\:to-\[\#e0e0e0\]:active{--tw-gradient-to:#e0e0e0;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.active\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.active\:before\:opacity-0:active:before{content:var(--tw-content);opacity:0}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.aria-invalid\:border-\[var\(--destructive\)\][aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-\[var\(--destructive\)\]\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-\[var\(--destructive\)\]\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[checked\]\:border-\[var\(--primary\)\][data-checked]{border-color:var(--primary)}.data-\[checked\]\:bg-\[var\(--primary\)\][data-checked]{background-color:var(--primary)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[ending-style\]\:-translate-x-full[data-ending-style]{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[ending-style\]\:translate-x-full[data-ending-style]{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[ending-style\]\:-translate-y-full[data-ending-style]{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[ending-style\]\:translate-y-full[data-ending-style]{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[ending-style\]\:scale-95[data-ending-style]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\[ending-style\]\:scale-\[0\.97\][data-ending-style]{scale:.97}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[instant\]\:duration-0[data-instant]{--tw-duration:0s;transition-duration:0s}.data-\[pressed\]\:bg-\[var\(--accent\)\][data-pressed]{background-color:var(--accent)}.data-\[pressed\]\:text-\[var\(--foreground\)\][data-pressed]{color:var(--foreground)}.data-\[selected\]\:opacity-100[data-selected]{opacity:1}.data-\[starting-style\]\:-translate-x-full[data-starting-style]{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[starting-style\]\:translate-x-full[data-starting-style]{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[starting-style\]\:-translate-y-full[data-starting-style]{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[starting-style\]\:translate-y-full[data-starting-style]{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[starting-style\]\:scale-95[data-starting-style]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}.data-\[unchecked\]\:hidden[data-unchecked]{display:none}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (prefers-color-scheme:dark){.dark\:border-\[\#333\]{border-color:#333}.dark\:bg-\[\#28a14f\]{background-color:#28a14f}.dark\:bg-\[\#242424\]{background-color:#242424}.dark\:bg-\[\#e84d2c\]{background-color:#e84d2c}.dark\:bg-\[\#eac72d\]{background-color:#eac72d}.dark\:bg-transparent{background-color:#0000}.dark\:from-\[\#2a2a2a\]{--tw-gradient-from:#2a2a2a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:to-\[\#222\]{--tw-gradient-to:#222;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:text-\[\#e0e0e0\]{color:#e0e0e0}.dark\:shadow-\[0_0_10px_rgba\(50\,192\,96\,0\.2\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#32c06033);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:shadow-\[0_0_10px_rgba\(248\,217\,73\,0\.25\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#f8d94940);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:shadow-\[0_0_10px_rgba\(255\,90\,54\,0\.2\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#ff5a3633);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.dark\:hover\:border-\[\#444\]:hover{border-color:#444}.dark\:hover\:bg-\[\#2a2a2a\]:hover{background-color:#2a2a2a}.dark\:hover\:bg-\[\#32c060\]:hover{background-color:#32c060}.dark\:hover\:bg-\[\#f8d949\]:hover{background-color:#f8d949}.dark\:hover\:bg-\[\#ff5a36\]:hover{background-color:#ff5a36}.dark\:hover\:from-\[\#333\]:hover{--tw-gradient-from:#333;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:hover\:to-\[\#282828\]:hover{--tw-gradient-to:#282828;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:hover\:shadow-\[0_2px_6px_rgba\(239\,68\,68\,0\.25\)\]:hover{--tw-shadow:0 2px 6px var(--tw-shadow-color,#ef444440);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:hover\:shadow-\[0_3px_8px_rgba\(0\,0\,0\,0\.3\)\]:hover{--tw-shadow:0 3px 8px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.dark\:active\:border-\[\#555\]:active{border-color:#555}.dark\:active\:bg-\[\#1f8640\]:active{background-color:#1f8640}.dark\:active\:bg-\[\#333\]:active{background-color:#333}.dark\:active\:bg-\[\#d9b71f\]:active{background-color:#d9b71f}.dark\:active\:bg-\[\#d73b1e\]:active{background-color:#d73b1e}.dark\:active\:from-\[\#282828\]:active{--tw-gradient-from:#282828;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.dark\:active\:to-\[\#333\]:active{--tw-gradient-to:#333;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:h-auto svg{height:auto}.\[\&_svg\]\:max-w-full svg{max-width:100%}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\>\*\]\:relative>*{position:relative}.\[\&\>\*\]\:z-10>*{z-index:10}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-open\]\>svg\]\:rotate-180[data-panel-open]>svg{rotate:180deg}@layer base{:root{--radius:.5rem;--background:#000;--foreground:#f8f8f8;--card:#020202;--card-foreground:#f8f8f8;--popover:#020202;--popover-foreground:#f8f8f8;--primary:#f8f8f8;--primary-foreground:#020202;--secondary:#0b0b0b;--secondary-foreground:#f8f8f8;--muted:#0b0b0b;--muted-foreground:#8c8c8c;--accent:#0b0b0b;--accent-foreground:#f8f8f8;--destructive:#630000;--destructive-foreground:#f8f8f8;--border:#0b0b0b;--input:#0b0b0b;--ring:#c7c7c7;--studio-glass-bg:#0f0f12db;--studio-glass-border:#ffffff1f;--studio-glass-border-subtle:#ffffff14;--studio-surface:#0a0a0a;--studio-surface-elevated:#0f0f12;--studio-text-primary:#ffffffe6;--studio-text-secondary:#fff9;--studio-text-tertiary:#fff6;--studio-btn-hover:#ffffff14;--studio-btn-hover-strong:#ffffff26;--studio-btn-bg:#ffffff0f;--studio-btn-bg-elevated:#ffffff1a;--studio-accent:#ff6b00e6;--studio-accent-subtle:#ff6b0026;--studio-waveform:#ff8c2899;--studio-backdrop:#00000073;--studio-shadow:#00000080;--studio-shadow-strong:#0000008c;--studio-shadow-medium:#00000059;--studio-drawer-bg:#0f0f12f0;--studio-drawer-overlay:#0009;--studio-drawer-shadow:#00000073;--studio-focus-ring:#ffffff40;--studio-panel-bg:#0f0f0f80;--studio-panel-border:#ffffff0d;--studio-resize-active:#ff6b0080;--studio-btn-active-bg:#ff6b0033;--studio-btn-active-color:#ff6b00e6;--studio-btn-primary-bg:#ffffffe6;--studio-btn-primary-bg-hover:#fff;--studio-btn-primary-text:#000000e6}@supports (color:lab(0% 0 0)){:root{--background:lab(.0535831% 0 0);--foreground:lab(97.68% -.0000298023 .0000119209);--card:lab(.428661% 0 0);--card-foreground:lab(97.68% -.0000298023 .0000119209);--popover:lab(.428661% 0 0);--popover-foreground:lab(97.68% -.0000298023 .0000119209);--primary:lab(97.68% -.0000298023 .0000119209);--primary-foreground:lab(.658503% 0 0);--secondary:lab(2.98806% 0 0);--secondary-foreground:lab(97.68% -.0000298023 .0000119209);--muted:lab(2.98806% 0 0);--muted-foreground:lab(58.124% 0 0);--accent:lab(2.98806% 0 0);--accent-foreground:lab(97.68% -.0000298023 .0000119209);--destructive:lab(17.3499% 63.987 40.3532);--destructive-foreground:lab(97.68% -.0000298023 .0000119209);--border:lab(2.98806% 0 0);--input:lab(2.98806% 0 0);--ring:lab(80.396% -.0000298023 0)}}body{background:var(--background);color:var(--foreground)}.header{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));z-index:40;border-bottom:1px solid var(--studio-glass-border-subtle);-webkit-backdrop-filter:blur(18px)saturate(1.2);background:#080808b3;justify-content:space-between;align-items:center;min-height:64px;display:flex;position:sticky;top:0}.title{cursor:pointer;font-family:Eskool,monospace;font-size:2rem;font-weight:400}.cursor{background-color:var(--foreground);width:2px;height:1.5rem;margin-left:2px;display:inline-block}.blinking-cursor{animation:1s step-end infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}.splash-fade-in{opacity:0;animation:1s ease-in-out forwards splashFadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:1s fadeIn}.app{flex-direction:column;min-height:100vh;display:flex}.buttons{justify-content:space-between;display:flex}.buttons button,.button{cursor:pointer;min-width:44px;min-height:44px;padding:16px 12px;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.header button{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.header button:hover .transition-opacity,.buttons button:hover .transition-opacity{opacity:.8}.header button svg,.buttons button svg{color:var(--foreground)}.blur{filter:blur(5px);transition:filter .3s}body{background:var(--background);min-height:100vh;color:var(--foreground);width:100%;height:100%;position:fixed;overflow:hidden}}@font-face{font-family:Eskool;src:url(https://fonts.cdnfonts.com/css/eskool)}.light{--background:#fff;--foreground:#000;--studio-glass-bg:#ffffffe0;--studio-glass-border:#0000001a;--studio-glass-border-subtle:#0000000f;--studio-surface:#fafafa;--studio-surface-elevated:#fff;--studio-text-primary:#000000e6;--studio-text-secondary:#0009;--studio-text-tertiary:#0006;--studio-btn-hover:#0000000f;--studio-btn-hover-strong:#0000001a;--studio-btn-bg:#0000000a;--studio-btn-bg-elevated:#00000014;--studio-accent:#e55a00;--studio-accent-subtle:#e55a001f;--studio-waveform:#f0781eb3;--studio-backdrop:#00000040;--studio-shadow:#00000026;--studio-shadow-strong:#0000002e;--studio-shadow-medium:#0000001f;--studio-drawer-bg:#fffffff5;--studio-drawer-overlay:#00000059;--studio-drawer-shadow:#00000026;--studio-focus-ring:#00000026;--studio-panel-bg:#f5f5f5cc;--studio-panel-border:#0000000f;--studio-resize-active:#e55a0080;--studio-btn-active-bg:#e55a0026;--studio-btn-active-color:#e55a00;--studio-btn-primary-bg:#000000e6;--studio-btn-primary-bg-hover:#000;--studio-btn-primary-text:#fffffff2}@supports (color:lab(0% 0 0)){.light{--background:lab(100% 0 0);--foreground:lab(0% 0 0)}}.text-themed{color:var(--studio-text-primary)}.text-themed-secondary{color:var(--studio-text-secondary)}.text-themed-tertiary{color:var(--studio-text-tertiary)}.bg-themed{background:var(--studio-btn-bg)}.bg-themed-hover{background:var(--studio-btn-hover)}.bg-themed-elevated{background:var(--studio-btn-bg-elevated)}.bg-themed-surface{background:var(--studio-surface)}.bg-themed-glass{background:var(--studio-glass-bg)}.border-themed{border-color:var(--studio-glass-border)}.border-themed-subtle{border-color:var(--studio-glass-border-subtle)}.btn-themed-primary{background:var(--studio-btn-primary-bg);color:var(--studio-btn-primary-text)}.btn-themed-primary:hover{background:var(--studio-btn-primary-bg-hover)}.icon-themed{color:var(--studio-text-primary)}.icon-themed-secondary{color:var(--studio-text-secondary)}.icon-themed-tertiary{color:var(--studio-text-tertiary)}.studio-overlay-root{z-index:50;position:fixed;inset:0}.studio-overlay-backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();pointer-events:none;background:0 0;justify-content:center;align-items:center;padding:24px;transition:background .24s cubic-bezier(.32,.72,0,1),-webkit-backdrop-filter .24s cubic-bezier(.32,.72,0,1),backdrop-filter .24s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;inset:0}.studio-overlay-backdrop-visible{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#00000080}.studio-overlay-container{opacity:0;pointer-events:none;width:100%;max-width:1200px;height:calc(100vh - 80px);max-height:800px;transition:opacity .32s cubic-bezier(.32,.72,0,1),transform .32s cubic-bezier(.32,.72,0,1);transform:translateY(24px)scale(.96)}.studio-overlay-container-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.studio-overlay-card{background:var(--studio-glass-bg);-webkit-backdrop-filter:blur(32px)saturate(1.25);border:1px solid var(--studio-glass-border);box-shadow:0 26px 80px var(--studio-shadow),inset 0 1px 0 var(--studio-glass-border-subtle);border-radius:20px;flex-direction:column;height:100%;display:flex;overflow:hidden}.studio-overlay-header{border-bottom:1px solid var(--studio-glass-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.studio-overlay-title{color:var(--foreground);margin:0;font-size:15px;font-weight:600}.studio-overlay-btn{background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border-subtle);width:36px;height:36px;color:var(--studio-text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:transform .15s,background .15s,border-color .15s,color .15s;display:flex}.studio-overlay-btn:hover{background:var(--studio-btn-hover);border-color:var(--studio-glass-border);transition-duration:0s;transform:translateY(-1px)}.studio-overlay-btn:active{transform:scale(.98)}.studio-overlay-btn:focus-visible{box-shadow:0 0 0 2px var(--studio-focus-ring);outline:none}.studio-overlay-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.studio-drawer-overlay{z-index:100;background:#0009;position:fixed;inset:0}.studio-drawer-content{z-index:101;background:var(--studio-glass-bg);-webkit-backdrop-filter:blur(24px)saturate(1.2);border:1px solid var(--studio-glass-border);border-bottom:none;border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;height:90dvh;display:flex;position:fixed;bottom:0;left:0;right:0}.studio-drawer-handle-wrapper{flex-shrink:0;justify-content:center;padding:12px 0 8px;display:flex}.studio-drawer-handle{background:var(--studio-text-tertiary);border-radius:2px;width:36px;height:4px}.studio-drawer-safe-area{height:env(safe-area-inset-bottom,24px);flex-shrink:0}.studio-desktop-layout,.studio-mobile-layout{flex-direction:column;height:100%;display:flex}.studio-mobile-content{flex:1;overflow:hidden}.studio-panel-browser{background:var(--studio-panel-bg);border-right:1px solid var(--studio-panel-border)}.studio-panel-main{flex-direction:column;display:flex}.studio-resize-handle{background:0 0;width:4px;transition:background .15s}.studio-resize-handle:hover,.studio-resize-handle[data-resize-handle-active]{background:var(--studio-resize-active)}.studio-resize-handle-h{background:0 0;height:4px;transition:background .15s}.studio-resize-handle-h:hover,.studio-resize-handle-h[data-resize-handle-active]{background:var(--studio-resize-active)}.studio-transport{background:var(--studio-panel-bg);border-bottom:1px solid var(--studio-panel-border);flex-shrink:0;align-items:center;gap:16px;padding:12px 16px;display:flex}.studio-transport-controls{align-items:center;gap:4px;display:flex}.studio-transport-btn{width:36px;height:36px;color:var(--studio-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.studio-transport-btn:hover{background:var(--studio-btn-hover);color:var(--studio-text-primary)}.studio-transport-btn:disabled{opacity:.4;cursor:not-allowed}.studio-transport-btn-primary{background:var(--studio-btn-active-bg);color:var(--studio-btn-active-color)}.studio-transport-btn-primary:hover{background:var(--studio-accent-subtle)}.studio-transport-btn-active{background:var(--studio-btn-active-bg);color:var(--studio-btn-active-color)}.studio-transport-position,.studio-transport-bpm{flex-direction:column;gap:2px;display:flex}.studio-transport-label{text-transform:uppercase;letter-spacing:.5px;color:var(--studio-text-tertiary);font-size:10px}.studio-transport-value{font-variant-numeric:tabular-nums;color:var(--foreground);font-size:14px;font-weight:600}.studio-transport-input{background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border);width:60px;height:28px;color:var(--foreground);font-variant-numeric:tabular-nums;border-radius:6px;padding:0 8px;font-size:14px;font-weight:600}.studio-transport-input:focus{border-color:var(--studio-accent);outline:none}.studio-browser{flex-direction:column;height:100%;display:flex}.studio-browser-header{border-bottom:1px solid var(--studio-panel-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.studio-browser-header h3{color:var(--foreground);margin:0;font-size:13px;font-weight:600}.studio-browser-count{color:var(--studio-text-tertiary);background:var(--studio-btn-bg);border-radius:10px;padding:2px 8px;font-size:11px}.studio-browser-list{flex:1;padding:8px 0;overflow-y:auto}.studio-browser-category{margin-bottom:4px}.studio-browser-category-header{width:100%;color:var(--studio-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.studio-browser-category-header:hover{background:var(--studio-btn-bg)}.studio-browser-category-name{flex:1}.studio-browser-category-count{color:var(--studio-text-tertiary);font-size:10px}.studio-browser-sounds{padding-left:24px}.studio-browser-sound{cursor:pointer;border-radius:4px;align-items:center;gap:8px;margin:2px 8px;padding:6px 16px 6px 8px;transition:background .15s;display:flex}.studio-browser-sound:hover{background:var(--studio-btn-bg)}.studio-browser-sound-selected{background:var(--studio-accent-subtle)}.studio-browser-sound-name{color:var(--studio-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.studio-browser-empty{color:var(--studio-text-tertiary);padding:8px 16px;font-size:11px;font-style:italic}.studio-browser-loading{height:100%;color:var(--studio-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.studio-arrangement{background:var(--studio-surface);flex:1;position:relative;overflow:hidden}.studio-arrangement-canvas{width:100%;height:100%;display:block}.studio-piano-roll{background:var(--studio-surface);border-top:1px solid var(--studio-panel-border);flex-direction:column;height:100%;display:flex}.studio-piano-roll-header{background:var(--studio-panel-bg);border-bottom:1px solid var(--studio-panel-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.studio-piano-roll-title{color:var(--studio-text-primary);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.studio-piano-roll-tools{gap:4px;display:flex}.studio-tool-btn{border:1px solid var(--studio-glass-border);color:var(--studio-text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s}.studio-tool-btn:hover{background:var(--studio-btn-bg);color:var(--studio-text-primary)}.studio-tool-btn-active{background:var(--studio-btn-active-bg);border-color:var(--studio-accent);color:var(--studio-btn-active-color)}.studio-piano-roll-close{width:28px;height:28px;color:var(--studio-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.studio-piano-roll-close:hover{background:var(--studio-btn-hover);color:var(--studio-text-primary)}.studio-piano-roll-scroll{flex:1;overflow:auto}.studio-piano-roll-container{min-height:100%;position:relative}.studio-piano-roll-canvas{width:100%;height:100%;display:block}.studio-piano-roll-empty{height:100%;color:var(--studio-text-tertiary);justify-content:center;align-items:center;font-size:13px;display:flex}.studio-tab-bar{background:var(--studio-glass-bg);border-top:1px solid var(--studio-panel-border);padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom));flex-shrink:0;display:flex}.studio-tab{color:var(--studio-text-tertiary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px;font-size:11px;font-weight:500;transition:color .15s;display:flex}.studio-tab:hover{color:var(--studio-text-secondary)}.studio-tab-active{color:var(--studio-btn-active-color)}.studio-full-page{background:var(--background);flex-direction:column;min-height:100vh;display:flex}.studio-full-page-header{border-bottom:1px solid var(--studio-glass-border-subtle);align-items:center;padding:16px 24px;display:flex}.studio-full-page-header h1{margin:0;font-size:18px;font-weight:600}.studio-full-page-content{flex:1;overflow:hidden}.studio-loading{height:100%;color:var(--studio-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.studio-loading-spinner{border:2px solid var(--studio-glass-border);border-top-color:var(--studio-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}[data-vaul-drawer-wrapper]{transition:transform .32s cubic-bezier(.32,.72,0,1),filter .32s cubic-bezier(.32,.72,0,1),border-radius .32s cubic-bezier(.32,.72,0,1)}[data-vaul-drawer-wrapper][data-vaul-drawer-direction=bottom][style*=transform]{border-radius:16px}.sine-overlay-root{z-index:50;position:fixed;inset:0}.sine-overlay-bg{will-change:filter,transform;transition:filter .32s cubic-bezier(.32,.72,0,1),transform .32s cubic-bezier(.32,.72,0,1);position:absolute;inset:0}.sine-overlay-bg-active{filter:blur(8px)brightness(.7);transform:scale(.96)}.sine-overlay-backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();will-change:background;pointer-events:none;background:0 0;justify-content:center;align-items:center;padding:24px;transition:background .24s cubic-bezier(.32,.72,0,1),-webkit-backdrop-filter .24s cubic-bezier(.32,.72,0,1),backdrop-filter .24s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;inset:0}.sine-overlay-backdrop-visible{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#00000073}.sine-overlay-container{opacity:0;will-change:opacity,transform;pointer-events:none;width:100%;max-width:440px;transition:opacity .32s cubic-bezier(.32,.72,0,1),transform .32s cubic-bezier(.32,.72,0,1);transform:translateY(24px)scale(.96)}.sine-overlay-container-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.sine-overlay-container-instant,.sine-overlay-backdrop-instant{transition:none!important}.sine-overlay-card{background:var(--studio-glass-bg);-webkit-backdrop-filter:blur(28px)saturate(1.25);border:1px solid var(--studio-glass-border);box-shadow:0 18px 60px var(--studio-shadow),0 0 0 1px var(--studio-glass-border-subtle)inset;border-radius:24px;flex-direction:column;width:440px;height:min(85vh,680px);display:flex;overflow:hidden}@media (max-width:768px){.sine-overlay-backdrop{align-items:stretch;padding:0}.sine-overlay-container{max-width:none;height:100%}.sine-overlay-card{-webkit-backdrop-filter:none;box-shadow:none;height:100%;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);background:0 0;border:none;border-radius:0}.sine-overlay-header{padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top))}.sine-overlay-content{padding:0 20px 20px}.sine-overlay-btn,.sine-overlay-spacer{width:44px;height:44px}}.sine-overlay-header{-webkit-backdrop-filter:blur(18px)saturate(1.1);background:#ffffff08;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:relative}.sine-overlay-title{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 120px);margin:0;font-family:inherit;font-size:16px;font-weight:600;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.sine-overlay-btn{background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border-subtle);width:40px;height:40px;color:var(--foreground);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:transform .15s,background .15s,border-color .15s,color .15s;display:flex}.sine-overlay-btn:hover{background:var(--studio-btn-hover);border-color:var(--studio-glass-border);transition-duration:0s}.sine-overlay-btn:active{transform:scale(.98)}.sine-overlay-btn:focus-visible{box-shadow:0 0 0 2px var(--studio-focus-ring);outline:none}.sine-overlay-spacer{flex-shrink:0;width:40px;height:40px}.sine-overlay-content{scrollbar-width:none;-ms-overflow-style:none;--mask-fade-top:black;--mask-fade-bottom:black;-webkit-mask-image:linear-gradient(to bottom,var(--mask-fade-top)0%,black 15%,black 85%,var(--mask-fade-bottom)100%);-webkit-mask-image:linear-gradient(to bottom,var(--mask-fade-top)0%,black 15%,black 85%,var(--mask-fade-bottom)100%);-webkit-mask-image:linear-gradient(to bottom,var(--mask-fade-top)0%,black 15%,black 85%,var(--mask-fade-bottom)100%);mask-image:linear-gradient(to bottom,var(--mask-fade-top)0%,black 15%,black 85%,var(--mask-fade-bottom)100%);-webkit-mask-image:linear-gradient(to bottom,var(--mask-fade-top)0%,black 15%,black 85%,var(--mask-fade-bottom)100%);flex-direction:column;flex:1;padding:0 24px 24px;transition:--mask-fade-top .2s ease-out,--mask-fade-bottom .2s ease-out;display:flex;overflow-y:auto}.sine-overlay-content::-webkit-scrollbar{display:none}.sine-overlay-footer{border-top:1px solid var(--studio-glass-border-subtle);flex-shrink:0;padding:16px 24px 24px}.sine-drawer-overlay{background:var(--studio-drawer-overlay);z-index:100;position:fixed;inset:0}.sine-drawer-content{z-index:101;background:var(--background);border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;height:96dvh;display:flex;position:fixed;bottom:0;left:0;right:0}.sine-drawer-handle-wrapper{flex-shrink:0;justify-content:center;padding:12px 0 8px;display:flex}.sine-drawer-handle{background:var(--studio-text-tertiary);border-radius:2px;width:36px;height:4px}.sine-drawer-safe-area{height:env(safe-area-inset-bottom,24px);flex-shrink:0}.sine-home{background:0 0;flex-direction:column;min-height:100dvh;display:flex;position:relative}.sine-home-center{padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));box-sizing:border-box;flex:1;justify-content:center;align-items:center;display:flex}.sine-card{background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border-subtle);-webkit-backdrop-filter:blur(24px)saturate(1.2);width:100%;max-width:448px;box-shadow:0 28px 70px var(--studio-shadow),inset 0 1px 0 var(--studio-glass-border-subtle);border-radius:24px;flex-direction:column;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:flex;overflow:hidden}.sine-card:hover{background:var(--studio-btn-hover);border-color:var(--studio-glass-border);box-shadow:0 32px 80px var(--studio-shadow),inset 0 1px 0 var(--studio-glass-border-subtle);transition-duration:0s}.sine-card-tall{height:min(85vh,640px);min-height:500px;max-height:640px}.sine-card-header{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sine-card-date{color:var(--studio-text-tertiary);font-size:13px;font-family:var(--font-mono,monospace)}.sine-tile-avatar{background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border-subtle);cursor:pointer;width:40px;height:40px;color:var(--studio-text-secondary);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,color .15s;display:flex;overflow:hidden}.sine-tile-avatar:hover{background:var(--studio-btn-hover);border-color:var(--studio-glass-border);transition-duration:0s}.sine-tile-avatar:active{transform:scale(.98)}.sine-tile-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.sine-card-buttons{flex-direction:column;gap:12px;padding:0 24px 24px;display:flex}.sine-btn-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sine-btn-row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.sine-home-btn{background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border-subtle);color:var(--studio-text-primary);font-size:13px;font-family:var(--font-mono,monospace);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 16px;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:flex}.sine-home-btn:hover{background:var(--studio-btn-hover);border-color:var(--studio-glass-border);box-shadow:0 12px 30px var(--studio-shadow);transition-duration:0s}.sine-home-btn:active{transform:scale(.98)}.sine-home-btn span{color:var(--studio-text-secondary)}.sine-home-btn svg{color:var(--studio-text-primary)}@media (max-width:480px){.sine-home-center{padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.sine-card{max-width:100%}.sine-card-tall{min-height:500px;max-height:none}.sine-home-btn{padding:16px 12px}.sine-tile-avatar{width:44px;height:44px}}.sampler-view{flex-direction:column;gap:12px;height:100%;padding:16px;display:flex}.sampler-categories{scrollbar-width:none;-ms-overflow-style:none;gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.sampler-categories::-webkit-scrollbar{display:none}.sampler-category-tab{text-transform:lowercase;background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border-subtle);color:var(--studio-text-tertiary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .15s}.sampler-category-tab:hover{background:var(--studio-btn-hover);color:var(--studio-text-secondary)}.sampler-category-tab.active{background:var(--studio-btn-active-bg);border-color:var(--studio-accent);color:var(--studio-btn-active-color)}.sampler-row{flex:1;align-items:stretch;gap:12px;min-height:120px;display:flex}.sampler-midi{background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border-subtle);border-radius:12px;flex:1;position:relative;overflow:hidden}.sampler-midi-empty{height:100%;color:var(--studio-text-tertiary);justify-content:center;align-items:center;font-size:12px;display:flex}.sampler-midi-grid{background:repeating-linear-gradient(90deg,var(--studio-btn-bg)0px,var(--studio-btn-bg)1px,transparent 1px,transparent 25%);width:100%;height:100%;position:relative}.sampler-midi-note{background:var(--studio-accent);border-radius:2px;min-width:3px;position:absolute}.sampler-play-btn{background:var(--studio-btn-active-bg);border:1px solid var(--studio-accent);width:48px;color:var(--studio-btn-active-color);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.sampler-play-btn:hover{background:var(--studio-accent-subtle)}.sampler-waveform{border:1px solid var(--studio-glass-border-subtle);cursor:pointer;background:#ffffff05;border-radius:12px;flex-direction:column;flex:1;transition:all .15s;display:flex;overflow:hidden}.sampler-waveform:hover{background:var(--studio-btn-bg);border-color:var(--studio-glass-border-subtle)}.sampler-waveform-visual{flex:1;justify-content:center;align-items:center;padding:12px;display:flex}.sampler-waveform-svg{color:#f59e0bb3;width:100%;height:100%}.sampler-waveform-empty{height:100%;color:var(--studio-text-tertiary);justify-content:center;align-items:center;font-size:12px;display:flex}.sampler-sound-label{border-top:1px solid var(--studio-glass-border-subtle);background:#0003;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sampler-sound-name{color:var(--studio-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.clip-list{flex-direction:column;gap:1px;padding:8px;display:flex}.clip-row{cursor:pointer;background:#ffffff05;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.clip-row:hover{background:var(--studio-btn-bg)}.clip-row-category{text-transform:uppercase;width:48px;color:var(--studio-text-tertiary);font-size:10px;font-weight:600}.clip-row-midi{background:#ffffff08;border-radius:4px;flex:1;height:24px;position:relative;overflow:hidden}.clip-row-mute{width:28px;height:28px;color:var(--studio-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.clip-row-mute:hover{background:var(--studio-btn-hover);color:var(--studio-text-secondary)}.clip-row-mute.muted{color:#ef4444cc}.studio-container{background:var(--studio-surface);flex-direction:column;height:100%;display:flex}.studio-track-list{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.studio-track-row{border:1px solid var(--studio-glass-border-subtle);cursor:pointer;background:#ffffff08;border-radius:12px;align-items:center;gap:12px;min-height:56px;padding:12px 16px;transition:all .15s;display:flex}.studio-track-row:hover{background:var(--studio-btn-bg);border-color:var(--studio-glass-border-subtle)}.studio-track-row:active{transform:scale(.99)}.studio-track-row.has-content{border-color:var(--studio-accent)}.studio-track-label{cursor:pointer;text-align:left;background:0 0;border:none;flex-shrink:0;width:56px;padding:0}.studio-track-name{text-transform:lowercase;color:var(--studio-text-tertiary);font-size:11px;font-weight:600;transition:color .15s}.studio-track-row.has-content .studio-track-name{color:var(--studio-text-primary)}.studio-track-row.muted .studio-track-name{opacity:.4}.studio-track-ms{flex-shrink:0;gap:4px;display:flex}.studio-ms-btn{background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border-subtle);width:24px;height:24px;color:var(--studio-text-tertiary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-family:SF Mono,Menlo,Monaco,monospace;font-size:10px;font-weight:700;transition:all .1s;display:flex}.studio-ms-btn:hover{background:var(--studio-btn-hover);border-color:var(--studio-glass-border)}.studio-mute-btn.active{color:#fbbf24;background:#fbbf2433;border-color:#fbbf2499}.studio-solo-btn.active{color:#facc15;background:#facc1533;border-color:#facc1599}.studio-track-content{cursor:pointer;background:0 0;border:none;flex:1;align-items:center;height:32px;padding:0;display:flex;overflow:hidden}.studio-track-row.muted .studio-track-content{opacity:.4}.studio-track-empty{width:100%;height:100%;color:var(--studio-text-tertiary);justify-content:center;align-items:center;font-size:11px;display:flex}.studio-waveform{width:100%;height:100%;color:var(--studio-waveform)}.studio-waveform svg{width:100%;height:100%}.studio-track-badge{background:var(--studio-btn-active-bg);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px}.studio-track-row.muted .studio-track-badge{opacity:.4}.studio-track-badge span{color:var(--studio-btn-active-color);white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:10px;font-weight:500;display:block;overflow:hidden}.studio-transport-wrapper{flex-shrink:0;justify-content:center;padding:12px 16px 16px;display:flex}.studio-transport{-webkit-backdrop-filter:blur(16px);border:1px solid var(--studio-glass-border-subtle);box-shadow:0 4px 16px #0000004d,0 0 0 1px var(--studio-panel-border)inset;background:#28282db3;border-radius:16px;align-items:center;gap:8px;padding:8px 12px;display:flex}.studio-transport-position{justify-content:center;align-items:center;min-width:40px;padding:0 4px;display:flex}.studio-transport-bars{font-variant-numeric:tabular-nums;color:var(--studio-text-secondary);letter-spacing:-.02em;font-size:14px;font-weight:600}.studio-transport-divider{background:var(--studio-btn-bg-elevated);width:1px;height:20px}.studio-play-btn{background:var(--studio-btn-bg-elevated);width:36px;height:36px;color:var(--studio-text-primary);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.studio-play-btn:hover{background:var(--studio-btn-hover-strong);transform:scale(1.05)}.studio-play-btn:active{transform:scale(.95)}.studio-play-icon{justify-content:center;align-items:center;display:flex}.studio-transport-bpm-control{align-items:center;display:flex}.studio-bpm-display{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;transition:background .15s;display:flex}.studio-bpm-display:hover{background:var(--studio-btn-hover)}.studio-bpm-value{font-variant-numeric:tabular-nums;color:var(--studio-text-primary);letter-spacing:-.02em;font-size:14px;font-weight:600}.studio-bpm-label{text-transform:uppercase;letter-spacing:.5px;color:var(--studio-text-tertiary);text-transform:uppercase;letter-spacing:.02em;font-size:10px;font-weight:500}.studio-bpm-input{background:var(--studio-btn-hover);border:1px solid var(--studio-accent);width:60px;height:36px;color:var(--studio-text-primary);font-variant-numeric:tabular-nums;text-align:center;border-radius:8px;outline:none;padding:0 8px;font-size:16px;font-weight:600}.studio-bpm-input:focus{border-color:var(--studio-btn-active-color);box-shadow:0 0 0 2px var(--studio-btn-active-bg)}.studio-bpm-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.studio-bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.studio-bpm-input[type=number]{-moz-appearance:textfield}.studio-dual-root{z-index:50;position:fixed;inset:0;overflow:hidden}.studio-dual-bg{position:absolute;inset:0}.studio-dual-bg.active{filter:blur(12px)brightness(.7);transform:scale(1.02)}.studio-dual-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.studio-dual-backdrop.visible{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073}.studio-dual-cards{opacity:1;justify-content:center;align-items:stretch;gap:16px;display:flex}.studio-dual-cards.visible{opacity:1;transform:translateY(0)}.studio-dual-card{background:var(--studio-glass-bg);-webkit-backdrop-filter:blur(28px)saturate(1.25);border:1px solid var(--studio-glass-border);box-shadow:0 18px 60px var(--studio-shadow),0 0 0 1px var(--studio-glass-border-subtle)inset;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.studio-dual-card-left{width:440px;height:min(85vh,680px)}.studio-dual-card-left.shifted{transform:translate(-16px)}.studio-dual-card-right{opacity:0;pointer-events:none;width:0;height:min(85vh,680px);transition:width .35s cubic-bezier(.4,0,.2,1),opacity .3s,transform .35s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:translate(-20px)}.studio-dual-card-right.visible{opacity:1;pointer-events:auto;width:440px;overflow:visible;transform:translate(0)}.studio-dual-header{border-bottom:1px solid var(--studio-glass-border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.studio-dual-title{color:var(--studio-text-primary);text-align:center;flex:1;font-size:16px;font-weight:600}.studio-dual-btn{background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border-subtle);width:36px;height:36px;color:var(--studio-text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:transform .15s,background .15s,border-color .15s,color .15s;display:flex}.studio-dual-btn:hover{background:var(--studio-btn-hover);border-color:var(--studio-glass-border);color:var(--studio-text-primary);transition-duration:0s;transform:translateY(-1px)}.studio-dual-btn:active{transform:scale(.98)}.studio-dual-btn:focus-visible{box-shadow:0 0 0 2px var(--studio-focus-ring);outline:none}.studio-dual-body{flex:1;overflow:hidden auto}.studio-transport-dock-wrapper{z-index:60;pointer-events:auto;opacity:1;justify-content:center;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.studio-transport-dock-wrapper.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.studio-transport-dock{background:var(--studio-glass-bg);-webkit-backdrop-filter:blur(28px)saturate(1.25);border:1px solid var(--studio-glass-border);box-shadow:0 8px 32px var(--studio-shadow),0 0 0 1px var(--studio-glass-border-subtle)inset;pointer-events:auto;border-radius:16px;align-items:center;gap:8px;padding:8px 16px;display:flex}.studio-dock-btn{width:32px;height:32px;color:var(--studio-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.studio-dock-btn:hover{background:var(--studio-btn-hover);color:var(--studio-text-primary)}.studio-dock-btn.active{background:var(--studio-accent-subtle);color:var(--studio-accent)}.studio-dock-play-btn{background:var(--studio-btn-active-bg);border:1px solid var(--studio-accent);width:40px;height:40px;color:var(--studio-btn-active-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.studio-dock-play-btn:hover{background:var(--studio-accent);border-color:var(--studio-btn-active-color);transform:scale(1.05)}.studio-dock-play-btn:active{transform:scale(.95)}.studio-dock-position{flex-direction:column;align-items:center;min-width:48px;display:flex}.studio-dock-bars{font-variant-numeric:tabular-nums;color:var(--studio-text-primary);font-size:14px;font-weight:600}.studio-dock-divider{background:var(--studio-glass-border-subtle);width:1px;height:24px}.studio-dock-bpm-control{align-items:center;display:flex}.studio-dock-bpm-display{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:baseline;gap:4px;padding:4px 8px;transition:background .15s;display:flex}.studio-dock-bpm-display:hover{background:var(--studio-btn-hover)}.studio-dock-bpm-value{font-variant-numeric:tabular-nums;color:var(--studio-text-primary);font-size:14px;font-weight:600}.studio-dock-bpm-label{text-transform:uppercase;letter-spacing:.5px;color:var(--studio-text-tertiary);font-size:10px}.studio-dock-bpm-input{background:var(--studio-btn-hover);border:1px solid var(--studio-glass-border);font-variant-numeric:tabular-nums;width:56px;height:28px;color:var(--studio-text-primary);text-align:center;-moz-appearance:textfield;border-radius:6px;padding:0 8px;font-size:14px;font-weight:600}.studio-dock-bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.studio-dock-bpm-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.studio-dock-bpm-input:focus{border-color:var(--studio-accent);box-shadow:0 0 0 2px var(--studio-btn-active-bg);outline:none}.studio-dock-key-control{align-items:center;display:flex;position:relative}.studio-dock-key-display{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:baseline;gap:4px;padding:4px 8px;transition:background .15s;display:flex}.studio-dock-key-display:hover{background:var(--studio-btn-hover)}.studio-dock-key-value{text-align:center;min-width:20px;color:var(--studio-text-primary);font-size:14px;font-weight:600}.studio-dock-key-label{text-transform:uppercase;letter-spacing:.5px;color:var(--studio-text-tertiary);font-size:10px}.studio-dock-key-picker{background:var(--studio-glass-bg);border:1px solid var(--studio-glass-border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px var(--studio-shadow);z-index:100;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px;padding:8px;display:grid;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.studio-dock-key-picker.te-step-group{background:var(--studio-glass-bg);border:1px solid var(--studio-glass-border);gap:3px;padding:6px}.studio-dock-key-option{width:36px;height:32px;color:var(--studio-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:all .15s;display:flex}.studio-dock-key-option:hover{background:var(--studio-btn-hover);color:var(--studio-text-primary)}.studio-dock-key-option.active{background:var(--studio-accent-subtle);border-color:var(--studio-accent);color:var(--studio-text-primary)}.te-led{background:var(--studio-text-tertiary);border-radius:50%;width:6px;height:6px;transition:all .15s;box-shadow:inset 0 1px 2px #0000004d}.te-led.active{background:radial-gradient(circle at 35% 35%,#ff6b00 0%,#ff6b00cc 40%,#e55a0099 100%);box-shadow:0 0 6px #ff6b0099,0 0 12px #ff6b004d,inset 0 1px 2px #ffffff4d}.te-led.active.blink{animation:.6s ease-in-out infinite te-led-blink}@keyframes te-led-blink{0%,to{opacity:1;box-shadow:0 0 6px #ff6b0099,0 0 12px #ff6b004d,inset 0 1px 2px #ffffff4d}50%{opacity:.5;box-shadow:0 0 3px #ff6b004d,0 0 6px #ff6b0026,inset 0 1px 2px #fff3}}.te-display{border:1px solid var(--studio-glass-border-subtle);font-variant-numeric:tabular-nums;background:#0006;border-radius:4px;align-items:center;gap:2px;padding:4px 8px;font-family:SF Mono,Menlo,Monaco,monospace;display:flex}.te-display-value{letter-spacing:.02em;color:var(--studio-accent);text-shadow:0 0 8px #ff6b004d;font-size:16px;font-weight:600}.te-display-unit{text-transform:uppercase;letter-spacing:.5px;color:var(--studio-text-tertiary);margin-left:4px;font-size:9px;font-weight:500}button.te-display{cursor:pointer;border:none;transition:all .15s}button.te-display:hover{border-color:var(--studio-glass-border);background:#00000080}button.te-display:active{transform:scale(.98)}.te-step-btn{background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border-subtle);text-transform:uppercase;letter-spacing:.5px;min-width:28px;height:24px;color:var(--studio-text-secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:600;transition:all .1s;display:flex}.te-step-btn:hover{background:var(--studio-btn-hover);border-color:var(--studio-glass-border);color:var(--studio-text-primary)}.te-step-btn.active{background:var(--studio-accent-subtle);border-color:var(--studio-accent);color:var(--studio-accent);box-shadow:inset 0 1px #ffffff1a}.te-step-btn:active{transform:scale(.95)}.te-step-group{border:1px solid var(--studio-glass-border-subtle);background:#0003;border-radius:6px;gap:2px;padding:2px;display:flex}.te-step-group .te-step-btn{border:none;border-radius:3px}.te-knob{border:1px solid var(--studio-glass-border);cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#ffffff14 0%,#0003 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a}.te-knob:active{cursor:grabbing}.te-knob-indicator{background:var(--studio-accent);transform-origin:bottom;border-radius:1.5px;width:3px;height:10px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 0 4px #ff6b0066}.te-knob-label{text-transform:uppercase;letter-spacing:.5px;color:var(--studio-text-tertiary);white-space:nowrap;font-size:8px;font-weight:600;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.light .te-display{background:#0000000f}.light .te-display-value{color:#e55a00;text-shadow:none}.light .te-led.active{background:radial-gradient(circle at 35% 35%,#e55a00 0%,#e55a00e6 40%,#c24b00b3 100%);box-shadow:0 0 4px #e55a0080,0 0 8px #e55a0033,inset 0 1px 2px #fff6}.light .te-step-group{background:#0000000a}.light .te-knob{background:linear-gradient(145deg,#ffffffe6 0%,#0000000d 100%);box-shadow:0 2px 8px #0000001a,inset 0 1px #fffc}.te-display-mobile{min-height:36px;padding:6px 12px}.te-display-mobile .te-display-value{font-size:18px}.te-display-mobile .te-display-unit{font-size:10px}.te-led-mobile{width:8px;height:8px}.studio-mobile-bg{z-index:40;position:fixed;inset:0}.studio-mobile-overlay{background:var(--studio-drawer-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;position:fixed;inset:0}.studio-mobile-content{background:var(--studio-drawer-bg);-webkit-backdrop-filter:blur(28px)saturate(1.2);border:1px solid var(--studio-glass-border);max-height:92dvh;box-shadow:0 -12px 36px var(--studio-drawer-shadow);z-index:51;border-bottom:none;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.studio-mobile-handle-wrapper{justify-content:center;padding:12px 0 8px;display:flex}.studio-mobile-handle{background:var(--studio-text-tertiary);border-radius:2px;width:36px;height:4px}.studio-mobile-header{justify-content:space-between;align-items:center;padding:0 16px 16px;display:flex}.studio-mobile-title{color:var(--studio-text-primary);text-align:center;flex:1;font-size:17px;font-weight:600}.studio-mobile-btn{background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border-subtle);width:36px;height:36px;color:var(--studio-text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:transform .15s,background .15s,border-color .15s,color .15s;display:flex}.studio-mobile-btn:hover{background:var(--studio-btn-hover);border-color:var(--studio-glass-border);color:var(--studio-text-primary);transition-duration:0s;transform:translateY(-1px)}.studio-mobile-btn:active{transform:scale(.98)}.studio-mobile-btn:focus-visible{box-shadow:0 0 0 2px var(--studio-focus-ring);outline:none}.studio-mobile-spacer{width:36px;height:36px}.studio-mobile-body{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.studio-mobile-safe-area{height:env(safe-area-inset-bottom,0);min-height:8px}.mobile-transport-dock{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--studio-glass-border-subtle);-webkit-backdrop-filter:blur(12px);background:#141416f2;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.mobile-transport-left,.mobile-transport-right{align-items:center;gap:8px;min-width:80px;display:flex}.mobile-transport-right{justify-content:flex-end}.mobile-transport-center{align-items:center;gap:12px;display:flex}.mobile-transport-btn{background:var(--studio-btn-bg);width:44px;height:44px;color:var(--studio-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;justify-content:center;align-items:center;transition:background .15s,transform .1s;display:flex}.mobile-transport-btn:active{background:var(--studio-glass-border);transform:scale(.95)}.mobile-transport-btn.active{background:var(--studio-btn-active-bg);color:var(--studio-btn-active-color)}.mobile-transport-play-btn{background:var(--studio-btn-active-bg);border:1px solid var(--studio-accent);width:44px;height:44px;color:var(--studio-btn-active-color);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;transition:background .15s,transform .1s,border-color .15s;display:flex}.mobile-transport-play-btn:active{background:var(--studio-accent);transform:scale(.92)}.mobile-transport-position{justify-content:center;align-items:center;min-width:36px;display:flex}.mobile-transport-bars{font-variant-numeric:tabular-nums;color:var(--studio-text-primary);font-size:15px;font-weight:600}.mobile-transport-bpm-display{background:var(--studio-btn-bg);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;align-items:baseline;gap:4px;padding:8px 12px;transition:background .15s;display:flex}.mobile-transport-bpm-display:active{background:var(--studio-glass-border)}.mobile-transport-bpm-value{font-variant-numeric:tabular-nums;color:var(--studio-text-primary);font-size:15px;font-weight:600}.mobile-transport-bpm-label{text-transform:uppercase;letter-spacing:.5px;color:var(--studio-text-tertiary);font-size:11px}.mobile-transport-bpm-input{background:var(--studio-btn-bg-elevated);border:1px solid var(--studio-accent);font-variant-numeric:tabular-nums;color:#fff;text-align:center;-webkit-tap-highlight-color:transparent;border-radius:10px;width:64px;height:40px;padding:0 12px;font-size:15px;font-weight:600}.mobile-transport-bpm-input:focus{border-color:var(--studio-btn-active-color);box-shadow:0 0 0 3px var(--studio-btn-active-bg);outline:none}.mobile-transport-bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mobile-transport-bpm-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.studio-nested-overlay{background:var(--studio-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:52;position:fixed;inset:0}.studio-nested-content{background:var(--studio-drawer-bg);-webkit-backdrop-filter:blur(28px)saturate(1.2);border:1px solid var(--studio-glass-border);max-height:85dvh;box-shadow:0 -12px 36px var(--studio-drawer-shadow);z-index:53;border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.studio-nested-handle-wrapper{justify-content:center;padding:10px 0 6px;display:flex}.studio-nested-handle{background:var(--studio-text-tertiary);border-radius:2px;width:32px;height:4px}.studio-nested-safe-area{height:env(safe-area-inset-bottom,0);min-height:8px}.clip-selector-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.clip-selector-header{background:var(--studio-btn-bg);-webkit-backdrop-filter:blur(16px)saturate(1.1);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.clip-selector-title{color:var(--studio-text-primary);font-size:15px;font-weight:600}.clip-selector-close-btn{background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border-subtle);width:32px;height:32px;color:var(--studio-text-tertiary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:transform .15s,background .15s,border-color .15s,color .15s;display:flex}.clip-selector-close-btn:hover{background:var(--studio-btn-hover);border-color:var(--studio-glass-border);color:var(--studio-text-primary);transition-duration:0s;transform:translateY(-1px)}.clip-selector-close-btn:active{transform:scale(.98)}.clip-selector-close-btn:focus-visible{box-shadow:0 0 0 2px var(--studio-focus-ring);outline:none}.clip-selector-toggle{background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border-subtle);border-radius:12px;gap:4px;margin:12px 16px;padding:4px;display:flex}.clip-selector-toggle-btn{color:var(--studio-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:transform .15s,background .15s,color .15s}.clip-selector-toggle-btn.active{background:var(--studio-btn-hover);color:var(--studio-text-primary)}.clip-selector-toggle-btn:not(.active):hover{color:var(--studio-text-secondary);transition-duration:0s;transform:translateY(-1px)}.clip-selector-toggle-btn:active{transform:scale(.98)}.scroll-fade-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.scroll-fade-content{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;--mask-fade-top:black;--mask-fade-bottom:black;-webkit-mask-image:linear-gradient(to bottom,var(--mask-fade-top)0%,black 12%,black 88%,var(--mask-fade-bottom)100%);-webkit-mask-image:linear-gradient(to bottom,var(--mask-fade-top)0%,black 12%,black 88%,var(--mask-fade-bottom)100%);-webkit-mask-image:linear-gradient(to bottom,var(--mask-fade-top)0%,black 12%,black 88%,var(--mask-fade-bottom)100%);mask-image:linear-gradient(to bottom,var(--mask-fade-top)0%,black 12%,black 88%,var(--mask-fade-bottom)100%);-webkit-mask-image:linear-gradient(to bottom,var(--mask-fade-top)0%,black 12%,black 88%,var(--mask-fade-bottom)100%);flex:1;transition:--mask-fade-top .2s ease-out,--mask-fade-bottom .2s ease-out;overflow-y:auto}.scroll-fade-content::-webkit-scrollbar{display:none}.clip-selector-list-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.clip-selector-list{padding:12px 16px}.clip-selector-clip-item{background:var(--studio-btn-bg);border:1px solid var(--studio-glass-border-subtle);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;width:100%;margin-bottom:8px;padding:12px;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:flex}.clip-selector-clip-item:hover{background:var(--studio-btn-hover);border-color:var(--studio-glass-border);box-shadow:0 8px 20px var(--studio-shadow);transition-duration:0s;transform:translateY(-1px)}.clip-selector-clip-item:active{transition-duration:50ms;transform:scale(.99)}.clip-selector-clip-item:focus-visible{box-shadow:0 0 0 2px var(--studio-accent-subtle);outline:none}.clip-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.clip-item-name{color:var(--studio-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.clip-item-preview-btn{background:var(--studio-btn-bg);width:28px;height:28px;color:var(--studio-text-tertiary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:transform .1s,background .1s,color .1s;display:flex}.clip-item-preview-btn:hover{background:var(--studio-btn-hover);color:var(--studio-text-secondary);transition-duration:0s;transform:scale(1.05)}.clip-item-preview-btn:active{transform:scale(.95)}.clip-item-preview-btn.active{background:var(--studio-accent-subtle);color:var(--studio-accent)}.clip-visualizer-container{border-radius:8px;width:100%;height:48px;overflow:hidden}.clip-visualizer-container canvas{width:100%;height:100%;display:block}.waveform-visualizer-container{background:var(--studio-btn-bg);border-radius:8px;width:100%;height:48px;overflow:hidden}.waveform-svg{width:100%;height:100%;color:var(--studio-waveform)}.clip-selector-empty{color:var(--studio-text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.clip-selector-empty-icon{opacity:.5;width:48px;height:48px;margin-bottom:12px}.clip-selector-empty-text{font-size:14px}.clip-selector-midi-preview{width:100%;height:48px;margin:12px 0;padding:0 16px}.clip-selector-midi-preview svg{background:var(--studio-btn-bg);border-radius:8px;width:100%;height:100%}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
/*# sourceMappingURL=570cc1ae1f49f89f.css.map*/