@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--bg: #0b0f14;--bg-alt: #111722;--surface: #161c26;--border: #232c3b;--accent-a: #4f7cff;--accent-b: #22d3ee;--amber: #f59e0b;--emerald: #10b981;--error: #f87171;--text: #e8edf4;--text-muted: #8a94a6}*{box-sizing:border-box}html,body{background:var(--bg)}body{margin:0;font-family:Pretendard,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 15% -10%,rgba(79,124,255,.1),transparent),radial-gradient(900px 500px at 100% 10%,rgba(34,211,238,.06),transparent),var(--bg);min-height:100vh}button,input,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--accent-b);outline-offset:2px;border-radius:4px}.app{max-width:1080px;margin:0 auto;padding:20px 20px 56px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 20px}.brand{font-weight:800;font-size:19px;letter-spacing:-.01em;display:flex;align-items:baseline;gap:6px}.logo-dot{color:var(--accent-b);margin-right:2px}.brand-sub{font-weight:600;font-size:13px;color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted)}.status-badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.status-badge.status-ready{color:var(--emerald);border-color:#10b98159}.status-badge.status-loading{color:var(--amber);border-color:#f59e0b59}.status-badge.status-loading .dot{animation:pulse-dot 1.2s ease-in-out infinite}.status-badge.status-error{color:var(--error);border-color:#f8717159}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.banner{border-radius:10px;padding:12px 16px;font-size:13px;margin-bottom:16px;border:1px solid}.banner-error{background:#f8717114;border-color:#f871714d;color:var(--error)}.workbench{display:grid;grid-template-columns:1fr 1fr;gap:18px;transition:opacity .2s ease}.workbench.disabled{opacity:.55;pointer-events:none}.generate-row,.progress-card,.result-card,.history-card{grid-column:1 / -1}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 18px 16px}.card h2{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:8px}textarea{width:100%;min-height:96px;resize:vertical;background:var(--bg-alt);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:15px;line-height:1.5}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{background:var(--bg-alt);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.chip:hover{color:var(--text);border-color:var(--accent-a)}.text-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-top:12px;font-variant-numeric:tabular-nums}.badge-soft{font-size:10px;font-weight:600;color:var(--accent-b);background:#22d3ee1a;border:1px solid rgba(34,211,238,.25);border-radius:999px;padding:2px 8px}.badge-soft.small{font-size:10px;padding:1px 7px}.dropzone{border:1px dashed var(--border);border-radius:10px;padding:20px 14px;font-size:13px;color:var(--text-muted);cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease;line-height:1.6}.dropzone:hover{border-color:var(--accent-a)}.dropzone.dragover{border-color:var(--accent-b);background:#4f7cff14}.dropzone.filled{border-style:solid}.ref-file-info{color:var(--text)}.ref-file-name{font-weight:600;word-break:break-all}.ref-file-dur{font-size:12px;color:var(--text-muted);margin-top:4px;font-variant-numeric:tabular-nums}.ref-actions{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}.ref-preview{height:32px;flex:1;min-width:160px}.clone-active-badge{display:inline-block;margin-top:10px;font-size:11px;font-weight:600;color:var(--emerald);background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:999px;padding:3px 10px}.link-btn{background:none;border:none;color:var(--text-muted);font-size:12px;padding:4px 0;text-decoration:underline;cursor:pointer}.link-btn:hover{color:var(--text)}.generate-row{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0}.generate-btn{background:linear-gradient(135deg,var(--accent-a),var(--accent-b));color:#061018;border:0;border-radius:12px;padding:13px 32px;font-size:15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-width:220px;justify-content:center;font-variant-numeric:tabular-nums;transition:filter .15s ease,transform .1s ease}.generate-btn:hover:not(:disabled){filter:brightness(1.08)}.generate-btn:active:not(:disabled){transform:translateY(1px)}.generate-btn:disabled{opacity:.45;cursor:default;filter:none}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(6,16,24,.35);border-top-color:#061018;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.gen-error{color:var(--error);font-size:12px;text-align:center}.progress-card{display:flex;flex-direction:column;gap:10px;align-items:stretch}.beam-canvas{width:100%;height:84px;display:block}.shimmer-bar{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--border) 25%,var(--accent-a) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-label{text-align:center;font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.empty-state{height:84px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;border:1px dashed var(--border);border-radius:10px}.waveform-canvas{width:100%;height:84px;display:block;border-radius:10px;background:var(--bg-alt)}.result-audio{width:100%;margin-top:12px;height:38px}.result-audio.hidden{display:none}.result-actions{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}.download-link{color:var(--accent-b);font-size:13px;font-weight:600;text-decoration:none}.download-link:hover{text-decoration:underline}.secondary-btn{background:var(--bg-alt);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-size:13px;cursor:pointer}.secondary-btn:hover:not(:disabled){border-color:var(--accent-a)}.secondary-btn:disabled{opacity:.45;cursor:default}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.history-item{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--bg-alt)}.history-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.history-text{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.history-actions{display:flex;align-items:center;gap:12px}.history-actions audio{height:32px;flex:1;min-width:140px}.history-actions a{color:var(--accent-b);font-size:12px;text-decoration:none;white-space:nowrap}.history-actions a:hover{text-decoration:underline}@media (max-width: 760px){.workbench{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.status-badge.status-loading .dot,.spinner,.shimmer-bar{animation:none}}