:root{--bg: #faf6f0;--bg-panel: #ffffff;--bg-soft: #f3ece2;--ink: #3d3229;--ink-soft: #7d7165;--accent: #b0714f;--accent-soft: #e8d5c8;--accent-deep: #94553a;--user-bubble: #efe3d5;--radius: 14px;--shadow: 0 2px 12px rgba(90, 70, 50, .08);font-size:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,Times New Roman,serif;line-height:1.6}button{font:inherit;cursor:pointer}input,textarea{font:inherit;color:var(--ink)}.app{height:100vh;display:flex;flex-direction:column}.note{color:var(--accent)}.muted{color:var(--ink-soft)}.topbar{display:flex;align-items:center;gap:1.25rem;padding:.7rem 1.4rem;background:var(--bg-panel);border-bottom:1px solid var(--accent-soft);flex-wrap:wrap}.app-title{font-size:1.15rem;margin:0;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:18rem}.back-btn{background:none;border:1px solid var(--accent-soft);border-radius:8px;padding:.3rem .8rem;color:var(--ink-soft)}.back-btn:hover{color:var(--ink);border-color:var(--accent)}.phases{display:flex;gap:.4rem;margin-left:auto;align-items:center;flex-wrap:wrap}.phase{font-size:.78rem;color:var(--ink-soft);padding:.25rem .7rem;border-radius:999px;background:var(--bg-soft)}.phase.done{color:var(--accent-deep)}.phase.current{background:var(--accent);color:#fff}.workspace{flex:1;display:grid;grid-template-columns:1fr;min-height:0;max-width:1400px;width:100%;margin:0 auto}.workspace.split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1rem;padding:0 1rem}.chat{display:flex;flex-direction:column;min-height:0}.chat-scroll{flex:1;overflow-y:auto;padding:1.5rem 1.5rem .5rem;display:flex;flex-direction:column;gap:.9rem}.bubble{max-width:44rem;padding:.8rem 1.1rem;border-radius:var(--radius);white-space:pre-wrap}.bubble p{margin:0 0 .6rem;white-space:pre-wrap}.bubble p:last-child{margin-bottom:0}.bubble.user{align-self:flex-end;background:var(--user-bubble);border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:var(--bg-panel);box-shadow:var(--shadow);border-bottom-left-radius:4px}.thinking-dots span{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--accent);opacity:.4;animation:pulse 1.2s infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.9}}@media(prefers-reduced-motion:reduce){.thinking-dots span{animation:none;opacity:.6}}.draft-card{background:var(--bg-soft);border-left:3px solid var(--accent);border-radius:10px;padding:.8rem 1rem;margin:.6rem 0}.draft-card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-deep);margin-bottom:.4rem}.draft-card pre,.lyrics-text{margin:0;font-family:inherit;white-space:pre-wrap;line-height:1.7}.composer{display:flex;gap:.7rem;padding:.9rem 1.5rem 1.2rem;align-items:flex-end}.composer textarea{flex:1;resize:none;border:1px solid var(--accent-soft);border-radius:var(--radius);padding:.7rem 1rem;background:var(--bg-panel);line-height:1.5}.composer textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.65rem 1.3rem}.primary:hover:not(:disabled){background:var(--accent-deep)}.primary:disabled{opacity:.55;cursor:default}.primary.big{width:100%;padding:.9rem;font-size:1.05rem}.link-btn{background:none;border:none;color:var(--accent-deep);text-decoration:underline;font-size:.85rem;padding:0}.lyrics-panel{display:flex;flex-direction:column;min-height:0;background:var(--bg-panel);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow);margin-top:1rem}.panel-header{display:flex;align-items:baseline;justify-content:space-between;padding:1rem 1.3rem .4rem}.panel-header h2{margin:0;font-size:1.05rem;color:var(--accent-deep);font-weight:400;font-style:italic}.panel-scroll{flex:1;overflow-y:auto;padding:.5rem 1.3rem 1.3rem}.panel-footer{padding:.9rem 1.3rem 1.2rem;border-top:1px solid var(--accent-soft)}.lyrics-tag{color:var(--accent);font-style:italic}.song-section{margin-bottom:1.4rem;padding-bottom:1.2rem;border-bottom:1px solid var(--accent-soft)}.song-ready{margin:0 0 .8rem}.song-track{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem}.song-track-label{font-size:.8rem;color:var(--accent-deep);font-style:italic;min-width:3.4rem}.song-track audio{flex:1;height:40px}.song-download{font-size:.82rem;color:var(--accent-deep)}.copy-field{margin-bottom:1.1rem}.copy-field-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.copy-field-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft)}.char-count{text-transform:none;letter-spacing:0}.copy-btn{background:var(--bg-soft);border:1px solid var(--accent-soft);border-radius:8px;padding:.2rem .75rem;font-size:.82rem;color:var(--accent-deep)}.copy-btn:hover{border-color:var(--accent)}.copy-field-value{background:var(--bg-soft);border-radius:10px;padding:.7rem .95rem;white-space:pre-wrap}.copy-field-value.mono{line-height:1.7}.tips ul{margin:.4rem 0 0;padding-left:1.3rem}.tips h3,.suno-guide h3,.regen h3{font-size:.95rem;color:var(--accent-deep);margin:1.3rem 0 .3rem;font-weight:400;font-style:italic}.suno-guide ol{margin:.4rem 0 0;padding-left:1.4rem}.suno-guide li{margin-bottom:.25rem}.regen textarea{width:100%;resize:none;border:1px solid var(--accent-soft);border-radius:10px;padding:.6rem .9rem;margin:.4rem 0 .6rem;background:var(--bg)}.picker{max-width:34rem;margin:0 auto;padding:3.5rem 1.5rem;width:100%}.picker-hero h1{font-size:2rem;font-weight:400;margin:0 0 .3rem}.tagline{color:var(--ink-soft);margin:0 0 2rem;font-style:italic}.picker-new{display:flex;gap:.7rem;margin-bottom:2.5rem}.picker-new input{flex:1;border:1px solid var(--accent-soft);border-radius:var(--radius);padding:.65rem 1rem;background:var(--bg-panel)}.picker-new input:focus{outline:2px solid var(--accent);outline-offset:1px}.picker-list h2{font-size:1rem;font-weight:400;font-style:italic;color:var(--accent-deep);margin-bottom:.7rem}.picker-item{display:flex;gap:.5rem;margin-bottom:.6rem;align-items:stretch}.picker-open{flex:1;text-align:left;background:var(--bg-panel);border:1px solid var(--accent-soft);border-radius:var(--radius);padding:.7rem 1rem;display:flex;flex-direction:column;gap:.15rem}.picker-open:hover{border-color:var(--accent)}.picker-title{font-size:1.02rem}.picker-meta{font-size:.8rem;color:var(--ink-soft)}.picker-delete{background:none;border:1px solid transparent;border-radius:10px;color:var(--ink-soft);padding:0 .7rem}.picker-delete:hover{color:#a33;border-color:#d9b8b8}.gate-intro{color:var(--ink-soft);margin:0 0 1.2rem}.gate-error{color:#a33;margin:.6rem 0 0}.composing{display:flex;align-items:center;gap:.8rem;padding:.6rem 0}.composing p{margin:0}.admin{max-width:52rem;margin:0 auto;padding:3rem 1.5rem}.admin h1{font-size:1.6rem;font-weight:400;margin:0 0 1.4rem}.admin-create{display:flex;gap:.7rem;align-items:center;margin-bottom:1.6rem;flex-wrap:wrap}.admin-create input[type=text]{flex:1;min-width:12rem;border:1px solid var(--accent-soft);border-radius:var(--radius);padding:.55rem .9rem;background:var(--bg-panel)}.admin-create label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--ink-soft)}.admin-create input[type=number]{width:4rem;border:1px solid var(--accent-soft);border-radius:8px;padding:.4rem .5rem;background:var(--bg-panel)}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-panel);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.admin-table th,.admin-table td{text-align:left;padding:.6rem .9rem;border-bottom:1px solid var(--bg-soft);font-size:.92rem}.admin-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);font-weight:400}.admin-table tr.revoked td{opacity:.45}.admin-providers{margin-bottom:2.2rem}.admin-hint{font-size:.85rem;margin:-.8rem 0 .8rem}.link-btn:disabled{opacity:.3;cursor:default}.admin-block{background:var(--bg-panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.3rem;margin-bottom:1.4rem}.admin-block h2{font-size:1rem;font-weight:400;font-style:italic;color:var(--accent-deep);margin:0 0 .6rem}.admin-lyrics{background:var(--bg-soft);border-radius:10px;padding:.8rem 1rem;max-height:20rem;overflow-y:auto}.admin-transcript{display:flex;flex-direction:column;gap:.7rem;max-height:60vh;overflow-y:auto}.admin-msg{padding:.6rem .9rem;border-radius:10px;background:var(--bg-soft)}.admin-msg.user{background:var(--user-bubble)}.admin-msg-role{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);margin-bottom:.2rem}.admin-msg-body{white-space:pre-wrap}.earlier-takes{margin-bottom:1.4rem;padding-bottom:1.2rem;border-bottom:1px solid var(--accent-soft)}.earlier-takes h3{font-size:.95rem;color:var(--accent-deep);margin:0 0 .6rem;font-weight:400;font-style:italic}.agreement{display:flex;gap:.8rem;align-items:flex-start;background:var(--bg-panel);border:1px solid var(--accent-soft);border-radius:var(--radius);padding:.9rem 1.1rem;margin-bottom:.8rem;cursor:pointer;line-height:1.55}.agreement input{margin-top:.35rem;width:1.05rem;height:1.05rem;accent-color:var(--accent);flex-shrink:0}.agreement strong{color:var(--accent-deep)}.agreements .primary.big{margin-top:.6rem}.agreement-hint{font-size:.85rem;margin-top:.5rem;text-align:center}.toast{position:fixed;bottom:1.4rem;left:50%;transform:translate(-50%);background:#5a4638;color:#fdf8f2;padding:.7rem 1.3rem;border-radius:12px;box-shadow:0 4px 18px #3c28194d;max-width:34rem;font-size:.92rem}@media(max-width:900px){.workspace.split{grid-template-columns:1fr;grid-template-rows:minmax(0,1.2fr) minmax(0,1fr)}.app-title{max-width:10rem}}