:root{--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-focus:#2563eb;--color-accent-light:#dbeafe;--color-btn-primary-bg:#2563eb;--color-btn-primary-bg-hover:#1d4ed8;--color-btn-primary-text:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-text-inverse:#fff;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--tool-surface:var(--color-bg-primary);--tool-surface-soft:var(--color-bg-secondary);--tool-surface-muted:var(--color-bg-tertiary);--tool-line:var(--color-border);--tool-line-strong:var(--color-border-strong);--tool-selection-surface:#eff6ff;--tool-selection-border:#60a5fa;--tool-media-control-background:#eff6ff;--tool-media-control-border:#bfdbfe;--tool-media-control-text:#2563eb;--tool-media-control-hover:#dbeafe;--tool-active-control-text:#1d4ed8;color:var(--color-text-primary);background:var(--color-bg-primary);font-synthesis:none;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}[data-theme=dark]{--color-accent:#60a5fa;--color-accent-hover:#93c5fd;--color-accent-focus:#60a5fa;--color-accent-light:#1e3a5f;--color-btn-primary-bg:#2563eb;--color-btn-primary-bg-hover:#3b82f6;--color-btn-primary-text:#fff;--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-inverse:#0f172a;--color-border:#334155;--color-border-strong:#475569;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--shadow-sm:0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0003;--tool-selection-surface:#172554;--tool-selection-border:var(--color-accent);--tool-media-control-background:#14223a;--tool-media-control-border:#334b70;--tool-media-control-text:#60a5fa;--tool-media-control-hover:#1e3a5f;--tool-active-control-text:#60a5fa}*,:before,:after{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-accent-focus);outline-offset:2px}.container{width:min(1120px,100% - 32px);margin:0 auto;padding:48px 0 72px}.eyebrow{color:var(--color-accent);letter-spacing:.16em;margin:0 0 8px;font-size:.75rem;font-weight:750}h1{color:var(--color-text-primary);margin:0;font-size:clamp(2.4rem,8vw,5rem);line-height:.95}.subtitle{max-width:680px;color:var(--color-text-secondary);font-size:1.05rem}.status-panel{border:1px solid var(--tool-line);background:var(--tool-surface-soft);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:space-between;gap:24px;margin:28px 0 16px;padding:18px 20px;display:flex}.status-panel[data-state=ready]{border-color:var(--color-success)}.status-panel[data-state=error]{border-color:var(--color-error)}.status-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px;font-size:.72rem;display:block}.workspace{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:stretch;gap:20px;margin-top:20px;display:grid}.workspace-primary{grid-template-rows:auto minmax(320px,1fr);gap:20px;min-width:0;display:grid}.text-panel,.controls-panel,.results-panel{border:1px solid var(--tool-line);background:var(--tool-surface);min-width:0;box-shadow:var(--shadow-md);border-radius:20px;padding:24px}.controls-panel{background:var(--tool-surface-soft);flex-direction:column;align-self:stretch;display:flex}.text-input-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:7px;display:flex}.text-input-header label{margin:0}.text-input-actions{gap:6px;margin-left:auto;display:flex}.text-input-action{border:1px solid var(--tool-line-strong);min-height:30px;color:var(--color-text-primary);background:var(--tool-surface-soft);white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:5px 9px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.text-input-action:hover:not(:disabled){border-color:var(--tool-selection-border);background:var(--tool-selection-surface);color:var(--tool-active-control-text)}.text-input-action:focus-visible{outline:2px solid var(--color-accent-focus);outline-offset:2px}.text-input-action:disabled{cursor:not-allowed;opacity:.45}.text-input-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8px;width:14px;height:14px}.controls-panel>label:first-child{margin-top:0}label{color:var(--color-text-primary);margin:18px 0 7px;font-size:.84rem;font-weight:700;display:block}select,textarea,input{border:1px solid var(--tool-line-strong);width:100%;color:var(--color-text-primary);background:var(--tool-surface-soft);border-radius:10px;padding:11px 12px}textarea{resize:vertical;line-height:1.55}textarea::placeholder{color:var(--color-text-tertiary);opacity:1}select:disabled,input:disabled,textarea:disabled{color:var(--color-text-tertiary);background:var(--tool-surface-muted);opacity:.55}.field-note{color:var(--color-text-tertiary);margin-top:6px;font-size:.78rem;display:block}.text-limit-counter{color:var(--color-text-tertiary);text-align:right;margin-top:7px;font-size:.78rem;display:block}.text-limit-counter[data-state=warning]{color:var(--color-error);font-weight:700}.text-limit-warning{color:var(--color-error);margin:6px 0 0;font-size:.8rem}.mobile-generation-notice{border-left:3px solid var(--color-accent);color:var(--color-text-secondary);background:var(--color-accent-light);margin:10px 0 0;padding:8px 10px;font-size:.8rem;line-height:1.45}.range-field{margin-top:22px}.range-label-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.range-label-row label{margin:0}.range-label-row output{border:1px solid var(--tool-line-strong);min-width:4.5rem;color:var(--tool-active-control-text);background:var(--tool-selection-surface);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:750}.range-input{height:30px;accent-color:var(--color-accent);cursor:pointer;background:0 0;border:0;margin-top:7px;padding:0}.range-input:disabled{cursor:not-allowed}.range-scale{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-2px;font-size:.72rem;display:flex}.batch-options{border:1px solid var(--tool-line-strong);background:var(--tool-surface);border-radius:12px;margin:20px 0;padding:14px}.batch-options legend{color:var(--color-text-primary);padding:0 6px;font-size:.84rem;font-weight:700}.checkbox-row{align-items:center;gap:10px;margin:0;display:flex}.checkbox-row input{width:auto;accent-color:var(--color-accent)}.naming-token-picker{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.naming-token-picker .field-note{margin:0 2px 0 0}.naming-token-button{border:1px solid var(--tool-line);block-size:30px;inline-size:72px;color:var(--color-text-primary);background:var(--tool-surface-soft);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 9px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.naming-token-button:hover:not(:disabled){border-color:var(--tool-selection-border);background:var(--tool-selection-surface);color:var(--tool-active-control-text)}.naming-token-button:focus-visible{outline:2px solid var(--color-accent-focus);outline-offset:2px}.naming-token-button:disabled{cursor:not-allowed;opacity:.45}.filename-preview{margin-top:14px}.filename-preview ol{max-height:180px;color:var(--color-text-secondary);margin:8px 0 0;padding-left:24px;font-size:.8rem;overflow:auto}.filename-preview p{color:var(--color-text-secondary);margin:8px 0 0;font-size:.8rem}.primary-button,.secondary-button{cursor:pointer;border-radius:10px;padding:12px 18px;font-weight:750}.primary-button{color:var(--color-btn-primary-text);background:var(--color-btn-primary-bg);border:0}.primary-button:hover:not(:disabled){background:var(--color-btn-primary-bg-hover)}.primary-button:disabled{cursor:not-allowed;opacity:.45}.controls-panel>.primary-button{width:100%;margin-top:auto}.secondary-button{border:1px solid var(--tool-line-strong);color:var(--color-text-primary);background:var(--tool-surface)}.secondary-button:hover:not(:disabled){border-color:var(--tool-selection-border);background:var(--tool-selection-surface);color:var(--tool-active-control-text)}.secondary-button:disabled{cursor:not-allowed;color:var(--color-text-tertiary);background:var(--tool-surface-muted);opacity:.55}.error-box,.download-error{border:1px solid color-mix(in srgb, var(--color-error) 30%, transparent);color:var(--color-error);background:color-mix(in srgb, var(--color-error) 10%, transparent);border-radius:10px;padding:12px}.error-box{margin-top:14px}.results-panel{align-items:center;min-height:320px;display:grid}.results-placeholder{color:var(--color-text-tertiary);text-align:center}.results-placeholder-icon{font-size:2.3rem}.generation-progress{color:var(--color-text-secondary);text-align:center;justify-items:center;gap:6px;display:grid}.generation-progress-icon{line-height:1}.generation-progress-success-svg{width:2.3rem;height:2.3rem;display:block}.generation-progress-success-svg circle{fill:var(--color-success)}.generation-progress-success-svg path{fill:none;stroke:var(--color-btn-primary-text);stroke-width:2.75px;stroke-linecap:round;stroke-linejoin:round}.generation-progress-label,.generation-progress-value{margin:0}.generation-progress-label{color:var(--color-text-primary)}.generation-progress-value{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.generation-cancel-button{border:1px solid color-mix(in srgb, var(--color-error) 45%, transparent);min-width:8rem;color:var(--color-error);background:color-mix(in srgb, var(--color-error) 10%, transparent);font:inherit;cursor:pointer;border-radius:8px;margin-top:10px;padding:9px 14px;font-weight:700}.generation-cancel-button:hover:not(:disabled){background:color-mix(in srgb, var(--color-error) 16%, transparent)}.generation-cancel-button:disabled{cursor:wait;opacity:.65}.generation-cancel-button[hidden]{display:none}.result-item{align-self:center;gap:18px;display:grid}.batch-result-browser.batch-generation-active,.batch-result-browser.batch-progress-centered{align-self:center}.result-label{color:var(--color-text-tertiary);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:750}.result-text{color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.65}.result-stats{color:var(--color-text-secondary);flex-wrap:wrap;gap:8px 18px;font-size:.86rem;display:flex}.download-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mp3-download-status{color:var(--color-text-secondary);text-align:center;margin:0;font-size:.86rem}audio{width:100%}.single-playback-status{color:var(--color-text-secondary);margin:0}.custom-player-controls{grid-template-columns:auto auto minmax(100px,1fr) auto;align-items:center;gap:12px;display:grid}.custom-player-controls[hidden]{display:none}.custom-player-play-button{border-color:var(--tool-media-control-border);min-width:82px;color:var(--tool-media-control-text);background:var(--tool-media-control-background)}.custom-player-play-button:hover:not(:disabled){border-color:var(--tool-selection-border);color:var(--tool-active-control-text);background:var(--tool-media-control-hover)}.custom-player-time{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.custom-player-progress{width:100%;height:10px;accent-color:var(--color-accent);background:var(--tool-line);border:0;border-radius:999px;overflow:hidden}.custom-player-progress::-webkit-progress-bar{background:var(--tool-line)}.custom-player-progress::-webkit-progress-value{background:var(--color-accent)}.custom-player-progress::-moz-progress-bar{background:var(--color-accent)}.single-ready-count{color:var(--color-text-tertiary);font-size:.82rem}.result-navigation{text-align:center;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.result-navigation[hidden]{display:none}.result-navigation input{accent-color:var(--color-accent)}.batch-filename{overflow-wrap:anywhere;color:var(--color-text-primary);margin:0;font-weight:700}.batch-result-browser .result-stats[hidden]{display:none}.playback-warning{color:var(--color-warning);margin:0}.legal-links{text-align:right;margin:18px 0 0;font-size:.76rem}.legal-links a{color:var(--color-text-tertiary)}.legal-links a:hover{color:var(--color-accent-hover)}@media (max-width:780px){.workspace{grid-template-columns:1fr}.workspace-primary{display:contents}.text-panel{order:1}.controls-panel{order:2}.results-panel{order:3}.status-panel{flex-direction:column}.results-panel{min-height:300px}.custom-player-controls{grid-template-columns:auto auto 1fr}.custom-player-progress{grid-area:2/1/auto/-1}.download-actions{grid-template-columns:1fr}}