@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f5f6f3;background:#0d1118;font-synthesis:none;--bg: #0d1118;--panel: #131a23;--line: rgba(230,236,226,.11);--muted: #7f8a8c;--soft: #aab1ad;--accent: #c8f36a;--teal: #8ce3cb;--mono: "DM Mono", monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:wait;opacity:.55}.app-shell{min-height:100vh;display:flex;background:radial-gradient(ellipse at 80% -10%,rgba(82,130,112,.16),transparent 42%),radial-gradient(ellipse at 25% 70%,rgba(61,49,105,.1),transparent 40%),var(--bg)}.sidebar{width:236px;padding:30px 18px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;flex:0 0 auto;background:#0a0e1499}.brand-mark{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#eef0e9;font-size:13px;font-weight:800;letter-spacing:.18em;padding:0 10px}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px #c8f36acc}.brand-mark small{flex-basis:100%;color:#5d686b;font:10px var(--mono);letter-spacing:.1em;margin-left:19px;margin-top:-2px}.side-nav{margin-top:62px;display:grid;gap:7px}.nav-item{min-height:44px;padding:0 11px;display:flex;align-items:center;gap:12px;color:var(--muted);background:transparent;border-radius:8px;text-align:left;font-size:12px}.nav-item .icon{width:17px}.nav-item.active{color:#eff2e9;background:#c8f36a17}.nav-item.active .icon{color:var(--accent)}.nav-item kbd,.nav-item b{margin-left:auto;color:#586369;font:10px var(--mono);font-weight:400}.side-spacer{flex:1}.side-note{padding:15px 10px;color:#899493;border-top:1px solid var(--line);font:10px/1.8 var(--mono)}.side-note small{color:#566366;font-size:9px}.live-dot,.error-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:5px;box-shadow:0 0 8px #c8f36ab3}.error-dot{background:#ff7d7d;box-shadow:0 0 8px #ff7d7db3}.side-footer{display:flex;justify-content:space-between;padding:18px 10px 0;color:#485256;font:9px var(--mono)}.main-area{width:min(1480px,calc(100% - 236px));margin:0 auto;padding:37px clamp(28px,5vw,78px) 70px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:35px}.eyebrow,.section-kicker{color:var(--teal);font:10px var(--mono);letter-spacing:.16em;margin:0 0 11px}.topbar h1{margin:0;font-size:clamp(26px,3vw,41px);font-weight:500;letter-spacing:-.06em;line-height:1.06}.top-actions{display:flex;align-items:center;gap:12px}.connection{color:var(--soft);font:10px var(--mono);border-right:1px solid var(--line);padding-right:18px}.connection i,.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);margin-right:6px;animation:breathe 2.4s ease-in-out infinite}.icon-button,.ghost-button{width:34px;height:34px;display:grid;place-items:center;background:transparent;color:#9ca7a5;border:1px solid var(--line);border-radius:50%}.icon-button:hover,.ghost-button:hover{color:var(--accent);border-color:#c8f36a66}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.avatar{width:32px;height:32px;border-radius:50%;background:#ecf2d9;color:#1b231a;font-size:11px;font-weight:800}.composer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:clamp(36px,6vw,92px)}.composer-column{min-width:0}.mode-switch{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:27px}.mode-switch button{display:flex;gap:14px;padding:0 0 17px;background:transparent;color:var(--muted);text-align:left;position:relative}.mode-switch button+button{padding-left:24px}.mode-switch button.selected{color:#edf0e6}.mode-switch button.selected:after{content:"";position:absolute;bottom:-1px;left:0;right:24px;height:2px;background:var(--accent)}.mode-switch button+button.selected:after{left:24px;right:0}.mode-index{color:#687471;font:11px var(--mono);padding-top:2px}.mode-switch strong{display:block;font-size:13px;font-weight:600}.mode-switch small{display:block;margin-top:5px;color:#677276;font-size:10px}.prompt-panel{border-bottom:1px solid var(--line)}.panel-heading,.prompt-footer,.visualizer-meta,.results-head,.job-meta,.job-foot,.lyrics-result-head,.history-title{display:flex;align-items:center;justify-content:space-between}.panel-heading{padding-bottom:13px;color:#e6ebe4;font-size:12px}.panel-heading>span:first-child{display:flex;align-items:center;gap:8px}.panel-heading .icon{width:15px;color:var(--teal)}.char-count{color:#5c686b;font:10px var(--mono)}textarea,input,select{outline:none}.prompt-panel textarea{width:100%;min-height:202px;padding:0;resize:vertical;background:transparent;color:#dfe5dc;border:0;font-size:19px;line-height:1.6;letter-spacing:-.02em}.prompt-panel textarea::placeholder,input::placeholder{color:#566267}.prompt-footer{padding:17px 0 16px;color:#627073;font:10px var(--mono)}.text-button{display:inline-flex;align-items:center;gap:6px;padding:0;color:var(--teal);background:transparent;font-size:10px}.text-button .icon{width:13px}.details-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:26px;padding:27px 0 25px;border-bottom:1px solid var(--line)}.field{display:block;color:#788482;font:10px var(--mono);letter-spacing:.04em}.field span{display:block;margin-bottom:10px}.field em{color:#4f5a5e;font-style:normal}.field input,.field select{width:100%;padding:0 0 10px;border:0;border-bottom:1px solid rgba(230,236,226,.18);background:transparent;color:#dfe5dc;font-size:13px}.field input:focus{border-color:var(--accent)}.control-row{display:flex;align-items:center;gap:18px;padding:20px 0 23px}.model-select{display:flex;align-items:center;gap:10px;color:#7c8988;font:10px var(--mono);position:relative}.model-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:7px 25px 7px 0;border:0;background:transparent;color:#dce2d9;font-size:11px;cursor:pointer}.model-select .icon{width:12px;position:absolute;right:3px;pointer-events:none}.toggle-field{display:flex;align-items:center;gap:9px;color:#7c8988;font:10px var(--mono);margin-left:8px}.toggle{width:33px;height:18px;padding:2px;background:#303a3b;border-radius:20px;transition:background .2s}.toggle i{display:block;width:14px;height:14px;background:#778080;border-radius:50%;transition:transform .2s,background .2s}.toggle.on{background:#c8f36a80}.toggle.on i{transform:translate(15px);background:var(--accent)}.generate-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;padding:0 18px;background:var(--accent);color:#10160e;border-radius:4px;font-size:12px;font-weight:800}.generate-button{margin-left:auto;min-width:148px}.generate-button:hover{background:#d9ff88;transform:translateY(-1px)}.generate-button .icon{width:16px}.generate-button.compact{min-width:auto}.secondary-button{min-height:38px;background:#c8f36a1a;color:var(--accent);border:1px solid rgba(200,243,106,.28)}.secondary-button:hover{background:#c8f36a2e}.visualizer{padding:19px 0 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.visualizer-meta{color:#61706f;font:9px var(--mono);letter-spacing:.08em}.visualizer-meta span:first-child{color:#9ea9a2}.waveform{height:58px;display:flex;align-items:center;gap:3px;padding:9px 2px 3px;overflow:hidden}.waveform i{display:block;width:3px;min-height:3px;flex:1;max-width:8px;background:linear-gradient(180deg,var(--teal),rgba(140,227,203,.18));border-radius:5px;animation:wave 2.5s ease-in-out infinite alternate}.waveform.muted i{background:#303a3e;opacity:.8;animation:none}.results-column{min-height:560px;padding-left:31px;border-left:1px solid var(--line)}.results-head{align-items:flex-end;padding-bottom:20px;border-bottom:1px solid var(--line)}.results-head h2{margin:0;font-size:17px;font-weight:500;letter-spacing:-.04em}.small-button{display:inline-flex;align-items:center;gap:7px;color:var(--teal);background:transparent;font:10px var(--mono)}.small-button .icon{width:13px}.empty-result{padding:65px 0 52px;border-bottom:1px solid var(--line)}.empty-orb{width:100%;height:120px;margin:0 0 32px;display:grid;place-items:center;background:radial-gradient(circle,rgba(140,227,203,.17),transparent 61%);border-radius:50%}.empty-orb .waveform{width:75%}.empty-result h3{margin:9px 0 13px;font-size:27px;line-height:1.1;font-weight:500;letter-spacing:-.06em}.empty-result p{max-width:245px;margin:0;color:#6d797b;font-size:11px;line-height:1.7}.job-result{padding:20px 0 0}.job-meta{color:#84908c;font:9px var(--mono)}.job-meta time{color:#526064}.job-title{display:flex;align-items:center;gap:14px;padding:24px 0 20px}.cover-art{width:52px;height:52px;display:grid;place-items:center;background:#18242b;border:1px solid rgba(140,227,203,.18);overflow:hidden}.cover-art .waveform{width:45px;transform:scale(.8)}.job-title h3{margin:0 0 6px;font-size:18px;font-weight:500}.job-title p{max-width:275px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#718082;font:10px var(--mono)}.clip-list{display:grid;gap:11px}.clip{position:relative;display:grid;grid-template-columns:70px 1fr;gap:14px;padding:10px;background:linear-gradient(100deg,#ffffff0e,#ffffff05);border:1px solid var(--line)}.clip-art{min-height:70px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#42646a,#18232d 64%,#10161e);background-size:cover;background-position:center}.play-button{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#dff4b7eb;color:#162018}.play-button .icon{width:14px;margin-left:2px}.clip-body{min-width:0;display:flex;flex-direction:column;justify-content:space-between}.clip-body>div:first-child{display:flex;gap:8px;align-items:flex-start}.clip-number{color:#71857f;font:10px var(--mono)}.clip h4{margin:0;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-actions{display:flex;align-items:center;gap:9px}.clip-actions audio{width:110px;height:20px;opacity:.72}.clip-actions a,.clip-actions button{display:grid;place-items:center;color:#8b9a94;background:transparent}.clip-actions .icon{width:15px}.clip-actions a.disabled{opacity:.3;pointer-events:none}.clip-detail{grid-column:1 / -1;padding:13px 5px 3px;border-top:1px solid var(--line);color:#89958f;font-size:10px;line-height:1.6}.clip-detail p{margin:0 0 7px;white-space:pre-wrap}.clip-detail small{color:#53625e;font:9px var(--mono)}.processing-result{padding:32px 0;display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line)}.processing-orb{width:88px;flex:0 0 88px;height:88px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(200,243,106,.18),transparent 67%)}.processing-orb .waveform{width:70px;transform:scale(.7)}.processing-result h3{margin:0 0 8px;font-size:14px;font-weight:600}.processing-result p{margin:0;color:#718082;font-size:10px;line-height:1.6}.job-foot{margin-top:17px;color:#526063;font:9px var(--mono)}.mini-history{margin-top:33px}.history-title{color:#596867;font:9px var(--mono);margin-bottom:10px}.mini-history>button{width:100%;padding:10px 0;display:flex;justify-content:space-between;color:#99a59f;background:transparent;text-align:left;border-bottom:1px solid var(--line);font-size:11px}.mini-history small{color:#5c6b6a;font:9px var(--mono)}.lyric-lab{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;padding:50px 0 0;position:relative}.lyric-lab-copy h2{margin:0 0 12px;font-size:27px;line-height:1.15;font-weight:500;letter-spacing:-.06em}.lyric-lab-copy p{max-width:240px;margin:0;color:#748080;font-size:11px;line-height:1.7}.lyric-lab-form textarea{width:100%;min-height:94px;resize:vertical;padding:13px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:#e1e7df;font-size:13px;line-height:1.6}.lyric-lab-form>div{display:flex;align-items:center;gap:10px;margin-top:16px}.lyric-lab-form .ghost-button{width:34px;border-radius:4px}.lyrics-result{grid-column:1 / -1;padding-top:25px;border-top:1px solid var(--line)}.lyrics-result-head{color:#70817e;font:9px var(--mono)}.lyrics-result pre{max-height:180px;overflow:auto;white-space:pre-wrap;margin:15px 0 0;color:#aeb9b0;font:11px/1.8 var(--mono)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:22px;background:#020508c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-modal{width:min(510px,100%);padding:30px;background:#151d25;border:1px solid rgba(200,243,106,.22);box-shadow:0 28px 80px #00000073}.modal-head{display:flex;align-items:flex-start;justify-content:space-between}.modal-head h2{margin:0;font-size:24px;letter-spacing:-.05em;font-weight:500}.modal-copy{margin:25px 0;color:#778583;font-size:11px;line-height:1.7}.settings-modal .field{margin-top:19px}.settings-modal .field input{padding-bottom:13px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:29px}.security-note{display:flex;align-items:center;gap:7px;margin:20px 0 0;color:#596866;font:9px var(--mono)}.security-note .icon{width:13px}.toast{position:fixed;z-index:20;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;max-width:360px;padding:13px 16px;background:#18221e;border:1px solid rgba(200,243,106,.3);color:#dbe8d6;box-shadow:0 13px 50px #0000004d;font-size:11px;animation:rise .3s ease-out}.toast>span{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#152016;font-weight:800}.toast.error{border-color:#ff7d7d59}.toast.error>span{background:#ff7d7d}.toast.info{border-color:#8ce3cb59}.toast.info>span{background:var(--teal)}@keyframes wave{0%{transform:scaleY(.65);opacity:.55}to{transform:scaleY(1.1);opacity:1}}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1050px){.sidebar{width:188px}.main-area{width:calc(100% - 188px);padding-inline:32px}.composer-layout{grid-template-columns:minmax(0,1fr) 320px;gap:35px}.results-column{padding-left:23px}.clip{grid-template-columns:56px 1fr;gap:10px}.clip-art{min-height:56px}.clip-actions audio{width:90px}}@media(max-width:820px){.app-shell{display:block}.sidebar{width:100%;height:61px;padding:0 20px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand-mark{padding:0}.brand-mark small,.side-spacer,.side-note,.side-footer{display:none}.side-nav{margin:0 0 0 auto;display:flex}.nav-item{width:42px;justify-content:center;padding:0}.nav-item span,.nav-item kbd,.nav-item b{display:none}.main-area{width:100%;padding:28px 20px 52px}.topbar{padding-bottom:28px}.topbar h1{font-size:29px}.composer-layout{display:block}.results-column{margin-top:52px;padding:34px 0 0;border-top:1px solid var(--line);border-left:0}.empty-result{padding-top:35px}.details-grid{gap:18px}.lyric-lab{gap:24px}}@media(max-width:540px){.connection{display:none}.topbar h1{font-size:25px}.mode-switch button+button{padding-left:12px}.mode-switch button.selected:after{right:12px}.mode-switch button+button.selected:after{left:12px}.mode-switch small{display:none}.prompt-panel textarea{min-height:230px;font-size:17px}.details-grid,.lyric-lab{grid-template-columns:1fr}.control-row{flex-wrap:wrap}.generate-button{flex:1 0 100%;margin-left:0}.visualizer{margin-top:3px}.lyric-lab{padding-top:42px}.lyric-lab-copy h2{font-size:24px}.settings-modal{padding:23px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.clip-actions audio{width:85px}}.nav-item.nav-open{color:#edf2e9;background:#8ce3cb14}.nav-item.nav-open .icon{color:var(--teal)}.is-polling .waveform i{animation-duration:1.1s}.processing-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 9px #8ce3cbbf;animation:breathe 1.2s ease-in-out infinite}.job-meta-actions{display:flex;align-items:center;gap:12px}.inline-refresh{display:inline-flex;align-items:center;gap:5px;padding:0;color:var(--teal);background:transparent;font:9px var(--mono)}.inline-refresh .icon{width:12px}.inline-refresh:disabled .icon{animation:spin 1s linear infinite}.progress-panel{padding:16px 0 17px;border-bottom:1px solid var(--line)}.progress-copy{display:flex;justify-content:space-between;gap:12px;color:#b7c2b9;font-size:11px}.progress-copy b{color:var(--accent);font:10px var(--mono);font-weight:400}.progress-track{height:4px;margin:13px 0 9px;overflow:hidden;background:#263134;border-radius:9px}.progress-track i{display:block;height:100%;min-width:8%;background:linear-gradient(90deg,var(--teal),var(--accent));border-radius:inherit;transition:width .5s ease}.progress-panel p{margin:0;color:#627174;font:9px/1.6 var(--mono)}.job-error{display:grid;gap:5px;padding:14px;margin-bottom:12px;color:#ffc4c4;background:#ff7d7d14;border:1px solid rgba(255,125,125,.22);font-size:10px;line-height:1.55}.job-error strong{color:#ff9b9b;font-size:11px}.clip-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.clip-heading>div{display:flex;align-items:center;gap:8px;min-width:0}.status-pill{flex:0 0 auto;padding:3px 5px;color:#8b9891;border:1px solid rgba(255,255,255,.1);font:8px var(--mono);letter-spacing:.06em}.status-pill.complete{color:var(--accent);border-color:#c8f36a40}.status-pill.streaming{color:var(--teal);border-color:#8ce3cb40}.status-pill.error{color:#ff9b9b;border-color:#ff7d7d4d}.clip-wait{display:grid;gap:3px;place-items:center;color:#7d9b96;font:8px var(--mono)}.clip-wait .waveform{width:48px;height:40px;padding:0}.clip-waiting-copy{margin:7px 0 0;color:#718082;font-size:10px;line-height:1.5}.audio-error{margin:6px 0 0;color:#ff9b9b;font:9px/1.4 var(--mono)}.clip-actions{justify-content:flex-end;margin-top:7px}.clip-actions a{display:inline-flex;align-items:center;gap:4px;color:var(--teal);font:9px var(--mono)}.clip-actions a:hover{color:var(--accent)}.clip-actions a .icon{width:13px}.clip-id{margin-left:auto;color:#53625e;font:9px var(--mono)}.history-panel{min-height:520px}.history-actions{display:flex;align-items:center;justify-content:space-between;padding:15px 0 13px;color:#667471;font:9px var(--mono);border-bottom:1px solid var(--line)}.history-actions button{display:inline-flex;align-items:center;gap:5px;padding:0;color:#9b8888;background:transparent;font:9px var(--mono)}.history-actions button:hover{color:#ff9b9b}.history-actions .icon{width:13px}.history-list{display:grid;gap:1px;margin-top:10px}.history-row{width:100%;display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:10px;padding:13px 8px;color:#aab4ae;background:transparent;border-bottom:1px solid var(--line);text-align:left}.history-row:hover,.history-row.selected{background:#8ce3cb12}.history-status{width:6px;height:6px;border-radius:50%;background:#667371}.history-status.complete{background:var(--accent);box-shadow:0 0 8px #c8f36a8c}.history-status.processing,.history-status.submitting{background:var(--teal);box-shadow:0 0 8px #8ce3cb8c}.history-status.error{background:#ff7d7d}.history-row-main{min-width:0;display:grid;gap:5px}.history-row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.history-row-main small,.history-row-status{color:#63706e;font:9px var(--mono)}.history-row-status{white-space:nowrap}.history-empty{display:grid;place-items:center;padding:80px 0;text-align:center;color:#566463}.history-empty .icon{width:25px;height:25px;margin-bottom:13px;color:#77918b}.history-empty p{margin:0 0 7px;color:#9ba9a2;font-size:12px}.history-empty small{font:9px var(--mono)}@keyframes spin{to{transform:rotate(360deg)}}