:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0f1012;--panel:#17191d;--panel-soft:#1d2026;--panel-strong:#242832;--panel-raised:#2a2f39;--border:#343946;--border-soft:#252a33;--text:#f5f3ef;--muted:#a8aeb9;--muted-strong:#c7ccd4;--accent:#ff7a45;--accent-strong:#ff9868;--teal:#34d3c1;--green:#47d18c;--yellow:#f4c95d;--red:#ff6b6b;--shadow:0 18px 60px #00000057}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.56}.workbench-shell{background:linear-gradient(180deg, #ff7a450d, transparent 30%), var(--background);grid-template-rows:minmax(0,1fr) 84px;grid-template-columns:88px minmax(292px,340px) minmax(380px,1fr) minmax(300px,360px);min-height:100vh;display:grid}.rail,.composer,.library,.details,.player{border-color:var(--border);min-width:0}.rail{border-right:1px solid var(--border);background:#0c0d0f;flex-direction:column;align-items:center;gap:18px;padding:18px 10px;display:flex}.logo{background:linear-gradient(135deg, var(--accent), var(--teal));color:#101113;border-radius:8px;place-items:center;width:46px;height:46px;font-size:21px;font-weight:900;display:grid}.rail nav{gap:8px;width:100%;display:grid}.rail a{min-width:0;color:var(--muted);text-align:center;border:1px solid #0000;border-radius:8px;justify-items:center;gap:6px;padding:9px 6px;font-size:12px;text-decoration:none;display:grid}.rail a.active{border-color:var(--border);background:var(--panel-strong);color:var(--text)}.nav-icon{background:#ffffff0f;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.credit-card{border:1px solid var(--border);background:var(--panel);width:100%;color:var(--muted);text-align:center;border-radius:8px;gap:3px;margin-top:auto;padding:10px 6px;font-size:11px;display:grid}.credit-card strong{color:var(--text);font-size:18px}.composer,.library,.details{overflow:auto}.composer{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;gap:16px;padding:22px;display:flex}.library{background:radial-gradient(circle at 0 0,#34d3c114,#0000 28%),#111317;padding:24px}.details{border-left:1px solid var(--border);background:#14161a}.details-scroll{flex-direction:column;gap:16px;min-height:100%;padding:22px;display:flex}.panel-heading,.toolbar,.details-title-row,.action-row,.player,.player-now,.player-timeline,.player-actions,.list-controls,.slider-field span{align-items:center;display:flex}.panel-heading,.toolbar,.details-title-row{justify-content:space-between;gap:14px}.details-title-row>div{min-width:0}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2{overflow-wrap:anywhere;margin-bottom:0;font-size:clamp(20px,2vw,28px);line-height:1.1}h3{margin-bottom:10px;font-size:14px}.badge,.status-pill,.chip{border:1px solid var(--border);color:var(--muted-strong);border-radius:999px;line-height:1}.badge{background:#ffffff0a;flex:none;padding:6px 9px;font-size:12px}.segmented{border:1px solid var(--border);background:#101216;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented.lyrics-mode{grid-template-columns:repeat(3,1fr)}.segmented button{min-width:0;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:9px 6px;font-size:13px;font-weight:700}.segmented button.active{background:var(--panel-raised);color:var(--text)}.field{gap:8px;display:grid}.field label,.search-field span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field textarea,.field select,.search-field input,.list-controls select{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:#101215;border-radius:8px;outline:none;padding:11px 12px}.field input:focus,.field textarea:focus,.field select:focus,.search-field input:focus,.list-controls select:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:118px}.field textarea.lyrics-box{min-height:150px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5}.field-hint,.validation-copy{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:12px}.instrumental-note,.error-box,.empty-state{border:1px solid var(--border);color:var(--muted-strong);background:#ffffff0a;border-radius:8px;padding:12px;font-size:13px;line-height:1.45}.error-box{color:#ffd3d3;background:#ff6b6b1a;border-color:#ff6b6b6b}.chip-grid,.tag-line{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.chip{overflow-wrap:anywhere;background:#ffffff0a;max-width:100%;padding:7px 10px;font-size:12px}button.chip{cursor:pointer}.chip.selected{color:#ffd2bd;background:#ff7a4521;border-color:#ff7a4585}.chip.compact{padding:5px 7px;font-size:11px}.form-grid.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.advanced-card{border:1px solid var(--border);background:#ffffff09;border-radius:8px;gap:14px;padding:14px;display:grid}.slider-field{gap:8px;display:grid}.slider-field span{color:var(--muted);justify-content:space-between;font-size:13px}.slider-field strong{color:var(--text)}.slider-field input{width:100%;accent-color:var(--accent)}.primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#17100d;cursor:pointer;border:0;border-radius:8px;width:100%;min-height:44px;padding:12px 16px;font-weight:900}.primary.compact-button{width:auto}.list-controls{gap:12px;margin:18px 0 14px}.search-field{flex:1;gap:7px;min-width:0;display:grid}.list-controls select{flex:none;width:160px}.status-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.status-strip button{border:1px solid var(--border);background:var(--panel);min-width:0;color:var(--muted-strong);text-align:left;border-radius:8px;align-items:center;gap:8px;padding:9px;font-size:12px;display:flex}.status-strip button.active{background:#ff7a451c;border-color:#ff7a4585}.status-strip button span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.status-dot{background:var(--muted);border-radius:999px;flex:none;width:8px;height:8px}.song-list{gap:10px;display:grid}.song-row{border:1px solid var(--border-soft);cursor:pointer;background:#17191deb;border-radius:8px;grid-template-columns:36px 56px minmax(0,1fr) minmax(96px,132px);align-items:center;gap:12px;min-width:0;padding:12px;display:grid}.song-row[data-active=true]{box-shadow:inset 3px 0 0 var(--accent);border-color:#ff7a4594}.row-play,.player-button,.player-actions button{border:1px solid var(--border);background:var(--panel-strong);color:var(--text);border-radius:50%;place-items:center;display:grid}.row-play{width:34px;height:34px}.cover,.mini-cover,.details-art{background:linear-gradient(135deg,#ff7a45e6,#34d3c1d1),#30343d}.cover[data-status=generating],.mini-cover[data-status=generating],.details-art[data-status=generating]{background:linear-gradient(135deg,#f4c95df5,#ff7a45b8),#30343d}.cover[data-status=processing],.mini-cover[data-status=processing],.details-art[data-status=processing]{background:linear-gradient(135deg,#34d3c1eb,#5c7effc7),#30343d}.cover[data-status=ready],.mini-cover[data-status=ready],.details-art[data-status=ready]{background:linear-gradient(135deg,#47d18cf5,#ff7a45c2),#30343d}.cover[data-status=failed],.mini-cover[data-status=failed],.details-art[data-status=failed]{background:linear-gradient(135deg,#ff6b6bf0,#4f5461c7),#30343d}.cover{border-radius:8px;width:56px;height:56px}.mini-cover{border-radius:8px;flex:none;width:44px;height:44px}.song-main{min-width:0}.song-title,.song-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-title{font-weight:800}.song-meta{color:var(--muted);margin-top:3px;font-size:13px}.tag-line{margin-top:8px}.song-stats{color:var(--muted);justify-items:end;gap:5px;font-size:12px;display:grid}.status-pill{text-transform:uppercase;width:max-content;max-width:100%;padding:5px 8px;font-size:11px;font-weight:800}.status-pill[data-status=queued],.status-dot[data-status=queued]{background:#a8aeb92e}.status-pill[data-status=generating],.status-dot[data-status=generating]{color:#ffe2a0;background:#f4c95d2e}.status-pill[data-status=processing],.status-dot[data-status=processing]{color:#adfff4;background:#34d3c129}.status-pill[data-status=ready],.status-dot[data-status=ready]{color:#c3f6d9;background:#47d18c29}.status-pill[data-status=failed],.status-dot[data-status=failed]{color:#ffd0d0;background:#ff6b6b2e}.status-dot[data-status]{color:#0000}.details-art{aspect-ratio:1;width:100%;box-shadow:var(--shadow);border-radius:8px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.metric-grid span{border:1px solid var(--border);min-width:0;color:var(--muted);overflow-wrap:anywhere;background:#ffffff09;border-radius:8px;gap:4px;padding:10px;font-size:12px;display:grid}.metric-grid strong{color:var(--text);font-size:15px}.action-row{flex-wrap:wrap;gap:8px}.action-row button:not(.primary){border:1px solid var(--border);background:var(--panel-soft);min-height:36px;color:var(--muted-strong);border-radius:8px;padding:8px 11px}.detail-section{min-width:0;padding-top:4px}.lyrics-panel{min-height:0}.lyrics-panel pre{border:1px solid var(--border);max-height:240px;color:var(--muted-strong);white-space:pre-wrap;overflow-wrap:anywhere;background:#0f1114;border-radius:8px;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.55;overflow:auto}.metadata-grid{grid-template-columns:minmax(96px,.8fr) minmax(0,1fr);gap:8px 12px;margin:0;font-size:13px;display:grid}.metadata-grid dt{color:var(--muted)}.metadata-grid dd{overflow-wrap:anywhere;min-width:0;margin:0}.player{border-top:1px solid var(--border);background:#0a0b0dfa;grid-column:1/-1;gap:18px;padding:14px 22px}.player-button{background:var(--accent);color:#111;border:0;flex:none;width:46px;height:46px;font-weight:900}.player-now{gap:12px;width:min(360px,30vw);min-width:180px}.player-timeline{flex:1;gap:10px;min-width:120px}.time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.progress{background:var(--panel-strong);border-radius:999px;flex:1;height:8px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--teal));height:100%;display:block}.player-actions{gap:8px}.player-actions button{width:34px;height:34px}@media (max-width:1240px){.workbench-shell{grid-template-columns:76px minmax(272px,320px) minmax(360px,1fr)}.details{width:min(360px,38vw);box-shadow:var(--shadow);grid-area:1/2/auto/-1;justify-self:end}.library{padding-right:min(380px,40vw)}}@media (max-width:940px){body{overflow:auto}.workbench-shell{grid-template-columns:72px minmax(280px,360px) minmax(320px,1fr);min-height:100vh;overflow-x:auto}.status-strip{grid-template-columns:repeat(3,minmax(120px,1fr))}.details{z-index:3;border:1px solid var(--border);border-radius:8px;max-height:min(66vh,620px);position:fixed;bottom:96px;right:18px}}@media (max-width:720px){.workbench-shell{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.rail{z-index:4;border-right:0;border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-between;padding:10px 12px;position:sticky;top:0}.rail nav{flex:1;justify-content:center;width:auto;display:flex;overflow-x:auto}.rail a{min-width:58px;padding:6px;font-size:11px}.nav-icon{display:none}.credit-card{width:68px;margin-top:0}.composer,.library{border-right:0;padding:18px 14px}.composer{border-bottom:1px solid var(--border)}.details{z-index:auto;width:auto;max-height:none;box-shadow:none;border-left:0;border-right:0;border-radius:8px 8px 0 0;position:static}.details-scroll{padding:18px 14px 110px}.details-art{max-height:260px}.list-controls,.player{align-items:stretch}.list-controls{flex-direction:column}.list-controls select{width:100%}.status-strip{padding-bottom:2px;display:flex;overflow-x:auto}.status-strip button{flex:0 0 168px}.song-row{grid-template-columns:34px 48px minmax(0,1fr)}.cover{width:48px;height:48px}.song-stats{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:start}.player{z-index:5;flex-wrap:wrap;gap:10px;padding:10px 12px;position:fixed;bottom:0;left:0;right:0}.player-now{width:calc(100% - 58px);min-width:0}.player-timeline{flex-basis:100%;order:3}.player-actions{display:none}}@media (max-width:420px){.form-grid.two,.metric-grid,.segmented.lyrics-mode{grid-template-columns:1fr}.panel-heading,.toolbar,.details-title-row{flex-direction:column;align-items:flex-start}}