@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)}}.theme-toggle{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;color:#9ca7a5;background:transparent;border:1px solid var(--line);border-radius:18px;font:9px var(--mono);letter-spacing:.08em;transition:color .25s,border-color .25s,background .25s}.theme-toggle .icon{width:14px;height:14px}.theme-toggle:hover{color:var(--accent);border-color:#c8f36a66;background:#c8f36a0f}.app-shell,.sidebar,.main-area,.results-column,.clip,.settings-modal,.toast,.empty-orb,.clip-art,.cover-art{transition:background .35s ease,border-color .35s ease,color .35s ease,box-shadow .35s ease}[data-theme=day]{--bg: #f4f6f1;--panel: #ffffff;--line: rgba(22, 44, 38, .13);--muted: #687773;--soft: #33423d;--accent: #91b83e;--teal: #34796c}[data-theme=day] .app-shell{color:#17231f;background:radial-gradient(ellipse at 80% -10%,rgba(168,207,157,.34),transparent 43%),radial-gradient(ellipse at 24% 70%,rgba(208,200,231,.2),transparent 42%),var(--bg)}[data-theme=day] .sidebar{background:#fafcf7c2}[data-theme=day] .brand-mark{color:#17251f}[data-theme=day] .brand-mark small{color:#87958e}[data-theme=day] .nav-item{color:#71807a}[data-theme=day] .nav-item.active{color:#26352e;background:#91b83e26}[data-theme=day] .nav-item.nav-open{color:#26352e;background:#34796c1a}[data-theme=day] .nav-item kbd,[data-theme=day] .nav-item b{color:#96a39c}[data-theme=day] .side-note{color:#65736d}[data-theme=day] .side-note small,[data-theme=day] .side-footer{color:#9aa69f}[data-theme=day] .topbar h1,[data-theme=day] .panel-heading,[data-theme=day] .mode-switch button.selected,[data-theme=day] .results-head h2,[data-theme=day] .job-title h3,[data-theme=day] .empty-result h3,[data-theme=day] .lyric-lab-copy h2{color:#17231f}[data-theme=day] .eyebrow,[data-theme=day] .section-kicker{color:#34796c}[data-theme=day] .connection{color:#53645e}[data-theme=day] .theme-toggle,[data-theme=day] .icon-button,[data-theme=day] .ghost-button{color:#60716a}[data-theme=day] .theme-toggle:hover,[data-theme=day] .icon-button:hover,[data-theme=day] .ghost-button:hover{background:#91b83e1a}[data-theme=day] .mode-switch button{color:#89958f}[data-theme=day] .mode-switch small,[data-theme=day] .char-count{color:#87948d}[data-theme=day] .mode-index{color:#9aa6a0}[data-theme=day] .prompt-panel textarea,[data-theme=day] .lyric-lab-form textarea{color:#273832}[data-theme=day] .prompt-panel textarea::placeholder,[data-theme=day] input::placeholder,[data-theme=day] textarea::placeholder{color:#9aa7a0}[data-theme=day] .prompt-footer,[data-theme=day] .field,[data-theme=day] .model-select,[data-theme=day] .toggle-field{color:#718079}[data-theme=day] .field input,[data-theme=day] .field select,[data-theme=day] .model-select select{color:#273832}[data-theme=day] .model-select select option{color:#273832;background:#fff}[data-theme=day] .visualizer-meta span:first-child{color:#52665e}[data-theme=day] .waveform.muted i{background:#c8d4ce}[data-theme=day] .results-column{border-left-color:var(--line)}[data-theme=day] .empty-orb{background:radial-gradient(circle,rgba(52,121,108,.16),transparent 61%)}[data-theme=day] .empty-result p,[data-theme=day] .job-title p,[data-theme=day] .processing-result p,[data-theme=day] .clip-waiting-copy,[data-theme=day] .lyric-lab-copy p{color:#71817a}[data-theme=day] .clip{background:linear-gradient(100deg,#ffffffeb,#e8efe9b8);box-shadow:0 8px 24px #35534312}[data-theme=day] .clip-art{background:radial-gradient(circle at 30% 30%,#acd0c5,#dfe9e0 64%,#f3f6f0)}[data-theme=day] .cover-art{background:#e4eee8;border-color:#34796c33}[data-theme=day] .clip h4,[data-theme=day] .job-title p{color:#273832}[data-theme=day] .clip-number,[data-theme=day] .clip-id,[data-theme=day] .clip-detail small,[data-theme=day] .job-foot,[data-theme=day] .history-row-main small,[data-theme=day] .history-row-status{color:#87958e}[data-theme=day] .clip-detail{color:#5e7068}[data-theme=day] .processing-result,[data-theme=day] .progress-panel,[data-theme=day] .job-foot{border-color:var(--line)}[data-theme=day] .progress-copy{color:#41534b}[data-theme=day] .progress-track{background:#d7e2db}[data-theme=day] .history-row{color:#42544c}[data-theme=day] .history-row:hover,[data-theme=day] .history-row.selected{background:#34796c14}[data-theme=day] .history-empty{color:#8b9b93}[data-theme=day] .history-empty p{color:#4a5e55}[data-theme=day] .modal-backdrop{background:#e3ebe4b8}[data-theme=day] .settings-modal{background:#fbfdf9;border-color:#34796c38;box-shadow:0 28px 80px #2b483933}[data-theme=day] .modal-head h2{color:#17231f}[data-theme=day] .modal-copy,[data-theme=day] .security-note{color:#71817a}[data-theme=day] .toast{color:#234137;background:#f2fbef;border-color:#34796c4d;box-shadow:0 13px 50px #2b48392e}[data-theme=day] .toast.info>span{background:#9acbbd}@media(max-width:540px){.theme-toggle{padding:0 8px}.theme-toggle span{display:none}}.config-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#e3ad59;box-shadow:0 0 8px #e3ad598c}.connection-pending{color:#d5a35e}.connection-pending i{background:#d5a35e;box-shadow:0 0 12px #d5a35eb3}.api-key-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 4px;padding:14px;background:linear-gradient(115deg,#8ce3cb1a,#c8f36a0f);border:1px solid rgba(140,227,203,.23);border-radius:8px}.api-key-cta-copy{display:flex;align-items:center;gap:10px;min-width:0}.api-key-cta-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;color:var(--accent);background:#c8f36a24;border:1px solid rgba(200,243,106,.25);border-radius:50%}.api-key-cta-icon .icon{width:14px}.api-key-cta-copy div{display:grid;gap:4px}.api-key-cta-copy strong{color:#e7eee5;font-size:11px;font-weight:600}.api-key-cta-copy small{color:#758681;font-size:9px}.api-key-link{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:8px 10px;color:#10170f;background:var(--accent);border-radius:4px;font:10px var(--mono);text-decoration:none;transition:background .2s,transform .2s}.api-key-link:hover{color:#10170f;background:#d9ff88;transform:translateY(-1px)}.api-key-link .icon{width:12px}[data-theme=day] .api-key-cta{background:linear-gradient(115deg,#34796c14,#91b83e1f);border-color:#34796c38}[data-theme=day] .api-key-cta-copy strong{color:#294238}[data-theme=day] .api-key-cta-copy small{color:#73877c}@media(max-width:540px){.api-key-cta{align-items:stretch;flex-direction:column}.api-key-link{justify-content:center}}.creation-flow{border-top:1px solid var(--line)}.step-block{padding:22px 0 24px;border-bottom:1px solid var(--line)}.step-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:15px}.step-number{flex:0 0 auto;color:var(--teal);font:11px var(--mono);padding-top:2px}.step-heading>div{min-width:0;display:grid;gap:5px}.step-heading strong{color:#e6ebe4;font-size:13px;font-weight:600}.step-heading small{color:#697676;font-size:10px;line-height:1.45}.step-optional{margin-left:auto;color:#596767;font:9px var(--mono)}.step-required{margin-left:auto;color:var(--teal);font:9px var(--mono)}.title-input,.main-input{display:block;width:100%;outline:0;color:#e4ebe2;background:#ffffff0b;border:1px solid rgba(140,227,203,.16);border-radius:8px;box-shadow:inset 0 1px #ffffff06;transition:background .2s,border-color .2s,box-shadow .2s}.title-input{min-height:52px;padding:13px 15px;font-size:20px;line-height:1.25;letter-spacing:-.04em}.main-input{min-height:220px;padding:15px 16px;resize:vertical;font-size:17px;line-height:1.7}.title-input:hover,.main-input:hover,.style-manual input:hover,.lyric-lab-form textarea:hover{border-color:#8ce3cb59;background:#fff1}.title-input:focus,.main-input:focus,.style-manual input:focus,.lyric-lab-form textarea:focus{border-color:var(--teal);background:#8ce3cb12;box-shadow:0 0 0 3px #8ce3cb17}.title-input::placeholder,.main-input::placeholder{color:#58676a}.style-summary{display:flex;align-items:center;gap:16px;min-height:38px}.selected-tags{min-width:0;flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:7px}.style-placeholder{color:#647174;font-size:11px}.selected-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 8px 6px 10px;color:#dceacb;background:#c8f36a1a;border:1px solid rgba(200,243,106,.28);border-radius:4px;font:10px var(--mono)}.selected-tag span{color:var(--accent);font-size:14px;line-height:10px}.style-library-button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:9px 11px;color:var(--teal);background:#8ce3cb12;border:1px solid rgba(140,227,203,.22);border-radius:4px;font:10px var(--mono);transition:color .2s,background .2s,border-color .2s}.style-library-button:hover,.style-library-button.open{color:var(--accent);background:#c8f36a1a;border-color:#c8f36a59}.style-library-button .icon{width:14px}.style-library-button b{min-width:16px;padding:2px 4px;color:#152017;background:var(--accent);border-radius:9px;font:9px var(--mono)}.style-library{display:grid;grid-template-columns:145px 1fr;gap:20px;margin-top:18px;padding:16px;background:#ffffff06;border:1px solid var(--line);border-radius:6px;animation:rise .22s ease-out}.style-group-tabs{display:grid;align-content:start;gap:3px;border-right:1px solid var(--line);padding-right:13px}.style-group-tabs button{display:grid;gap:4px;padding:9px 8px;color:#768481;background:transparent;text-align:left;border-radius:4px}.style-group-tabs button:hover,.style-group-tabs button.selected{color:#e6eee4;background:#8ce3cb14}.style-group-tabs button.selected{box-shadow:inset 2px 0 0 var(--teal)}.style-group-tabs strong{font-size:11px;font-weight:600}.style-group-tabs small{color:#586565;font-size:9px;line-height:1.4}.style-options{min-width:0}.style-options-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;color:#dce5dd;font-size:11px}.style-options-head small{color:#62716f;font:9px var(--mono)}.style-chip-grid{display:flex;flex-wrap:wrap;gap:7px}.style-chip-grid button{display:inline-flex;align-items:center;gap:7px;padding:7px 8px 7px 10px;color:#899692;background:#080d1259;border:1px solid rgba(230,236,226,.1);border-radius:4px;font-size:10px;transition:color .2s,background .2s,border-color .2s,transform .2s}.style-chip-grid button:hover{color:#dce9dc;border-color:#8ce3cb66;transform:translateY(-1px)}.style-chip-grid button.selected{color:#eaf7d8;background:#c8f36a24;border-color:#c8f36a73}.style-chip-grid button i{color:#5e706b;font:11px var(--mono);font-style:normal}.style-chip-grid button.selected i{color:var(--accent)}.style-manual{display:grid;gap:8px;margin-top:18px;color:#657470;font:9px var(--mono)}.style-manual input{width:100%;min-height:40px;padding:9px 10px;color:#dfe7df;background:#ffffff0b;border:1px solid var(--line);border-radius:6px;outline:0;font-size:11px}.lyric-lab-form textarea{background:#ffffff0b;border:1px solid rgba(140,227,203,.16);border-radius:8px;padding:13px 14px}.settings-modal .field input{min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#ffffff0b}.clip,.clip-body{min-width:0;overflow:hidden}.clip-body audio{display:block;width:100%;max-width:100%;min-width:0;height:32px;margin-top:10px}.clip-body audio::-webkit-media-controls-enclosure{max-width:100%}[data-theme=day] .step-heading strong,[data-theme=day] .style-options-head{color:#273831}[data-theme=day] .step-heading small,[data-theme=day] .style-placeholder,[data-theme=day] .style-options-head small{color:#7b8b83}[data-theme=day] .title-input,[data-theme=day] .main-input{color:#273831;background:#ffffffc7;border-color:#34796c33;box-shadow:0 5px 18px #3553430d}[data-theme=day] .title-input::placeholder,[data-theme=day] .main-input::placeholder{color:#9aa9a1}[data-theme=day] .selected-tag{color:#49652d;background:#91b83e21;border-color:#6e97234d}[data-theme=day] .style-library{background:#ffffff9e}[data-theme=day] .style-group-tabs button{color:#788980}[data-theme=day] .style-group-tabs button:hover,[data-theme=day] .style-group-tabs button.selected{color:#2b473b;background:#34796c14}[data-theme=day] .style-group-tabs small{color:#9aa9a1}[data-theme=day] .style-chip-grid button{color:#6e8177;background:#f7faf6cc;border-color:#22453621}[data-theme=day] .style-chip-grid button:hover{color:#2d4b3c;border-color:#34796c66}[data-theme=day] .style-chip-grid button.selected{color:#456527;background:#91b83e29;border-color:#6e97236b}[data-theme=day] .style-manual input,[data-theme=day] .lyric-lab-form textarea,[data-theme=day] .settings-modal .field input{color:#30443b;background:#ffffffc7;border-color:#34796c2e}@media(max-width:640px){.style-summary{align-items:flex-start;flex-direction:column}.style-library{grid-template-columns:1fr;gap:14px}.style-group-tabs{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:0 0 10px}.style-group-tabs button{min-width:105px}.style-group-tabs button.selected{box-shadow:inset 0 -2px 0 var(--teal)}.style-options-head{display:grid;gap:5px}.title-input{font-size:21px}}