:root{--background:#f6f4ef;--surface:#fff;--surface-subtle:#f1efe9;--foreground:#1e2522;--muted:#65706a;--border:#d8ddd9;--accent:#176b52;--accent-strong:#0e523d;--accent-soft:#e4f1ec;--danger:#a3362a;--danger-soft:#f9e9e6;--shadow:0 16px 42px #17231e14}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--background);min-height:100%}body{min-height:100vh;color:var(--foreground);background:radial-gradient(circle at 90% 0%, #d6eae18c, transparent 28rem), var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:var(--accent-strong);text-underline-offset:.2em}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:3px}:focus-visible{outline:3px solid #d28c27}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3{letter-spacing:-.025em;line-height:1.18}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.35rem,3vw,1.75rem)}main{width:min(72rem,100%);margin:0 auto;padding:4.5rem 1.5rem}nav{gap:1rem;margin-top:1.5rem;display:flex}.stack{flex-direction:column;gap:1.25rem;display:flex}.narrow-page{width:min(30rem,100%)}.workspace-page{width:min(56rem,100%)}.pricing-page{width:min(72rem,100%)}.page-intro{margin-bottom:2rem}.page-intro h1{margin:.3rem 0 .6rem}.center{text-align:center}.eyebrow{color:var(--accent-strong);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.muted{color:var(--muted)}.flow-card,.auth-form{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffff0;border-radius:1.25rem;padding:clamp(1.25rem,4vw,2.25rem)}.field{flex-direction:column;gap:.45rem;font-weight:700;display:flex}.field small,.choice-card small,.voice-row small{color:var(--muted);font-weight:400}.field input,.field textarea{border:1px solid var(--border);width:100%;color:var(--foreground);background:var(--surface);border-radius:.65rem;padding:.75rem .85rem;font-weight:400}.field textarea{resize:vertical;min-height:8rem}.field input:focus,.field textarea:focus{border-color:var(--accent)}.primary-button,.secondary-button,.danger-button{cursor:pointer;border-radius:.7rem;min-height:2.8rem;padding:.65rem 1rem;font-weight:800}.primary-button{border:1px solid var(--accent);color:#fff;background:var(--accent)}.primary-button:hover:not(:disabled){background:var(--accent-strong)}.secondary-button{border:1px solid var(--border);background:var(--surface)}.danger-button{color:var(--danger);background:var(--danger-soft);border:1px solid #e4bcb6}.text-button{color:var(--accent-strong);text-underline-offset:.22em;cursor:pointer;background:0 0;border:0;padding:.3rem 0;text-decoration:underline}.back-button{align-self:flex-start}.segmented{background:var(--surface-subtle);border-radius:.75rem;align-self:flex-start;gap:.25rem;padding:.25rem;display:inline-flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:.55rem;padding:.45rem .75rem}.segmented button[aria-pressed=true]{background:var(--surface);font-weight:800;box-shadow:0 2px 8px #17231e17}.drop-zone{background:var(--surface-subtle);text-align:center;border:1px dashed #9eaaa4;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:11rem;padding:1.5rem;display:flex}.inline-form{align-items:flex-end;gap:.75rem;display:flex}.grow{flex:1}.align-end{margin-bottom:.05rem}.source-list,.download-list{list-style:none}.source-list li{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem 0;display:grid}.source-list button{color:var(--danger);cursor:pointer;background:0 0;border:0;text-decoration:underline}.item-number{width:1.7rem;height:1.7rem;color:var(--accent-strong);background:var(--accent-soft);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.error-message,.error-panel{color:#7e241b;background:var(--danger-soft);border:1px solid #e4bcb6;border-radius:.7rem;padding:.75rem .9rem}.stepper{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:2rem;list-style:none;display:grid}.stepper li{color:var(--muted);align-items:center;gap:.45rem;font-size:.85rem;display:flex}.stepper li span{border:1px solid var(--border);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:1.7rem;height:1.7rem;font-weight:800;display:grid}.stepper li[aria-current=step]{color:var(--accent-strong);font-weight:800}.stepper li[aria-current=step] span{border-color:var(--accent);color:#fff;background:var(--accent)}.sections-list{gap:1rem}.section-editor,.choice-group{border:1px solid var(--border);border-radius:.9rem;padding:1rem}.section-editor legend,.choice-group legend{padding:0 .35rem;font-weight:800}.section-editor .field+.field{margin-top:1rem}.choice-grid{gap:.75rem;display:grid}.three-columns{grid-template-columns:repeat(3,1fr)}.choice-card{border:1px solid var(--border);cursor:pointer;border-radius:.7rem;gap:.6rem;padding:.75rem;display:flex}.choice-card span,.voice-row label span{flex-direction:column;display:flex}.choice-card:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.voice-list{gap:.5rem;display:grid}.voice-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 0;display:flex}.voice-row label{cursor:pointer;align-items:flex-start;gap:.6rem;display:flex}.speed-list{flex-wrap:wrap;gap:.6rem;display:flex}.speed-list label{border:1px solid var(--border);cursor:pointer;border-radius:.6rem;align-items:center;gap:.35rem;padding:.45rem .65rem;display:flex}.cost-box{background:var(--surface-subtle);border-radius:.9rem;gap:.65rem;padding:1rem;display:grid}.cost-box p,.cost-box label{justify-content:space-between;align-items:center;gap:1rem;display:flex}.cost-box label{justify-content:flex-start}.status-heading{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.status-heading>strong{color:var(--accent-strong);font-size:1.4rem}.progress-track{background:var(--surface-subtle);border-radius:999px;height:.7rem;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;transition:width .18s;display:block}.error-panel p{margin-top:.35rem}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.download-list{gap:.6rem;display:grid}.download-list a{border:1px solid var(--border);background:var(--surface);border-radius:.7rem;padding:.75rem;display:block}.history-filter{width:min(18rem,100%)}.history-filter select,.playback-rate select{border:1px solid var(--border);min-height:2.75rem;color:var(--foreground);background:var(--surface);border-radius:.65rem;padding:.6rem .75rem}.task-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffff0;border-radius:1.1rem;padding:clamp(1.2rem,4vw,2rem)}.task-card-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.task-card-heading h2{overflow-wrap:anywhere;font-size:1.25rem}.status-pill{color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;flex:none;padding:.35rem .6rem;font-weight:800}.batch-status{background:var(--surface-subtle);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;display:flex}.audio-player audio{width:100%}.playback-rate{width:min(10rem,100%)}.expired-message{color:var(--muted);background:var(--surface-subtle);border-radius:.75rem;padding:.8rem}.history-pagination{justify-content:center;align-items:center;margin-top:0}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.pricing-card{border:1px solid var(--border);min-height:23rem;box-shadow:var(--shadow);background:#ffffffeb;border-radius:1rem;flex-direction:column;padding:1.35rem;display:flex}.test-badge{color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;align-self:flex-start;margin-bottom:1.25rem;padding:.25rem .5rem;font-size:.72rem;font-weight:800}.price{margin-top:.7rem;font-size:1.8rem;font-weight:900}.allowance{color:var(--muted)}.pricing-card ul{gap:.6rem;margin-top:1.25rem;padding-left:1.15rem;display:grid}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:54rem){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:38rem){main{padding:2.5rem 1rem}.inline-form,.voice-row,.cost-box p{flex-direction:column;align-items:stretch}.three-columns,.pricing-grid{grid-template-columns:1fr}.stepper li{flex-direction:column;font-size:.74rem}}
