:root{color-scheme:light;--ink:#182526;--muted:#687676;--brand:#18594d;--line:#dce3df;--paper:#f3f5f1;--accent:#dcec9b;font-family:Arial,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.65}a{color:var(--brand);text-underline-offset:4px}header{max-width:1232px;margin:auto;padding:26px 36px;display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line)}header>a:last-child{margin-left:auto;font-size:13px;text-decoration:none}.brand{display:flex;gap:12px;align-items:baseline;color:var(--ink);font-weight:800;font-size:32px;letter-spacing:-2px;text-decoration:none}.brand span{font-size:12px;color:var(--muted);letter-spacing:1.5px;font-weight:400}.pill{font-size:11px;border:1px solid #cad9ce;border-radius:30px;padding:3px 10px;color:var(--brand)}
main{max-width:1232px;padding:0 36px 30px;margin:auto}.intro{padding:52px 0 34px}.eyebrow{color:var(--brand);letter-spacing:2.4px;font-size:10px;font-weight:700}h1{font-size:clamp(25px,3.1vw,42px);letter-spacing:-1.5px;line-height:1.3;margin:16px 0}h2{font-size:18px;letter-spacing:-.3px;margin:0 0 12px}.intro p{color:var(--muted);line-height:1.9;max-width:760px;margin:0}p{margin:8px 0 14px}.card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:28px;box-shadow:0 3px 12px #112f1c03}.setup{display:grid;grid-template-columns:1fr auto;gap:4px 24px;align-items:center}.setup h2{display:inline;font-size:16px}.step{border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:11px;margin-right:10px}.setup p{font-size:12px;color:var(--muted);margin-left:42px;max-width:640px}.setup-bottom{grid-column:1/-1;display:flex;gap:24px;align-items:center;justify-content:space-between;padding-top:18px;margin-top:12px;border-top:1px solid #ecf0ec}.check{font-size:12px;display:flex;align-items:flex-start;gap:8px;max-width:550px}.check input{margin-top:5px;accent-color:var(--brand)}.buttons{display:flex;gap:8px;flex-shrink:0}.muted{color:var(--muted);font-size:12px}.setup>.muted{grid-column:2;text-align:right}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;margin:20px 0 34px;border:1px solid var(--line);border-radius:14px}.stats>div{padding:16px 22px;border-right:1px solid var(--line)}.stats>div:last-child{border-right:0}.stats span{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.stats strong{font-size:12px;font-weight:500}
.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:14px}.tabs button{border:0;background:transparent;color:var(--muted)}.tabs .selected{background:#e3ece4;color:var(--brand)}.tabs span{margin-left:10px;font-size:9px;opacity:.7}.workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.workspace[hidden]{display:none}.editor label,aside>label{font-size:11px;display:block;color:var(--muted);margin:18px 0 7px}textarea,input[type=number],select{width:100%;border:1px solid #d9e1db;background:#fbfcfa;border-radius:10px;font:inherit;line-height:1.7;color:var(--ink);padding:12px;outline:none}textarea{resize:vertical;min-height:100px}textarea:focus,select:focus,input:focus{border-color:#307d63;box-shadow:0 0 0 3px #307d6311}.hint{font-size:11px;color:var(--muted);line-height:1.75}.columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.columns label{margin-top:12px}.compact{margin-top:10px}button,.file-button,.download{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cfdad2;border-radius:9px;background:#fff;padding:11px 15px;font-family:inherit;font-size:12px;cursor:pointer;transition:background .15s,color .15s;color:var(--ink);text-decoration:none}button:hover:not(:disabled),.file-button:hover{background:#edf2e9}button:focus-visible,a:focus-visible{outline:3px solid #afc494;outline-offset:3px}button:disabled{opacity:.42;cursor:not-allowed}.primary{background:var(--brand);border-color:var(--brand);color:#fff}.primary:hover:not(:disabled){background:#237861}.wide{width:100%;margin-top:22px;padding:14px}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.danger{border-color:#ecc4bb;color:#9d3323;background:#fff7f4}details{margin-top:22px;border:1px solid var(--line);padding:14px 16px;border-radius:12px}summary{font-size:12px;cursor:pointer}input[type=file]{width:100%;font-size:11px;margin:3px 0 10px}input[type=file]::file-selector-button{font:inherit;padding:8px 12px;border:1px solid var(--line);border-radius:6px;margin-right:12px;background:var(--paper)}
.output{display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(160deg,#f6faf1,#eef3ee)}.output h2{margin-top:12px}.wave{color:#90a78c;font-size:38px;letter-spacing:6px;padding:48px 0 35px;font-weight:200}.note{padding:16px 18px;border-radius:12px;background:#e7eee4;font-size:11px;line-height:1.8;color:#586450}.output .note{margin-top:auto;width:100%;text-align:left}.warning{background:#fbf5e3;color:#7d672b;margin-bottom:18px}.warning strong{display:block}audio{width:100%;margin:14px 0}audio[hidden],a[hidden],button[hidden],progress[hidden]{display:none}.download{background:transparent;border:0;margin:7px 0}.metrics{display:flex;gap:30px;justify-content:center;margin:20px 0 34px;flex-wrap:wrap}.metric strong{font-size:22px;font-weight:500;display:block}.metric span{font-size:10px;color:var(--muted)}.status-bar{border:1px solid var(--line);border-radius:14px;padding:20px 24px;background:#eaf0e8;margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.status-bar>div{flex:1}.status-bar strong{font-weight:500;font-size:12px}.status-bar p{font-size:10px;color:var(--muted);margin:4px 0 0;word-break:break-word}.status-bar progress{width:100%;height:5px;accent-color:var(--brand)}.status-bar.error{background:#fff0e9;border-color:#e3c0b3}.status-bar.error strong{color:#993626}footer{font-size:10px;color:var(--muted);text-align:center;margin-top:35px;line-height:2}canvas{max-width:100%;height:150px;margin-top:24px;background:#f6f8f4;border:1px solid var(--line);border-radius:10px}pre{overflow:auto;background:#172627;color:#e4eee9;padding:24px;border-radius:12px;font-size:12px}code{font-family:Consolas,monospace}.docs{max-width:900px}.docs h2{margin-top:32px}.docs li{margin:8px 0}.docs .note{margin:16px 0}
@media(max-width:900px){.setup-bottom{flex-direction:column;align-items:stretch}.buttons{flex-wrap:wrap}.workspace{grid-template-columns:1fr}.output{min-height:390px}.wave{padding:25px 0}.setup p{margin-left:0}}
@media(max-width:580px){header,main{padding-left:18px;padding-right:18px}header{flex-wrap:wrap;gap:10px}header>.pill{display:none}.intro{padding-top:32px}.card{padding:20px;border-radius:14px}.setup{grid-template-columns:1fr}.setup>.muted{grid-column:1;text-align:left}.setup-bottom{grid-column:1}.file-button{margin-top:12px}.stats{grid-template-columns:1fr}.stats>div{border-right:0;border-bottom:1px solid var(--line)}.stats>div:last-child{border-bottom:0}.tabs{flex-wrap:wrap}.tabs span{display:none}.columns{gap:8px}.buttons button{flex:1}.intro br{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}