:root{--bg:#090a0e;--side:#101116;--panel:#15161c;--panel2:#1c1d24;--line:#2b2d35;--text:#f5f5f7;--muted:#9698a3;--aura:#8d5cff;--pink:#e9499c;--green:#59db9b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px Inter,Segoe UI,Arial,sans-serif}button,input,textarea,audio{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:218px minmax(390px,520px) minmax(430px,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:20px 14px;border-right:1px solid #25262d;background:var(--side)}.brand{display:flex;align-items:center;gap:10px;padding:3px 8px 23px;color:#fff;text-decoration:none}.brand i{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--pink),var(--aura));font-style:normal;font-size:18px}.brand strong{font-size:18px}.main-nav{display:grid;gap:5px}.main-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:10px;background:transparent;color:#9c9da6;text-align:left}.main-nav button i{width:22px;font-style:normal;text-align:center}.main-nav button span{font-weight:750}.main-nav button small{margin-left:auto;color:#656773;font-size:8px}.main-nav button.active{background:#ffffff0c;color:#fff}.main-nav button:disabled{cursor:default}.sidebar-spacer{flex:1}.account-mini{display:grid;gap:6px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#17181f}.account-mini>span{display:flex;align-items:center;gap:7px;color:#898b96;font-size:8px;font-weight:900;letter-spacing:.8px}.account-mini>span i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #59db9b16}.account-mini>span i.offline{background:#ff725f}.account-mini b{font-size:12px}.account-mini em{color:#baff74;font-style:normal;font-size:10px;font-weight:800}.account-mini button{margin-top:3px;padding:8px;border:1px solid #343640;border-radius:8px;background:#22232b;color:#ddd;font-size:10px}.local-mark{margin:12px 5px 0;color:#5f616a;font-size:8px;line-height:1.5}.creator{min-width:0;padding:25px 22px 110px;border-right:1px solid #25262d;background:linear-gradient(180deg,#111218,#0d0e12)}.creator-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.creator-head span,.results-pane header span{color:#868894;font-size:8px;font-weight:900;letter-spacing:1.3px}.creator-head h1,.results-pane h2{margin:4px 0 0;font-size:25px}.credit-pill{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #343640;border-radius:99px;background:#191a21;color:#adafba;font-size:9px}.credit-pill i{color:#b685ff;font-style:normal}.composer{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 22px 60px #0004}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:10px;background:#0d0e13}.mode-tabs button{padding:9px;border:0;border-radius:8px;background:transparent;color:#8c8e99;font-weight:800}.mode-tabs button.active{background:#272832;color:#fff;box-shadow:0 3px 10px #0005}.simple-fields,.advanced-fields,.style-section{margin-top:17px}.field-label{display:block;margin-bottom:8px;font-size:11px;font-weight:800}.prompt-box{overflow:hidden;border:1px solid #32343d;border-radius:12px;background:#0c0d12}.prompt-box:focus-within,.style-input:focus,.lyrics:focus{border-color:#8b60da;box-shadow:0 0 0 3px #8d5cff16}.prompt-box textarea{width:100%;min-height:142px;padding:13px;border:0;background:transparent;color:#fff;outline:0;resize:vertical}.prompt-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-top:1px solid #25272e;color:#777985;font-size:9px}.prompt-foot button{border:0;background:transparent;color:#aaa4c4}.section-row{display:flex;align-items:center;justify-content:space-between}.section-row span{color:#70727c;font-size:9px}.lyrics,.style-input{width:100%;padding:12px;border:1px solid #32343d;border-radius:11px;background:#0c0d12;color:#fff;outline:0;resize:vertical}.lyrics{min-height:245px}.style-input{min-height:74px}.style-tags{display:flex;gap:6px;overflow:auto;padding:9px 1px 2px;scrollbar-width:thin}.style-tags button{flex:0 0 auto;padding:6px 9px;border:1px solid #33353e;border-radius:99px;background:#202129;color:#aaaeba;font-size:9px}.style-tags button:hover{border-color:#7654b6;color:#fff}.options-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.option-main,.switch-line{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:10px;border:1px solid #30323a;border-radius:11px;background:#111218}.option-main>span{color:#8f919b;font-size:9px;font-weight:800}.option-main button{display:grid;padding:6px 9px;border:0;border-radius:8px;background:#272934;color:#fff;text-align:left}.option-main button small{color:#a882f0;font-size:7px}.switch-line{cursor:pointer}.switch-line>span{display:grid;gap:3px}.switch-line b{font-size:10px}.switch-line small{color:#7f818c;font-size:8px}.switch-line input{position:absolute;opacity:0}.switch-line>i{position:relative;width:37px;height:21px;border-radius:99px;background:#343640}.switch-line>i:after{position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;content:"";transition:.18s}.switch-line input:checked+i{background:linear-gradient(90deg,var(--pink),var(--aura))}.switch-line input:checked+i:after{left:19px}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding-top:14px;border-top:1px solid #292b32}.composer-actions p{margin:0;color:#7f818b;font-size:9px;line-height:1.45}.composer-actions button{display:flex;align-items:center;gap:7px;padding:12px 17px;border:0;border-radius:99px;background:linear-gradient(110deg,#f0529d,#8c5ef2);color:#fff;font-weight:900;box-shadow:0 10px 25px #b153cc28}.composer-actions button:disabled{opacity:.5;cursor:wait}.results-pane{min-width:0;padding:25px 22px 110px;background:#0b0c10}.results-pane>header{display:flex;align-items:center;justify-content:space-between}.results-pane>header button{width:34px;height:34px;border:1px solid #2d2f37;border-radius:9px;background:#15161c;color:#aaa}.result-filter{display:flex;gap:5px;margin:18px 0 12px}.result-filter button{padding:7px 11px;border:0;border-radius:99px;background:transparent;color:#777985;font-size:9px;font-weight:800}.result-filter button.active{background:#24252d;color:#fff}.result-filter button:disabled{cursor:default}.jobs{display:grid;gap:12px}.empty-state{display:grid;justify-items:center;margin-top:90px;padding:28px;color:#777985;text-align:center}.empty-state i{display:grid;width:66px;height:66px;place-items:center;border:1px solid #292b33;border-radius:20px;background:#15161b;color:#805bbb;font-style:normal;font-size:27px}.empty-state h3{margin:17px 0 7px;color:#c7c8ce;font-size:14px}.empty-state p{max-width:310px;margin:0;font-size:10px;line-height:1.55}.result-job{padding:12px;border:1px solid #292b33;border-radius:13px;background:#121318}.job-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.job-head>div{display:grid;min-width:0;gap:4px}.job-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.job-head span{color:#777985;font-size:8px}.job-head em{flex:0 0 auto;padding:5px 7px;border-radius:99px;background:#24262d;color:#a5a7b1;font-style:normal;font-size:8px}.job-head em.completed{background:#153428;color:#73e8a8}.job-head em.failed{background:#351c21;color:#ff8c7d}.song-card{display:grid;grid-template-columns:58px minmax(0,1fr) 30px;align-items:center;gap:10px;margin-top:7px;padding:7px;border-radius:10px;background:#1a1b22}.song-cover{position:relative;display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#733f7e,#27205d);font-size:20px}.song-cover img{width:100%;height:100%;object-fit:cover}.song-cover button{position:absolute;display:grid;width:29px;height:29px;place-items:center;border:0;border-radius:50%;background:#090a0dcc;color:#fff;font-size:10px}.song-info{display:grid;min-width:0;gap:5px}.song-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.song-info span{color:#7e808b;font-size:8px}.song-card>a{color:#aaa;text-decoration:none}.generating{display:flex;align-items:center;gap:9px;padding:13px;border-radius:9px;background:#181920;color:#8d8f99;font-size:9px}.generating i{width:13px;height:13px;border:2px solid #5f467f;border-top-color:#ca68d5;border-radius:50%;animation:spin .8s linear infinite}.job-error{margin:7px 0 0;color:#ff8d7f;font-size:9px}.player{position:fixed;right:0;bottom:0;left:218px;z-index:20;display:grid;grid-template-columns:45px 190px minmax(260px,1fr) auto;align-items:center;gap:12px;padding:10px 20px;border-top:1px solid #30323a;background:#15161cf2;backdrop-filter:blur(14px)}.player[hidden]{display:none}.player-cover{display:grid;width:45px;height:45px;place-items:center;border-radius:8px;background:linear-gradient(145deg,#d04a91,#6548bd)}.player-title{display:grid;min-width:0;gap:4px}.player-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.player-title span{color:#777985;font-size:8px}.player audio{width:100%;height:34px}.player a{color:#b99cea;font-size:9px;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.app-shell{grid-template-columns:76px minmax(390px,1fr) minmax(370px,1fr)}.brand strong,.main-nav button span,.main-nav button small,.account-mini b,.account-mini em,.account-mini button,.local-mark{display:none}.brand{justify-content:center;padding-inline:0}.main-nav button{justify-content:center}.account-mini{justify-items:center;padding:11px 5px}.account-mini>span{font-size:0}.player{left:76px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:sticky;z-index:30;width:100%;height:auto;flex-direction:row;align-items:center;padding:8px 10px;border-right:0;border-bottom:1px solid #292b32}.brand{padding:0}.brand i{width:31px;height:31px}.main-nav{display:flex;margin-left:8px}.main-nav button{padding:8px}.main-nav button:not(.active){display:none}.account-mini{display:flex;margin-left:auto;padding:7px 9px}.account-mini>span{font-size:0}.sidebar-spacer,.local-mark,.account-mini b,.account-mini button{display:none}.account-mini em{display:block}.creator{padding:18px 12px 25px;border-right:0}.creator-head h1{font-size:23px}.credit-pill{display:none}.composer{padding:12px}.options-card{grid-template-columns:1fr}.composer-actions{align-items:stretch;flex-direction:column}.composer-actions button{justify-content:center}.results-pane{padding:20px 12px 90px;border-top:1px solid #292b32}.empty-state{margin-top:20px}.player{left:0;grid-template-columns:38px minmax(0,1fr) auto;padding:8px 10px}.player-cover{width:38px;height:38px}.player audio{display:none}.player a{grid-column:3}.lyrics{min-height:210px}}