:root{--bg:#0a0910;--side:#0f0d14;--panel:#17151e;--panel2:#111019;--line:#332d3b;--text:#f6f2f7;--muted:#aaa2af;--aura:#7950ef;--pink:#ed318e;--orange:#ff6841;--green:#a9ff49}
html{color-scheme:dark}html,body{background:radial-gradient(circle at 22% 22%,#ff623010 0,transparent 28%),radial-gradient(circle at 83% 30%,#7546ff12 0,transparent 32%),var(--bg);color:var(--text)}body:before,body:after{position:fixed;z-index:-1;border-radius:50%;filter:blur(110px);pointer-events:none;content:""}body:before{top:-260px;right:-190px;width:520px;height:520px;background:#7b47ff1a}body:after{top:360px;left:-260px;width:430px;height:430px;background:#ff573e17}
.sidebar{border-color:#29232f;background:#0a0910f2;backdrop-filter:blur(18px)}.brand{gap:11px;color:#fff}.brand img{width:38px;height:38px;border-radius:11px}.brand span,.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{margin-top:3px;color:#ff805f;font-size:7px;font-weight:850;letter-spacing:1.5px}.brand>i{display:none}.main-nav button{color:#aaa2af}.main-nav button:hover:not(:disabled){background:#ffffff08;color:#fff}.main-nav button.active{background:linear-gradient(90deg,#ff684117,#ed318e12,#7950ef17);color:#fff;box-shadow:inset 3px 0 #ff6841}.main-nav button.active i{color:#ff805f}.main-nav button small{color:#716a75}.account-mini{border-color:#332d3b;background:#15131c}.account-mini>span{color:#9d949f}.account-mini>span i{background:#a9ff49;box-shadow:0 0 12px #a9ff4966}.account-mini>span i.offline{background:#ff6841;box-shadow:0 0 12px #ff684155}.account-mini b{color:#f6f2f7}.account-mini em{color:#a9ff49}.account-mini button{border-color:#3b3443;background:#201c26;color:#e8e0e9;font-weight:750}.account-mini button:hover{border-color:#ff684177;color:#fff}.local-mark{color:#716a75}
.creator{border-color:#29232f;background:linear-gradient(180deg,#111018,#0d0c12)}.creator-head span,.results-pane header span{color:#ff805f}.creator-head h1,.results-pane h2{color:#f8f4f9}.credit-pill{border-color:#3b3443;background:#15131c;color:#aaa2af}.credit-pill i{color:#ff805f}.composer{border-color:#3a3241;background:linear-gradient(145deg,#17151e,#111019);box-shadow:0 24px 70px #0006}.composer:before{display:block;height:2px;margin:-15px -15px 13px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#ff6841,#ed318e 53%,#7950ef);content:""}.mode-tabs{border:1px solid #302a38;background:#0c0b11}.mode-tabs button{color:#aaa2af}.mode-tabs button.active{background:#282331;color:#fff;box-shadow:0 5px 18px #0004}.field-label{color:#ded6e0}.field-label small,.section-row span{color:#8f8692}.prompt-box,.lyrics,.style-input,.text-input{border-color:#37303f;background:#0c0b11;color:#fff}.prompt-box textarea{color:#fff}.prompt-box textarea::placeholder,.lyrics::placeholder,.style-input::placeholder,.text-input::placeholder{color:#6f6873}.prompt-box:focus-within,.style-input:focus,.lyrics:focus,.text-input:focus{border-color:#ff674d;box-shadow:0 0 0 3px #ff674d12}.prompt-foot{border-color:#302a38;color:#827985}.prompt-foot button{color:#ff906f}.style-tags button{border-color:#37303f;background:#201c26;color:#b9b0bb}.style-tags button:hover{border-color:#ff6841;color:#fff}
.options-card .switch-line,.model-field,.gender-field,.range-field{border-color:#37303f;background:#121017}.model-field>span,.gender-field>span,.range-field b{color:#b9b0bb}.model-field select,.gender-field button{border-color:#3b3443;background:#201c26;color:#e8e0e9}.gender-field button.active{border-color:#ff6841;background:#ff684114;color:#ff8b69}.range-field em{color:#ff805f}.range-field input{accent-color:#ed318e}.switch-line b{color:#f5f0f6}.switch-line small{color:#8f8692}.switch-line>i{background:#3a3340}.switch-line input:checked+i{background:linear-gradient(90deg,#ff6841,#ed318e,#7950ef)}
.cover-drop{border-color:#413646;background:linear-gradient(135deg,#ff68410d,#7950ef14)}.cover-drop>i{background:#ff684117;color:#ff805f}.cover-drop b{color:#f6f2f7}.cover-drop span{color:#aaa2af}.stem-mode{border-color:#3b3443;background:#15131c;color:#c4bbc6}.stem-mode small{color:#8f8692}.stem-mode.active{border-color:#ff6841;background:linear-gradient(135deg,#ff684117,#ed318e0d);color:#ff8b69;box-shadow:0 0 0 2px #ff68410b}
.composer-actions{border-color:#302a38}.composer-actions p{color:#918895}.composer-actions button{background:linear-gradient(95deg,#ff6841,#ed318e 53%,#7950ef);box-shadow:0 12px 30px #e9367c3b}.composer-actions button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
.results-pane{background:#0a0910}.results-pane>header button{border-color:#332d3b;background:#17151e;color:#c9c0cb}.result-filter button{color:#817985}.result-filter button.active{background:#ff684114;color:#ff8b69}.empty-state i{border-color:#3b3443;background:#15131c;color:#ff805f}.empty-state h3{color:#ded6e0}.result-job{border-color:#332d3b;background:#14121a;box-shadow:0 12px 32px #0003}.job-head em{background:#29232f;color:#aaa2af}.job-head em.completed{background:#a9ff4912;color:#b8ff65}.job-head em.failed{background:#ff684115;color:#ff9071}.song-card,.generating{background:#201c26}.song-cover,.player-cover{background:linear-gradient(145deg,#ff6841,#ed318e 52%,#7950ef)}.song-info b{color:#f6f2f7}.player{border-color:#332d3b;background:#15131cf2;box-shadow:0 -8px 25px #0005}.player-title b{color:#f6f2f7}
.song-card{grid-template-columns:58px minmax(0,1fr) auto}.song-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.song-actions a{color:#c9c0cb;text-decoration:none}.song-actions .download-stems{padding:6px 8px;border:1px solid #a9ff4940;border-radius:8px;background:#a9ff4910;color:#b8ff65;font-size:8px;font-weight:900;white-space:nowrap}
.library-mode .app-shell{grid-template-columns:218px minmax(0,1fr)}.library-mode .creator{grid-column:2;border-right:0;padding-inline:clamp(22px,4vw,64px)}.library-mode .credit-pill{display:none}.library-view{max-width:1180px}.library-toolbar{display:flex;gap:10px}.library-search{display:flex;flex:1;align-items:center;gap:10px;padding:0 14px;border:1px solid #37303f;border-radius:11px;background:#0c0b11;color:#8f8692}.library-search:focus-within{border-color:#ff6841;box-shadow:0 0 0 3px #ff684112}.library-search input{width:100%;padding:12px 0;border:0;outline:0;background:transparent;color:#fff}.library-toolbar>button{width:44px;border:1px solid #37303f;border-radius:11px;background:#17151e;color:#c9c0cb}.library-filters{display:flex;gap:7px;margin:18px 0 10px}.library-filters button{padding:8px 13px;border:1px solid transparent;border-radius:99px;background:transparent;color:#8f8692;font-size:10px;font-weight:800}.library-filters button.active{border-color:#ff684140;background:#ff684114;color:#ff8b69}.library-stats{margin-bottom:14px;color:#817985;font-size:9px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.library-card{overflow:hidden;border:1px solid #332d3b;border-radius:14px;background:#14121a;box-shadow:0 12px 32px #0003}.library-cover{position:relative;display:grid;aspect-ratio:16/10;place-items:center;overflow:hidden;background:linear-gradient(145deg,#ff6841,#ed318e 52%,#7950ef);font-size:30px}.library-cover img{width:100%;height:100%;object-fit:cover}.library-cover>button{position:absolute;display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;background:#09080dcc;color:#fff}.library-cover>em{position:absolute;top:9px;left:9px;padding:5px 7px;border-radius:99px;background:#09080dcc;color:#fff;font-style:normal;font-size:7px;font-weight:900;letter-spacing:.8px}.library-card-body{display:grid;gap:6px;padding:12px}.library-card-body>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.library-card-body>span{display:-webkit-box;overflow:hidden;color:#918895;font-size:8px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.library-card-body>small{color:#716a75;font-size:7px}.library-card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:3px}.library-card-actions a{padding:6px 9px;border:1px solid #3b3443;border-radius:8px;color:#c9c0cb;text-decoration:none;font-size:9px;font-weight:850}.library-card-actions .library-download{border-color:#a9ff4940;background:#a9ff4910;color:#b8ff65}.library-empty{grid-column:1/-1;display:grid;justify-items:center;gap:8px;padding:80px 20px;color:#817985}.library-empty i{color:#ff805f;font-size:30px}.library-empty b{color:#ded6e0}.library-empty span{font-size:9px}
@media(max-width:1050px){.brand span{display:none}}@media(max-width:760px){.brand img{width:31px;height:31px}.composer:before{margin:-13px -13px 11px}}