:root{--neutral-0: #ffffff;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--neutral-950: #0a0a0a;--success-bg: #ecfdf5;--success-solid: #059669;--error-bg: #fef2f2;--error-solid: #dc2626;--warning-bg: #fffbeb;--warning-solid: #d97706;--info-bg: #eff6ff;--info-solid: #2563eb;--canvas: var(--neutral-50);--surface: var(--neutral-0);--surface-raised: var(--neutral-0);--border: var(--neutral-200);--border-strong: var(--neutral-300);--text: var(--neutral-700);--text-strong: var(--neutral-900);--text-muted: var(--neutral-500);--text-faint: var(--neutral-400);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-8: 48px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-full: 999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--font: "Noto Sans", system-ui, -apple-system, sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--canvas: #0a0a0a;--surface: #171717;--surface-raised: #262626;--border: #2e2e2e;--border-strong: #3a3a3a;--text: #e5e5e5;--text-strong: #fafafa;--text-muted: #a3a3a3;--text-faint: #737373;--success-bg: #052e22;--error-bg: #2e0d0d;--warning-bg: #2e2205;--info-bg: #0a1e3a;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 6px 20px rgba(0,0,0,.5)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--canvas);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}:focus-visible{outline:2px solid var(--primary-600, #4f46e5);outline-offset:2px;border-radius:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.loading{display:grid;place-items:center;min-height:100vh;color:var(--text-muted)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;color:var(--text-strong);letter-spacing:-.01em}.brand svg{color:var(--primary-600)}.credits{display:flex;align-items:center;gap:var(--sp-2);font-size:.9rem;font-weight:600;color:var(--text);background:var(--neutral-100);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-full)}.features{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5) 0;max-width:1200px;width:100%;margin:0 auto}.feat{font:inherit;font-weight:600;font-size:.9rem;color:var(--text-muted);background:transparent;border:0;border-bottom:2px solid transparent;padding:var(--sp-2) var(--sp-2) var(--sp-3);cursor:pointer}.feat.on{color:var(--text-strong);border-bottom-color:var(--primary-600)}.shell{flex:1;display:grid;grid-template-columns:minmax(320px,440px) 1fr;gap:var(--sp-6);max-width:1200px;width:100%;margin:0 auto;padding:var(--sp-6) var(--sp-5)}@media(max-width:820px){.shell{grid-template-columns:1fr}}.feature-title h1{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:0 0 var(--sp-1);color:var(--text-strong)}.muted{color:var(--text-muted);margin:0}.faint{color:var(--text-faint)}.inputs{display:flex;flex-direction:column;gap:var(--sp-4)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field-inline{flex-direction:row;align-items:center;justify-content:space-between}.field-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.field-label{font-size:.82rem;font-weight:600;color:var(--text-strong)}.field-help{font-size:.78rem;color:var(--text-muted);margin:0}.spark{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:600;color:var(--secondary-600)}.soon{font-size:.82rem;color:var(--text-muted);background:var(--neutral-100);border:1px dashed var(--border-strong);border-radius:var(--r-md);padding:var(--sp-3)}.input{width:100%;font:inherit;font-size:.92rem;color:var(--text-strong);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:var(--sp-3);transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px var(--primary-100);outline:none}textarea.input{resize:vertical;min-height:96px}.segmented{display:inline-flex;background:var(--neutral-100);border-radius:var(--r-md);padding:3px;gap:3px}.seg{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:.86rem;font-weight:600;padding:7px 14px;border-radius:7px;cursor:pointer}.seg.on{background:var(--surface);color:var(--text-strong);box-shadow:var(--shadow-sm)}.ratios{display:flex;gap:var(--sp-2);flex-wrap:wrap}.ratio{display:flex;flex-direction:column;align-items:center;gap:5px;width:56px;padding:var(--sp-2) 0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);cursor:pointer}.ratio.on{border-color:var(--primary-600);box-shadow:0 0 0 2px var(--primary-100)}.ratio-box{background:var(--neutral-300);border-radius:2px;display:block}.ratio.on .ratio-box{background:var(--primary-600)}.ratio-label{font-size:.7rem;color:var(--text-muted);font-weight:600}.stepper{display:inline-flex;align-items:stretch;border:1px solid var(--border-strong);border-radius:var(--r-md);overflow:hidden;width:fit-content}.stepper button{border:0;background:var(--neutral-100);color:var(--text-strong);width:38px;font-size:1.1rem;cursor:pointer}.stepper .step-val{width:64px;text-align:center;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:0}.toggle{width:44px;height:26px;border-radius:var(--r-full);background:var(--neutral-300);border:0;position:relative;cursor:pointer;transition:background .15s;padding:0}.toggle.on{background:var(--primary-600)}.toggle .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .15s;box-shadow:var(--shadow-sm)}.toggle.on .knob{transform:translate(18px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font:inherit;font-weight:600;border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);cursor:pointer;border:1px solid transparent}.btn.primary{background:var(--primary-600);color:var(--primary-600-foreground)}.btn.primary:hover:not(:disabled){background:var(--primary-700)}.btn.primary:disabled{background:var(--neutral-200);color:var(--text-faint);cursor:not-allowed}.btn.ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text-strong)}.btn.ghost:hover{background:var(--neutral-100)}.generate{margin-top:var(--sp-2);font-size:1rem;padding:var(--sp-4)}.segmented.wrap{flex-wrap:wrap}.uploader{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:.88rem;font-weight:600;color:var(--text-strong);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);cursor:pointer}.uploader:hover{border-color:var(--primary-600)}.upload-status{font-size:.8rem;color:var(--text-muted);margin-left:var(--sp-2)}.upload-status.ok{color:var(--success-solid)}.inline-error{font-size:.82rem;color:var(--error-solid);margin:0}.inline-note{font-size:.82rem;color:var(--text-muted);margin:0}.output{display:flex}.output-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--sp-3);min-height:460px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);padding:var(--sp-6)}.output-panel h3{margin:0;font-size:1.05rem;color:var(--text-strong)}.output-panel .muted{max-width:34ch}.tone-info{background:var(--info-bg);border-color:transparent;color:var(--info-solid)}.tone-error{background:var(--error-bg);border-color:transparent;color:var(--error-solid)}.tone-warning{background:var(--warning-bg);border-color:transparent;color:var(--warning-solid)}.tone-info .muted,.tone-error .muted,.tone-warning .muted{color:inherit;opacity:.8}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.output-success{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.result-img{width:100%;max-height:620px;object-fit:contain;border-radius:var(--r-lg);box-shadow:var(--shadow-md);background:var(--neutral-100)}.result-audio{width:100%}.result-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.text-result{width:100%;border:1px solid var(--neutral-200);border-radius:var(--r-lg);padding:var(--sp-3);background:var(--neutral-50)}.text-body{white-space:pre-wrap;margin:var(--sp-1) 0 0}.topbar-right{display:flex;align-items:center;gap:var(--sp-3)}.admin{border:1px solid var(--neutral-200);border-radius:var(--r-lg);margin:var(--sp-3);padding:var(--sp-4);background:var(--neutral-50);display:flex;flex-direction:column;gap:var(--sp-4)}.admin-head{display:flex;align-items:center;justify-content:space-between}.admin-head h2{margin:0}.admin-tier{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:var(--r-sm);background:var(--neutral-200)}.admin-block{display:flex;flex-direction:column;gap:var(--sp-2)}.admin-block h3{margin:0 0 var(--sp-1)}.admin-row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.admin-row .input{flex:1;min-width:160px}.admin-user{border:1px solid var(--neutral-200);border-radius:var(--r-md);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.admin-json{max-height:320px;overflow:auto;font-size:.8rem;background:var(--neutral-100);padding:var(--sp-2);border-radius:var(--r-md)}.admin-report{border:1px solid var(--neutral-200);border-radius:var(--r-md);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.admin-report.csam{border-color:var(--error-solid);background:var(--error-bg)}.admin-cat{font-weight:700;text-transform:uppercase;font-size:.8rem}