:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--background: #f8fafc;--surface: #ffffff;--surface-strong: #f1f5f9;--text: #0f172a;--muted: #64748b;--border: #dbe4ec;--accent: #0f766e;--accent-strong: #115e59;--accent-soft: #ccfbf1;--amber: #f59e0b;--danger: #dc2626;--success: #15803d;--radius: 8px;--shadow: 0 18px 50px rgb(15 23 42 / .08)}*{box-sizing:border-box}body{min-width:320px;margin:0;background:linear-gradient(180deg,rgb(15 118 110 / .08),transparent 280px),var(--background)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}svg{flex:none}audio{width:100%}.app-shell{width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 16px 28px}.top-bar{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:14px}.brand-mark{display:grid;width:46px;height:46px;place-items:center;color:#fff;background:var(--accent);border-radius:12px;box-shadow:0 10px 22px #0f766e38}.brand-mark svg,.icon-button svg{width:22px;height:22px}.top-bar h1,.top-bar p,.panel h2,.panel p{margin:0}.top-bar h1{font-size:1.4rem;line-height:1.1;letter-spacing:0}.top-bar p,.muted{color:var(--muted)}.icon-button{display:inline-grid;width:42px;height:42px;place-items:center;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.icon-button.danger{color:var(--danger)}.status-strip{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.status-strip span{flex:none;color:var(--accent-strong);background:var(--accent-soft);border:1px solid rgb(15 118 110 / .16);border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:700}.workflow-grid{display:grid;gap:14px}.primary-column,.secondary-column{display:grid;gap:14px;align-content:start}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.panel-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.section-label{margin-bottom:3px;color:var(--accent-strong);font-size:.76rem;font-weight:800;text-transform:uppercase}.panel h2{font-size:1.05rem;line-height:1.2;letter-spacing:0}.upload-panel{display:grid;gap:14px}.upload-target{display:grid;gap:8px;min-height:120px;place-items:center;color:var(--accent-strong);background:linear-gradient(180deg,#f0fdfa,#fff);border:1px dashed rgb(15 118 110 / .38);border-radius:var(--radius);font-weight:800}.upload-target svg{width:30px;height:30px}.document-chip,.segment-pill,.backend-status{display:inline-flex;gap:7px;align-items:center;width:fit-content;color:var(--muted);background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;padding:7px 9px;font-size:.8rem;font-weight:700}.document-chip{max-width:100%}.document-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-chip svg,.segment-pill svg{width:16px;height:16px}.backend-status.ready{color:var(--success);background:#dcfce7;border-color:#bbf7d0}.backend-status.unreachable{color:#92400e;background:#fef3c7;border-color:#fde68a}.backend-status.disabled{color:var(--accent-strong);background:var(--accent-soft);border-color:#0f766e2e}.counter{color:var(--muted);background:var(--surface-strong);border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:800}.counter.danger{color:var(--danger);background:#fee2e2}.text-panel textarea{width:100%;min-height:310px;resize:vertical;color:var(--text);background:#fbfdff;border:1px solid var(--border);border-radius:var(--radius);padding:13px;font-size:.98rem;line-height:1.58;outline:none}.text-panel textarea:focus{border-color:#0f766e8c;box-shadow:0 0 0 4px #0f766e1f}.text-meta{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;margin-top:9px;color:var(--muted);font-size:.8rem;font-weight:650}.controls-panel{display:grid;gap:14px}.voice-grid{display:grid;gap:8px}.voice-option{display:flex;gap:10px;width:100%;align-items:flex-start;padding:12px;text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.voice-option svg{width:20px;height:20px;color:var(--accent);margin-top:2px}.voice-option span{display:grid;gap:3px}.voice-option small{color:var(--muted);font-size:.78rem;line-height:1.35}.voice-option.selected{border-color:#0f766e8c;background:#f0fdfa}.speed-control{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center}.speed-control span{display:inline-flex;gap:8px;align-items:center;color:var(--text);font-weight:800}.speed-control svg{width:18px;height:18px;color:var(--accent)}.speed-control input{grid-column:1 / -1;accent-color:var(--accent)}.generate-button{display:inline-flex;gap:10px;align-items:center;justify-content:center;width:100%;min-height:50px;color:#fff;background:var(--accent);border:0;border-radius:var(--radius);font-weight:850;box-shadow:0 14px 28px #0f766e38}.generate-button:disabled{color:#94a3b8;background:#e2e8f0;box-shadow:none}.generate-button svg{width:20px;height:20px}.browser-reader-panel{display:grid;gap:12px}.reader-heading-icon{width:21px;height:21px;color:var(--accent)}.reader-status{color:var(--muted);font-size:.84rem;line-height:1.45}.reader-part-control{display:grid;gap:8px;color:var(--muted);font-size:.82rem;font-weight:750}.reader-part-control strong{color:var(--text)}.reader-part-control input{width:100%;accent-color:var(--accent)}.reader-actions,.reader-jump-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reader-button{display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:42px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px;font-size:.84rem;font-weight:800}.reader-button.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.reader-button:disabled{color:#94a3b8;background:#e2e8f0;border-color:#e2e8f0}.reader-button svg{width:17px;height:17px}.spin{animation:spin 1s linear infinite}.audio-panel{display:grid;gap:10px}.audio-meta{color:var(--muted);font-size:.82rem;line-height:1.4}.audio-actions{display:flex;flex-wrap:wrap;gap:8px}.audio-actions button,.download-link{display:inline-flex;gap:5px;align-items:center;min-height:36px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;text-decoration:none;font-size:.84rem;font-weight:750}.audio-actions svg,.download-link svg{width:16px;height:16px}.history-panel{display:grid;gap:12px}.history-list{display:grid;gap:8px}.history-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid var(--border);border-radius:var(--radius);padding:8px}.history-item.selected{border-color:#0f766e7a;background:#f0fdfa}.history-item>button:first-child{display:grid;gap:3px;min-width:0;padding:3px;text-align:left;color:var(--text);background:transparent;border:0}.history-item strong,.history-item span,.history-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item span,.history-item small{color:var(--muted)}.history-item small{font-size:.76rem}.empty-history{display:grid;gap:8px;place-items:center;min-height:120px;color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:var(--radius);padding:18px}.empty-history svg{width:28px;height:28px}.notice{display:flex;gap:9px;align-items:flex-start;margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-size:.88rem;font-weight:700;line-height:1.45}.notice svg{width:19px;height:19px;margin-top:1px}.notice.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.notice.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.notice.warning{display:block;margin:10px 0 0;color:#92400e;background:#fffbeb;border-color:#fde68a}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;align-items:start;justify-items:center;padding:max(18px,env(safe-area-inset-top)) 16px 18px;background:#0f172a57}.settings-panel{width:min(420px,100%);margin-top:58px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 80px #0f172a3d;padding:16px}.settings-list{display:grid;gap:10px}.settings-row{display:flex;gap:10px;align-items:center;min-width:0;border:1px solid var(--border);border-radius:var(--radius);padding:11px}.settings-row svg{width:19px;height:19px;color:var(--accent)}.settings-row span{display:grid;gap:2px;min-width:0}.settings-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:880px){.app-shell{padding:28px 24px 42px}.workflow-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr);align-items:start}.text-panel textarea{min-height:520px}}