@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.2-i4fw5gbtlb7.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.0b02cdm7g7y6h.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__iaM1Ya__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__iaM1Ya__variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.inline{display:inline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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,)}}:root{--background:#faf8fb;--surface:#fff;--surface-2:#f3eff6;--surface-3:#eae4ee;--foreground:#171318;--muted:#69616c;--subtle:#8b828e;--border:#ded6e2;--primary:#8321da;--primary-strong:#7117c2;--primary-soft:#8321da1c;--success:#278653;--warning:#a96808;--destructive:#d84761;--ring:#a746e6;--gradient-bg:linear-gradient(135deg, #8321da 0%, #a62bc4 18%, #f148a5 34%, #ff8398 49%, #f9ebb8 68%, #c7f1cd 84%, #72deeb 100%);--gradient-accent:linear-gradient(to right, #8321da 0%, #b71f7e 100%);--sidebar:226px;--player:84px;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--background:#09090b;--surface:#111113;--surface-2:#18181b;--surface-3:#202024;--foreground:#f4f4f5;--muted:#a1a1aa;--subtle:#71717a;--border:#29292e;--primary:#d77bff;--primary-strong:#c566ee;--primary-soft:#d77bff21;--success:#4ade80;--warning:#fbbf24;--destructive:#fb7185;--ring:#d79aff;--gradient-bg:linear-gradient(135deg, #8321da 0%, #a62bc4 18%, #f148a5 34%, #ff8398 49%, #f9ebb8 68%, #c7f1cd 84%, #72deeb 100%);--gradient-accent:linear-gradient(to right, #b65bed 0%, #ff78bb 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);color:var(--foreground);font-family:var(--font-geist-sans), Inter, ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}::selection{background:#c879ff52}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--subtle);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.focus-ring:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.app-shell{min-height:100dvh}.sidebar{inset:0 auto var(--player) 0;z-index:30;width:var(--sidebar);border-right:1px solid var(--border);background:#0c0c0e;flex-direction:column;gap:6px;padding:18px 12px 16px;display:flex;position:fixed}.brand{letter-spacing:-.04em;border-radius:10px;align-items:center;gap:10px;min-height:44px;margin-bottom:12px;padding:0 10px;font-size:18px;font-weight:680;display:flex}.brand-mark{border-radius:8px;width:28px;height:28px;display:block;overflow:hidden;box-shadow:0 7px 18px #8321da2e}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.sidebar nav{gap:3px;display:grid}.nav-link{color:#b8b8c0;border-radius:9px;align-items:center;gap:11px;min-height:42px;padding:0 10px;font-size:14px;font-weight:520;transition:color .1s ease-out,background-color .1s ease-out;display:flex}.nav-link:hover{color:var(--foreground);background:#17171a}.nav-link.active{color:var(--foreground);background:#1d1d21}.nav-link.active svg{color:var(--primary)}.nav-link kbd{color:#6f6f78;font:11px var(--font-geist-mono), monospace;margin-left:auto}.nav-label{color:#777781;text-transform:uppercase;letter-spacing:.09em;padding:20px 10px 7px;font-size:11px;font-weight:650}.sidebar-spacer{flex:1}.offline-note{color:#aaaab2;align-items:center;gap:10px;margin:8px 7px 10px;font-size:12px;line-height:1.25;display:flex}.offline-note svg{color:var(--primary)}.offline-note small{color:#707078;font-size:11px}.quota-card{background:#151518;border:1px solid #2a2a2f;border-radius:12px;padding:13px}.quota-heading,.quota-row{justify-content:space-between;align-items:center;display:flex}.quota-heading{color:#d9d9df;margin-bottom:12px;font-size:12px;font-weight:650}.quota-row{color:#92929b;margin-top:8px;font-size:11px}.quota-row strong{color:#eeeef1;font:600 13px var(--font-geist-mono), monospace}.quota-row small{color:#686872;font-size:10px}.quota-meter{background:#2a2a2f;border-radius:9px;height:3px;margin-top:7px;overflow:hidden}.quota-meter i{background:var(--primary);border-radius:inherit;height:100%;display:block}.status-dot{background:var(--warning);border-radius:50%;width:6px;height:6px}.status-dot.online{background:var(--success)}.quota-error{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:40px;display:flex}.quota-skeleton{background:#17171a;border-radius:12px;height:106px;animation:1.4s ease-in-out infinite pulse}.quota-compact{color:var(--muted);font-size:12px}.quota-compact strong{color:var(--foreground);font-family:var(--font-geist-mono), monospace}.main-content{min-height:calc(100dvh - var(--player));margin-left:var(--sidebar);padding-bottom:calc(var(--player) + 24px);overflow:hidden}.mobile-nav{display:none}.global-player{z-index:50;height:var(--player);background:#0e0e10f7;border-top:1px solid #2a2a2f;grid-template-columns:minmax(240px,1fr) minmax(360px,1.4fr) minmax(240px,1fr);align-items:center;gap:20px;padding:10px 18px;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -8px 30px #0000002e}.player-song{align-items:center;gap:11px;min-width:0;display:flex}.player-copy{flex:1;gap:3px;min-width:0;display:grid}.player-copy strong,.player-copy span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-copy strong{font-size:13px;font-weight:600}.player-copy span{color:var(--subtle);font-size:11px}.player-empty-art{border:1px solid var(--border);color:#777781;background:var(--surface-2);border-radius:9px;flex:none;place-items:center;width:48px;height:48px;display:grid}.player-center{justify-items:center;gap:7px;min-width:0;display:grid}.transport{align-items:center;gap:8px;display:flex}.icon-button{color:#a8a8b1;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:40px;height:40px;padding:0;transition:color .1s ease-out,background-color .1s ease-out,transform .1s ease-out;display:inline-grid}.icon-button:hover:not(:disabled){color:var(--foreground);background:#212125}.icon-button:active:not(:disabled),.play-main:active:not(:disabled),.button:active:not(:disabled){transform:translateY(1px)}.icon-button:disabled,.play-main:disabled{opacity:.35;cursor:default}.icon-button.selected{color:var(--primary)}.play-main{background:var(--foreground);color:#0d0d0f;cursor:pointer;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:background-color .1s ease-out,transform .1s ease-out;display:grid}.play-main:hover:not(:disabled){background:var(--primary)}.scrub{color:#72727b;width:min(100%,550px);font:10px var(--font-geist-mono), monospace;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;display:grid}.scrub span:last-child{text-align:right}input[type=range]{--value:0%;appearance:none;cursor:pointer;background:0 0;height:16px;margin:0}.scrub input[type=range]{width:100%}input[type=range]::-webkit-slider-runnable-track{background:#35353b;border-radius:999px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;opacity:0;background:#d9d9df;border-radius:50%;width:10px;height:10px;margin-top:-3.5px;transition:opacity .1s ease-out}input[type=range]:hover::-webkit-slider-thumb{opacity:1}input[type=range]:focus-visible::-webkit-slider-thumb{opacity:1}.player-tools{color:#777781;justify-self:end;align-items:center;gap:3px;display:flex}.player-tools input{width:78px}.artwork{isolation:isolate;background:radial-gradient(circle at var(--cover-x) var(--cover-y), var(--cover-a) 0, transparent 30%), linear-gradient(var(--cover-angle), var(--cover-b), var(--cover-c) 68%);border-radius:12px;flex:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff17}.artwork-sm{border-radius:9px;width:48px;height:48px}.artwork-md{width:72px;height:72px}.artwork-lg{border-radius:16px;width:150px;height:150px}.artwork span{background:var(--cover-a);height:22%;position:absolute;inset:16% -20% auto 18%}@supports (color:color-mix(in lab, red, red)){.artwork span{background:color-mix(in srgb, var(--cover-a) 70%, transparent)}}.artwork span{transform:rotate(calc(var(--cover-angle) * -1));filter:blur(7px);border-radius:50%}.artwork i{aspect-ratio:1;border:1px solid #ffffff47;border-radius:50%;width:68%;position:absolute;bottom:-28%;right:-24%;box-shadow:0 0 0 12px #ffffff0d,0 0 0 25px #ffffff09}.artwork b{color:#ffffffdb;text-shadow:0 2px 12px #0000004d;font-size:clamp(12px,3vw,32px);line-height:1;position:absolute;bottom:10%;left:12%}.button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:13px;font-weight:620;transition:color .1s ease-out,background-color .1s ease-out,border-color .1s ease-out,transform .1s ease-out;display:inline-flex}.button:disabled{opacity:.48;cursor:not-allowed}.button-primary{background:var(--primary);color:#fff}.button-primary:hover:not(:disabled){background:var(--primary-strong)}.button-secondary{color:#e8e8eb;background:#242428;border:1px solid #303036}.button-secondary:hover:not(:disabled){background:#2b2b30}.button-ghost{color:#b1b1b9;background:0 0}.button-ghost:hover:not(:disabled){color:var(--foreground);background:#202024}.button-danger{color:#ff9cac;background:#fb71851f}.spin{animation:.9s linear infinite spin}.page{padding:34px clamp(20px,3vw,46px) 40px}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.page-title h1{letter-spacing:-.045em;margin:0;font-size:clamp(25px,3vw,34px);font-weight:670}.page-title p{color:var(--muted);margin:7px 0 0;font-size:13px}.eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:680}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px;display:flex}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:630}.section-heading a{color:var(--muted);font-size:12px}.section-heading a:hover{color:var(--foreground)}.empty-state{text-align:center;background:#0e0e10;border:1px dashed #303036;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.empty-state h3{margin:14px 0 6px;font-size:15px}.empty-state p{max-width:390px;color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.55}.empty-disc{width:48px;height:48px;color:var(--primary);background:var(--primary-soft);border:1px solid #c879ff33;border-radius:50%;place-items:center;display:grid}.empty-actions{align-items:center;gap:8px;display:flex}.empty-actions label{cursor:pointer}.empty-actions input{display:none}.skeleton-list{gap:8px;display:grid}.song-skeleton{background:var(--surface);border:1px solid #202024;border-radius:12px;grid-template-columns:58px 1fr 160px;align-items:center;gap:14px;height:82px;padding:11px;display:grid}.song-skeleton>span{background:#232328;border-radius:9px;height:58px}.song-skeleton div{gap:9px;display:grid}.song-skeleton i{background:#25252a;border-radius:9px;width:38%;height:10px}.song-skeleton i:last-child{opacity:.7;width:63%}.song-skeleton b{background:#202024;border-radius:9px;height:18px}.song-skeleton>*{animation:1.5s ease-in-out infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:900px){:root{--sidebar:78px}.sidebar{align-items:center;padding-inline:10px}.brand{padding:0}.brand>span:last-child,.nav-link span,.nav-link kbd,.nav-label,.offline-note,.quota-card{display:none}.nav-link{justify-content:center;width:48px;padding:0}.sidebar nav{gap:6px}.sidebar-spacer{flex:1}.global-player{grid-template-columns:minmax(180px,1fr) minmax(340px,1.5fr)}.player-tools{display:none}}@media (max-width:640px){:root{--sidebar:0px;--player:70px}.sidebar{display:none}.main-content{min-height:100dvh;margin-left:0;padding-bottom:148px}.mobile-nav{z-index:45;inset:auto 0 var(--player) 0;min-height:64px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:#0d0d0ffa;grid-template-columns:repeat(4,1fr);display:grid;position:fixed}.mobile-link{color:#777781;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:62px;font-size:10px;display:flex}.mobile-link.active{color:var(--primary)}.global-player{height:var(--player);grid-template-columns:1fr auto;gap:10px;padding:9px 12px}.global-player:not(.has-song){display:none}.player-center{display:flex}.scrub,.desktop-control{display:none!important}.player-song .icon-button{display:none}.player-copy strong{font-size:12px}.play-main{width:42px;height:42px}.page{padding:24px 16px 28px}.page-header{align-items:flex-start;margin-bottom:22px}.page-title h1{font-size:26px}.page-title p{line-height:1.45}.artwork-lg{width:112px;height:112px}}.home-page{max-width:1380px;margin:0 auto}.home-top{justify-content:space-between;align-items:center;gap:40px;min-height:300px;padding:12px clamp(4px,3vw,38px) 26px;display:flex}.home-kicker{color:var(--primary);align-items:center;gap:7px;font-size:12px;font-weight:620;display:flex}.home-top h1{letter-spacing:-.075em;max-width:650px;margin:17px 0 13px;font-size:clamp(52px,7.2vw,92px);font-weight:620;line-height:.91}.home-top h1 em{color:var(--primary);font-style:normal}.home-top p{max-width:560px;color:var(--muted);font-size:15px;line-height:1.6}.home-orbit{border:1px solid #26262b;border-radius:50%;flex:none;place-items:center;width:240px;height:240px;display:grid;position:relative}.home-orbit:before,.home-orbit:after{content:"";border:1px solid #202024;border-radius:50%;position:absolute}.home-orbit:before{inset:34px}.home-orbit:after{inset:68px}.home-orbit span{z-index:1;color:#160d1d;background:var(--primary);border-radius:24px;place-items:center;width:72px;height:72px;display:grid;position:relative;transform:rotate(-8deg);box-shadow:0 18px 55px #c879ff2e}.home-orbit i,.home-orbit b{background:var(--primary);border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 20px #c879ff99}.home-orbit i{top:36px;right:45px}.home-orbit b{opacity:.55;width:7px;height:7px;bottom:31px;left:58px}.home-create{background:#121214;border:1px solid #2b2b30;border-radius:18px;max-width:950px;margin:0 auto 48px;padding:18px;box-shadow:0 24px 60px #0000002e}.home-create>label{color:#dedee2;margin:1px 3px 11px;font-size:13px;font-weight:620;display:block}.home-create textarea{resize:vertical;width:100%;min-height:108px;color:var(--foreground);background:#1a1a1e;border:0;border-radius:12px;padding:15px;font-size:15px;line-height:1.55}.home-create textarea::placeholder{color:#686872}.home-create-actions{align-items:center;gap:9px;padding-top:12px;display:flex}.home-create-actions .quota-compact{margin-left:auto}.home-recent{margin-top:18px}.library-view{position:relative}.search-box{color:#74747d;border:1px solid var(--border);background:#121214;border-radius:10px;align-items:center;gap:9px;width:min(430px,100%);min-height:42px;margin:-4px 0 20px;padding:0 12px;display:flex}.search-box:focus-within{border-color:#c879ff8c;box-shadow:0 0 0 2px #c879ff1a}.search-box input{width:100%;height:40px;color:var(--foreground);background:0 0;border:0;outline:0;font-size:13px}.search-box input::placeholder{color:#6d6d76}.song-list{gap:6px;display:grid}.song-row{background:#101012;border:1px solid #0000;border-radius:12px;grid-template-columns:64px minmax(150px,1fr) minmax(150px,1.3fr) 62px 40px 40px;align-items:center;gap:12px;min-height:84px;padding:10px;transition:background-color .1s ease-out,border-color .1s ease-out;display:grid;position:relative}.song-row:hover{background:#151518;border-color:#25252a}.cover-play{cursor:pointer;background:0 0;border:0;border-radius:11px;width:64px;height:64px;padding:0;position:relative}.cover-play .artwork{width:64px;height:64px}.cover-play>span{opacity:0;color:#fff;background:#0000006b;border-radius:11px;place-items:center;transition:opacity .1s ease-out;display:grid;position:absolute;inset:0}.cover-play:hover>span,.cover-play:focus-visible>span,.song-row.pending .cover-play>span{opacity:1}.pending-ring{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.9s linear infinite spin}.song-info{gap:6px;min-width:0;display:grid}.song-info>strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:620;overflow:hidden}.song-info>span{white-space:nowrap;text-overflow:ellipsis;color:#7e7e87;font-size:11px;overflow:hidden}.rename-form{align-items:center;gap:5px;display:flex}.rename-form input{width:100%;height:34px;color:var(--foreground);background:#202024;border:1px solid #3b3b42;border-radius:8px;padding:0 9px}.song-wave{min-width:0}.waveform{align-items:center;gap:2px;height:34px;display:flex;overflow:hidden}.waveform-empty i{background:#3e3e46;border-radius:3px;flex:1;width:2px;max-width:3px}.generating-wave{align-items:center;gap:3px;height:30px;display:flex;overflow:hidden}.generating-wave i{background:var(--primary);border-radius:4px;flex:1;width:3px;max-width:4px;height:45%;animation:.9s ease-in-out infinite alternate wave}.song-error{color:#d98a99;font-size:11px}.song-duration{color:#81818a;font:11px var(--font-geist-mono), monospace;justify-items:end;gap:3px;display:grid}.song-duration em{color:var(--primary);font:9px var(--font-geist-sans);letter-spacing:.08em}.menu-wrap{position:relative}.song-menu{z-index:60;background:#202024;border:1px solid #37373e;border-radius:11px;width:186px;padding:6px;position:absolute;top:38px;right:0;box-shadow:0 18px 50px #00000061}.song-menu button,.song-menu a{color:#d0d0d6;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;min-height:36px;padding:0 9px;font-size:12px;display:flex}.song-menu button:hover,.song-menu a:hover{background:#2b2b30}.song-menu button:disabled{opacity:.4;cursor:not-allowed}.song-menu .danger{color:#ff98a8}.inline-toast{z-index:70;color:#e8e8eb;background:#29292f;border:1px solid #3a3a41;border-radius:8px;padding:8px 11px;font-size:11px;position:absolute;bottom:8px;right:54px}.dialog-backdrop{z-index:100;background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#1b1b1f;border:1px solid #36363d;border-radius:15px;width:min(420px,100%);padding:22px;box-shadow:0 30px 80px #00000080}.dialog h3{margin:0 0 8px;font-size:17px}.dialog p{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.5}.dialog>div{justify-content:flex-end;gap:8px;display:flex}@keyframes wave{0%{opacity:.45;height:16%}to{opacity:1;height:86%}}.create-workspace{height:calc(100dvh - var(--player));background:var(--background);grid-template-columns:420px minmax(0,1fr);display:grid}.create-panel{border-right:1px solid var(--border);background:#0d0d0f;height:100%;padding:24px 20px 30px;overflow-y:auto}.create-panel-head{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.create-panel-head h1{letter-spacing:-.045em;margin:0;font-size:25px}.mode-switch{background:#1b1b1f;border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:19px;padding:3px;display:grid}.mode-switch button{color:#85858e;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:37px;font-size:12px;font-weight:620}.mode-switch button[aria-selected=true]{color:var(--foreground);background:#2a2a2f;box-shadow:0 1px 5px #00000040}.create-form{gap:17px;display:grid}.field{gap:7px;display:grid}.field>label,.lyrics-field>legend,.structure-field>legend,.writer-body>label{color:#d9d9de;justify-content:space-between;font-size:12px;font-weight:590;display:flex}.field>label span{color:#676770;font-weight:480}.field input,.field textarea,.lyrics-field textarea,.writer-body textarea{width:100%;color:var(--foreground);background:#17171a;border:1px solid #303036;border-radius:10px;outline:0;padding:11px 12px;font-size:13px;line-height:1.5}.field input{height:43px}.field textarea{resize:vertical;min-height:132px}.field input:focus,.field textarea:focus,.lyrics-field textarea:focus,.writer-body textarea:focus{border-color:#c879ff9e;box-shadow:0 0 0 2px #c879ff17}.field input::placeholder,.field textarea::placeholder,.lyrics-field textarea::placeholder,.writer-body textarea::placeholder{color:#66666f}.prompt-field{position:relative}.prompt-field textarea{padding-bottom:48px}.magic-button{color:#daa3ff;cursor:pointer;background:#28222d;border:0;border-radius:8px;align-items:center;gap:7px;min-height:31px;padding:0 9px;font-size:11px;font-weight:620;display:flex;position:absolute;bottom:9px;left:9px}.magic-button:disabled{opacity:.45;cursor:not-allowed}.enhanced-card{background:#c879ff12;border:1px solid #c879ff38;border-radius:10px;max-height:150px;padding:12px 38px 12px 12px;position:relative;overflow:auto}.enhanced-card span{color:#daa4ff;align-items:center;gap:6px;font-size:11px;font-weight:620;display:flex}.enhanced-card p{color:#aaaab3;white-space:pre-line;margin:8px 0 0;font-size:11px;line-height:1.55}.enhanced-card>button{color:#888892;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:6px;right:6px}.lyrics-field,.structure-field{border:0;min-width:0;margin:0;padding:0}.mini-tabs{align-items:center;gap:4px;margin:8px 0;display:flex}.mini-tabs button{color:#85858e;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:32px;padding:0 10px;font-size:11px}.mini-tabs button[aria-pressed=true]{color:var(--foreground);background:#25252a}.lyrics-field textarea{resize:vertical;min-height:220px;font-family:var(--font-geist-mono), monospace;font-size:12px}.tag-input{background:#17171a;border:1px solid #303036;border-radius:10px;flex-wrap:wrap;align-items:center;gap:5px;min-height:45px;padding:6px;display:flex}.tag-input button{background:var(--primary-soft);color:#daf;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:4px;min-height:28px;padding:0 8px;font-size:11px;display:flex}.tag-input input{min-width:120px;height:30px;box-shadow:none;background:0 0;border:0;flex:1;padding:0 5px}.style-suggestions{gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.style-suggestions button{color:#777781;cursor:pointer;background:0 0;border:1px solid #29292e;border-radius:7px;flex:none;min-height:27px;padding:0 8px;font-size:10px}.style-suggestions button:hover{color:#c8c8ce;border-color:#3b3b42}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;min-height:52px;display:flex}.toggle-row>span{align-items:center;gap:10px;display:flex}.toggle-row>span>span{gap:3px;display:grid}.toggle-row strong{font-size:12px}.toggle-row small{color:#74747d;font-size:10px}.toggle-row>input{opacity:0;pointer-events:none;position:absolute}.toggle-row>i{background:#303036;border-radius:99px;width:38px;height:22px;transition:background-color .1s ease-out;position:relative}.toggle-row>i:after{content:"";background:#b8b8bf;border-radius:50%;width:16px;height:16px;transition:transform .15s ease-in-out,background-color .1s ease-out;position:absolute;top:3px;left:3px}.toggle-row>input:checked+i{background:var(--primary)}.toggle-row>input:checked+i:after{background:#151018;transform:translate(16px)}.toggle-row>input:focus-visible+i{outline:2px solid var(--ring);outline-offset:2px}.advanced-toggle{color:#a6a6af;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;min-height:40px;padding:0 3px;font-size:12px;display:flex}.advanced-fields{gap:16px;padding:3px 0 5px;display:grid}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.range-field label output{color:var(--primary);font:11px var(--font-geist-mono), monospace}.range-field input{background:0 0;border:0;padding:0}.structure-field>div{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.structure-field button{color:#797982;cursor:pointer;background:0 0;border:1px solid #303036;border-radius:7px;min-height:30px;padding:0 8px;font-size:10px}.structure-field button[aria-pressed=true]{color:#d9a3ff;background:#c879ff14;border-color:#c879ff73}.form-error{color:#f3a0ad;background:#fb718514;border:1px solid #fb71853d;border-radius:9px;justify-content:space-between;align-items:flex-start;gap:10px;padding:11px 12px;font-size:11px;line-height:1.4;display:flex}.form-error button{width:26px;height:26px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin:-6px;display:grid}.create-actions{z-index:4;background:linear-gradient(#0000,#0d0d0f 20%);grid-template-columns:.8fr 1.2fr;gap:8px;padding:14px 0 2px;display:grid;position:sticky;bottom:-30px}.create-actions .button{min-height:46px}.create-results{height:100%;padding:27px clamp(20px,3vw,42px);overflow-y:auto}.create-results>header{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.create-results>header span{color:#777781;font-size:11px}.create-results>header h2{letter-spacing:-.03em;margin:5px 0 0;font-size:20px}.generation-status{color:#d8a6fa;background:#c879ff17;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:flex}.create-results .search-box{display:none}.writer-panel{z-index:80;top:0;right:0;bottom:var(--player);background:#141417;border-left:1px solid #34343a;grid-template-rows:auto 1fr auto;width:min(390px,100vw);display:grid;position:fixed;box-shadow:-24px 0 70px #0006}.writer-panel>header,.writer-panel>footer{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:64px;padding:0 18px;display:flex}.writer-panel>header>div{align-items:center;gap:9px;display:flex}.writer-panel>header svg{color:var(--primary)}.writer-body{padding:22px 18px;overflow-y:auto}.writer-body p{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.55}.writer-body textarea{resize:vertical;min-height:170px;margin-top:8px}.writer-samples{gap:6px;margin-top:13px;display:grid}.writer-samples button{text-align:left;color:#9898a1;cursor:pointer;background:#19191c;border:1px solid #2e2e34;border-radius:8px;min-height:38px;padding:0 11px;font-size:11px}.writer-panel>footer{border-top:1px solid var(--border);border-bottom:0;justify-content:flex-end;gap:8px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1060px){.create-workspace{grid-template-columns:380px minmax(0,1fr)}.song-row{grid-template-columns:64px minmax(120px,1fr) 60px 40px 40px}.song-wave{display:none}.home-orbit{width:200px;height:200px}}@media (max-width:760px){.home-orbit{display:none}.home-top{min-height:250px;padding-inline:0}.home-top h1{font-size:60px}.home-create{margin-inline:0}.home-create-actions{flex-wrap:wrap}.home-create-actions .quota-compact{order:3;width:100%;margin:3px 4px 0}.create-workspace{height:auto;display:block}.create-panel{border-right:0;border-bottom:1px solid var(--border);height:auto;padding:22px 16px 26px;overflow:visible}.create-results{height:auto;padding:24px 16px 40px;overflow:visible}.create-actions{bottom:calc(134px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#0d0d0ff7;margin:0 -16px;padding:16px}.song-row{grid-template-columns:58px minmax(0,1fr) 40px 40px;gap:9px;padding:8px}.cover-play,.cover-play .artwork{width:58px;height:58px}.song-duration{display:none}.song-info>span{max-width:46vw}.writer-panel{bottom:calc(var(--player) + 64px + env(safe-area-inset-bottom))}.field-grid{grid-template-columns:1fr}}@media (max-width:480px){.home-top h1{font-size:52px}.home-create-actions .button:last-child{flex:1}.song-row{grid-template-columns:54px minmax(0,1fr) 40px}.song-row>.icon-button{display:none}.cover-play,.cover-play .artwork{width:54px;height:54px}}.studio-shell{height:calc(100dvh - var(--player));background:#0b0b0d;grid-template:64px minmax(0,1fr) 154px/168px minmax(420px,1fr) 228px;display:grid;overflow:hidden}.studio-topbar{border-bottom:1px solid var(--border);background:#101012;grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;min-width:0;padding:0 12px;display:grid}.studio-title{align-items:center;gap:9px;min-width:0;display:flex}.studio-title .artwork{width:36px;height:36px}.studio-title>div{gap:2px;min-width:0;display:grid}.studio-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.studio-title span{color:#71717a;font-size:10px}.studio-title>svg:last-child{color:#6e6e77}.studio-transport{align-items:center;gap:3px;display:flex}.studio-play{background:var(--primary);color:#130b18;cursor:pointer;border:0;border-radius:9px;place-items:center;width:36px;height:36px;margin:0 7px;display:grid}.studio-time{color:#e0e0e4;min-width:105px;font:11px var(--font-geist-mono), monospace}.studio-time i{color:#5f5f68;font-style:normal}.studio-settings{justify-self:end;align-items:center;gap:8px;display:flex}.studio-settings label{color:#85858e;border:1px solid #2b2b30;border-radius:8px;align-items:center;gap:6px;height:35px;padding:0 7px;font-size:10px;display:flex}.studio-settings input{color:#e5e5e8;width:34px;font:11px var(--font-geist-mono), monospace;background:0 0;border:0;outline:0}.loop-button,.mute-button{color:#888892;cursor:pointer;background:0 0;border:1px solid #2b2b30;border-radius:8px;min-height:35px;padding:0 10px;font-size:10px}.loop-button.active,.mute-button.active{color:#dda9ff;background:var(--primary-soft);border-color:#c879ff6b}.studio-tracks{border-right:1px solid var(--border);background:#0f0f11;grid-area:2/1;overflow-y:auto}.track-panel-head{color:#85858e;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #242428;justify-content:space-between;align-items:center;min-height:45px;padding:0 9px 0 13px;font-size:10px;font-weight:650;display:flex}.track-panel-head input,.add-track input{display:none}.track-control{color:#a7a7af;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #202024;grid-template-columns:5px 1fr 16px;align-items:center;gap:8px;width:100%;min-height:68px;padding:8px 10px;display:grid}.track-control:hover{background:#161619}.track-control.selected{background:#1b1b1f}.track-color{background:#70dfbf;border-radius:4px;width:4px;height:40px}.track-color.main{background:var(--primary)}.track-control>div{gap:5px;min-width:0;display:grid}.track-control strong,.track-control small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-control strong{font-size:11px;font-weight:590}.track-control small{color:#66666f;font-size:9px}.track-control>svg{color:#62626b}.add-track{color:#777781;cursor:pointer;border:1px dashed #313137;border-radius:8px;align-items:center;gap:7px;min-height:44px;margin:8px;padding:0 10px;font-size:10px;display:flex}.add-track:hover{color:#b6b6bd;border-color:#45454d}.studio-timeline{border-right:1px solid var(--border);background:#0c0c0e;grid-area:2/2;grid-template-rows:45px 1fr;min-width:0;min-height:0;display:grid}.timeline-toolbar{border-bottom:1px solid #242428;justify-content:flex-end;align-items:center;gap:2px;padding:0 9px;display:flex}.timeline-toolbar .button{min-height:32px;font-size:10px}.timeline-toolbar input{width:80px}.toolbar-divider{background:#2d2d32;width:1px;height:20px;margin:0 6px}.timeline-scroll{background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:48px 100%;min-height:0;position:relative;overflow:auto}.time-ruler{z-index:4;color:#5e5e67;width:max(100%,1600px);height:30px;font:9px var(--font-geist-mono), monospace;background:#101012;border-bottom:1px solid #232327;position:sticky;top:0;left:0}.time-ruler span{position:absolute;top:10px}.timeline-lane{border-bottom:1px solid #1e1e22;width:max(100%,1600px);height:96px;padding:10px 12px;position:relative}.timeline-lane.selected{background:#ffffff04}.clip{cursor:pointer;background:#25202a;border:1px solid #ffffff1a;border-radius:7px;height:76px;position:relative;overflow:hidden}.main-clip{background:#29222e}.local-clip{cursor:grab;background:#172823}.local-clip:active{cursor:grabbing}.studio-waveform{opacity:.92;min-width:100%;height:74px;overflow:hidden}.clip-name{z-index:2;text-overflow:ellipsis;white-space:nowrap;color:#ffffffd1;pointer-events:none;background:#0a0a0c8c;border-radius:4px;align-items:center;gap:4px;max-width:calc(100% - 14px);padding:2px 5px;font-size:9px;display:flex;position:absolute;top:5px;left:7px;overflow:hidden}.playhead{z-index:7;pointer-events:none;background:#f5f5f6;width:1px;position:absolute;top:0;bottom:0}.playhead:before{content:"";border-top:7px solid #f5f5f6;border-left:4px solid #0000;border-right:4px solid #0000;position:absolute;top:0;left:-4px}.split-marker{z-index:6;pointer-events:none;background:#fbbf24b8;width:1px;position:absolute;top:30px;bottom:0}.studio-inspector{background:#101012;grid-area:2/3;min-height:0;overflow-y:auto}.inspector-head{border-bottom:1px solid #242428;justify-content:space-between;align-items:center;min-height:45px;padding:0 13px;display:flex}.inspector-head span{color:#8b8b94;text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:650}.inspector-head small{color:#606069;font-size:9px}.inspector-body{padding:15px}.inspector-art{text-align:center;padding:5px 0 19px}.inspector-art .artwork{width:116px;height:116px;margin:0 auto}.inspector-art h3{text-overflow:ellipsis;white-space:nowrap;margin:12px 0 4px;font-size:13px;overflow:hidden}.inspector-art p{text-overflow:ellipsis;white-space:nowrap;color:#6f6f78;margin:0;font-size:9px;overflow:hidden}.inspector-section{border-top:1px solid #26262b;gap:8px;padding:15px 0;display:grid}.inspector-section>strong{color:#aaaab2;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:10px}.inspector-section label{color:#85858e;justify-content:space-between;align-items:center;font-size:10px;display:flex}.inspector-section label span{align-items:center;gap:5px;display:flex}.inspector-section output{color:#cacacf;font:9px var(--font-geist-mono), monospace}.mute-button{width:100%;margin-top:5px}.studio-chat{background:#121214;border-top:1px solid #2a2a2f;grid-area:3/1/auto/-1;grid-template-columns:minmax(0,1fr) minmax(400px,780px) minmax(0,1fr);align-items:center;gap:16px;padding:10px 18px;display:grid}.chat-history{max-height:132px;overflow-y:auto}.chat-history p{color:#8f8f98;gap:7px;margin:0 0 6px;font-size:10px;line-height:1.35;display:flex}.chat-history p strong{color:#c5c5cb;flex:none}.chat-history p.user strong{color:var(--primary)}.studio-chat form{background:#1b1b1f;border:1px solid #34343b;border-radius:12px;align-items:center;gap:9px;min-height:50px;padding:0 9px 0 13px;display:flex;box-shadow:0 10px 35px #0000002e}.studio-chat form>svg{color:var(--primary)}.studio-chat form input{min-width:0;height:46px;color:var(--foreground);background:0 0;border:0;outline:0;flex:1;font-size:12px}.studio-chat form input::placeholder{color:#696972}.studio-chat form button{color:#c9c9cf;cursor:pointer;background:#2c2c31;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.studio-chat form button:disabled{opacity:.4;cursor:not-allowed}.desktop-recommendation{color:#777781;font-size:10px;display:none}.drop-overlay{z-index:110;inset:76px 14px calc(var(--player) + 14px) calc(var(--sidebar) + 14px);color:#e5c5fa;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none;background:#120c16e8;border:2px dashed #c879ff80;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:fixed}.drop-overlay span{color:#9d8ca8;font-size:11px}.studio-loading{height:calc(100dvh - var(--player));color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.studio-empty{min-height:calc(100dvh - var(--player));place-items:center;display:grid}.studio-empty .empty-state{width:min(600px,100%)}@media (max-width:1100px){.studio-shell{grid-template-columns:150px minmax(400px,1fr)}.studio-inspector{display:none}.studio-chat{grid-template-columns:1fr minmax(360px,1.5fr)}.desktop-recommendation{display:block}.studio-settings label{display:none}}@media (max-width:760px){.studio-shell{height:auto;min-height:calc(100dvh - var(--player) - 64px);grid-template:64px auto minmax(390px,1fr) auto/1fr;display:grid;overflow:visible}.studio-topbar{z-index:20;grid-area:1/1;grid-template-columns:1fr auto;position:sticky;top:0}.studio-title .artwork,.studio-title>svg:last-child,.studio-settings,.studio-transport>.icon-button{display:none}.studio-time{min-width:84px;font-size:9px}.studio-tracks{border-right:0;border-bottom:1px solid var(--border);grid-area:2/1;min-height:72px;display:flex;overflow:auto hidden}.track-panel-head,.add-track{border-right:1px solid #242428;min-width:58px}.track-panel-head>span{display:none}.track-control{border-right:1px solid #242428;min-width:150px}.studio-timeline{border-right:0;grid-area:3/1;min-height:390px}.studio-chat{grid-area:4/1;grid-template-columns:1fr;padding:12px;display:grid}.chat-history{max-height:100px}.desktop-recommendation{text-align:center;display:block}.drop-overlay{inset:70px 12px 146px}}html:not(.dark) .sidebar{background:#f1f1ed}html:not(.dark) .nav-link{color:#62625d}html:not(.dark) .nav-link:hover{color:var(--foreground);background:#e7e7e1}html:not(.dark) .nav-link.active{color:var(--foreground);background:#deded7}html:not(.dark) .nav-link kbd,html:not(.dark) .nav-label,html:not(.dark) .offline-note small{color:#7d7d76}html:not(.dark) .offline-note{color:#5f5f59}html:not(.dark) .quota-card{border-color:var(--border);background:#fff}html:not(.dark) .quota-heading,html:not(.dark) .quota-row strong{color:var(--foreground)}html:not(.dark) .quota-row{color:var(--muted)}html:not(.dark) .quota-meter{background:#e4e4de}html:not(.dark) .quota-skeleton{background:#e8e8e2}html:not(.dark) .global-player{border-color:var(--border);background:#fafaf7f7;box-shadow:0 -8px 30px #26221c14}html:not(.dark) .player-empty-art,html:not(.dark) .button-secondary{color:var(--foreground);border-color:var(--border);background:#ecece6}html:not(.dark) .button-secondary:hover:not(:disabled){background:#e4e4de}html:not(.dark) .button-ghost{color:var(--muted)}html:not(.dark) .button-ghost:hover:not(:disabled),html:not(.dark) .icon-button:hover:not(:disabled){color:var(--foreground);background:#e8e8e2}html:not(.dark) .icon-button{color:#6f6f68}html:not(.dark) .play-main{color:#fff;background:#191917}html:not(.dark) input[type=range]::-webkit-slider-runnable-track{background:#d4d4cd}html:not(.dark) input[type=range]::-webkit-slider-thumb{background:#3a3a36}html:not(.dark) .mobile-nav{background:#fafaf7fa}html:not(.dark) .mobile-link{color:#777770}html:not(.dark) .empty-state{background:#fafaf7;border-color:#d2d2cb}html:not(.dark) .search-box,html:not(.dark) .song-row{background:#fff}html:not(.dark) .song-row:hover{border-color:var(--border);background:#f3f3ef}html:not(.dark) .song-info>span,html:not(.dark) .song-duration{color:var(--muted)}html:not(.dark) .waveform-empty i{background:#c9c9c2}html:not(.dark) .rename-form input{background:#fff;border-color:#c9c9c2}html:not(.dark) .song-menu{border-color:var(--border);background:#fff;box-shadow:0 18px 50px #201c1624}html:not(.dark) .song-menu button,html:not(.dark) .song-menu a{color:#3e3e39}html:not(.dark) .song-menu button:hover,html:not(.dark) .song-menu a:hover{background:#eeeeea}html:not(.dark) .inline-toast{color:#fff;background:#252522}html:not(.dark) .song-skeleton{border-color:var(--border);background:#fff}html:not(.dark) .song-skeleton>span,html:not(.dark) .song-skeleton i,html:not(.dark) .song-skeleton b{background:#e8e8e2}html:not(.dark) .create-workspace{background:var(--background)}html:not(.dark) .create-panel{background:#f4f4f0}html:not(.dark) .create-results{background:var(--background)}html:not(.dark) .mode-tabs,html:not(.dark) .tag-input{background:#e7e7e1;border-color:#d4d4cd}html:not(.dark) .mode-tabs button{color:#707069}html:not(.dark) .mode-tabs button.active{color:var(--foreground);background:#fff;box-shadow:0 1px 4px #1e1a1414}html:not(.dark) .field textarea,html:not(.dark) .field input,html:not(.dark) .field select,html:not(.dark) .prompt-area,html:not(.dark) .writer-body textarea{color:var(--foreground);background:#fff;border-color:#d4d4cd}html:not(.dark) .field textarea::placeholder,html:not(.dark) .field input::placeholder,html:not(.dark) .prompt-area::placeholder{color:#91918a}html:not(.dark) .style-suggestions button,html:not(.dark) .structure-field button{color:#74746e;border-color:#d1d1ca}html:not(.dark) .style-suggestions button:hover{color:var(--foreground);border-color:#aaa}html:not(.dark) .toggle-row>i{background:#d0d0ca}html:not(.dark) .toggle-row>i:after{background:#fff}html:not(.dark) .advanced-toggle{color:#5f5f5a}html:not(.dark) .create-actions{background:linear-gradient(#0000,#f4f4f0 20%)}html:not(.dark) .writer-panel{border-color:var(--border);background:#fff;box-shadow:-24px 0 70px #26221c24}html:not(.dark) .writer-samples button{color:#62625c;border-color:var(--border);background:#f4f4ef}html:not(.dark) .studio-shell,html:not(.dark) .studio-timeline{background:#f3f3ef}html:not(.dark) .studio-topbar,html:not(.dark) .studio-inspector,html:not(.dark) .time-ruler{background:#fff}html:not(.dark) .studio-tracks{background:#f8f8f5}html:not(.dark) .studio-chat{border-color:var(--border);background:#f4f4f0}html:not(.dark) .studio-title span,html:not(.dark) .track-control small,html:not(.dark) .inspector-art p,html:not(.dark) .chat-history p{color:var(--muted)}html:not(.dark) .studio-time{color:var(--foreground)}html:not(.dark) .studio-time i{color:#888881}html:not(.dark) .studio-settings label,html:not(.dark) .loop-button,html:not(.dark) .mute-button,html:not(.dark) .add-track{color:#62625d;border-color:var(--border)}html:not(.dark) .studio-settings input{color:var(--foreground)}html:not(.dark) .track-panel-head,html:not(.dark) .track-control,html:not(.dark) .timeline-toolbar,html:not(.dark) .time-ruler,html:not(.dark) .timeline-lane,html:not(.dark) .inspector-head,html:not(.dark) .inspector-section{border-color:var(--border)}html:not(.dark) .track-control{color:#4e4e49}html:not(.dark) .track-control:hover{background:#eeeeea}html:not(.dark) .track-control.selected{background:#e7e7e2}html:not(.dark) .timeline-scroll{background-image:linear-gradient(90deg,#1414120f 1px,#0000 1px)}html:not(.dark) .timeline-lane.selected{background:#14141206}html:not(.dark) .studio-chat form{background:#fff;border-color:#d0d0c9;box-shadow:0 10px 35px #28231c12}html:not(.dark) .studio-chat form input{color:var(--foreground)}html:not(.dark) .studio-chat form button{color:#fff;background:#252522}@media (max-width:760px){html:not(.dark) .create-actions{background:#f4f4f0f7}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}