:root{--paper:#f5f3ee;--ink:#252924;--muted:#757a70;--line:#dedfd6;--orange:#db522c;--surface:#fffefb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.masthead{max-width:1320px;margin:auto;padding:27px 48px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;letter-spacing:.9px}.mark{height:32px;width:32px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:28px;letter-spacing:-6px;padding-right:6px}.mark span{color:#ffa178}.brand-note{border-left:1px solid #ccc;margin-left:10px;padding-left:20px;color:var(--muted);font-size:9px;font-weight:400;letter-spacing:1.7px}.header-right{display:flex;align-items:center;gap:25px}.private-dot{font-size:11px;color:#60695a}.private-dot:before{content:'';display:inline-block;width:6px;height:6px;background:#75865f;border-radius:50%;margin-right:8px}main{max-width:1130px;padding:0 32px;margin:auto}.intro{padding:58px 0 39px}.eyebrow,.step-label{font-family:monospace;font-size:11px;letter-spacing:1.1px}.eyebrow{color:var(--orange);margin:0 0 17px}h1{font-size:clamp(34px,5vw,58px);font-weight:500;line-height:1.07;letter-spacing:-2.4px;margin:0 0 20px}h1 span{color:#858879}.lede{font-size:14px;line-height:1.7;color:#6d7368;margin:0}.workspace{display:grid;grid-template-columns:1fr 1.05fr;gap:23px;align-items:stretch}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.step-label{color:#6a7264}.tag{font-family:monospace;font-size:9px;letter-spacing:1px;border:1px solid var(--line);padding:6px 8px;border-radius:4px;color:#747b6b}.dropzone{position:relative;min-height:202px;padding:28px 12px;border:1px dashed #b8bdaf;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border .15s;background:#fafaf6;text-align:center}.dropzone:hover,.dropzone.dragover{background:#fff4ed;border-color:var(--orange)}.dropzone strong{font-size:15px;font-weight:500;word-break:break-word;max-width:100%;margin-bottom:7px}.dropzone>span:not(.wave){font-size:12px;color:#757c6c}.dropzone small{font-size:10px;color:#858b7e;margin-top:17px}.wave{display:flex;gap:4px;height:38px;align-items:center;margin-bottom:20px}.wave i{background:var(--orange);width:3px;height:11px;border-radius:2px}.wave i:nth-child(2n){height:22px}.wave i:nth-child(3n){height:32px}.wave i:nth-child(5){height:40px}.preferences{margin:26px 0 20px}.preferences .section-heading{margin-bottom:12px}.preferences label{font-size:13px}output{display:flex;align-items:center;justify-content:center;width:31px;height:29px;background:#f0f0e8;border-radius:5px;font-family:monospace;font-weight:600}input[type=range]{width:100%;accent-color:var(--orange);cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#737c68;margin:5px 0 11px}.hint{font-size:11px;line-height:1.6;color:#84897e;margin:10px 0 0}.features{display:flex;gap:16px;margin:18px 0 24px;font-size:10px;color:#65715a}.primary{border:0;border-radius:6px;background:var(--orange);color:white;min-height:45px;padding:12px 19px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;transition:background .15s}.primary:hover{background:#bb401f}.primary:disabled{background:#e9b5a3;cursor:not-allowed}.full{width:100%}.primary span{font-size:19px}button:focus-visible,input:focus-visible,.dropzone:focus-within,a:focus-visible,.captions:focus-visible{outline:3px solid #778b5f;outline-offset:4px}.result{min-height:510px;display:flex;flex-direction:column}#empty-state{text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 0 27px}.preview-symbol{font-family:monospace;font-size:33px;letter-spacing:-3px;color:#9aab8c;margin-bottom:20px}h2{font-weight:400;font-size:24px;letter-spacing:-.6px;line-height:1.2;margin:0 0 15px}#empty-state p{font-size:12px;line-height:1.7;color:#7d8376;margin:0}.sample-caption{margin-top:32px;padding:15px 28px;background:#f4f5ed;border-radius:6px;transform:rotate(-2deg)}.sample-caption span{display:block;font:9px monospace;color:#99a18f;margin-bottom:9px}.sample-caption strong{font-size:12px;font-weight:400;color:#69795b}.captions{height:325px;overflow-y:auto;margin-bottom:20px;padding-right:10px}.caption{border-bottom:1px solid #eceee4;padding:12px 0;display:grid;grid-template-columns:30px 1fr;gap:6px}.caption-index{font:10px monospace;color:#a7ad9e;padding-top:2px}.caption time{font:10px monospace;color:#89927e}.caption p{font-size:14px;line-height:1.45;margin:7px 0 0;white-space:pre-wrap}.caption-voice{font-size:9px;color:#778663;margin-left:10px}.notice{font-size:11px;line-height:1.6;color:#866c29;background:#fff6db;border-radius:5px;padding:9px}.notice:empty{display:none}.centered{text-align:center}.error{color:#a03727;font-size:12px;line-height:1.5}.error:empty{display:none}audio{width:100%;height:35px;margin-top:15px}progress{width:100%;height:5px;accent-color:var(--orange);margin-top:18px}#status{font-size:12px;color:#7b806f;line-height:1.4}.login{max-width:650px;margin-bottom:40px}.login h2{margin-top:18px}.login>p{color:#747c6b;font-size:13px}.login form{margin-top:25px}.login label{font-size:12px;display:block;margin-bottom:9px}.login-fields{display:flex;gap:10px}.login-fields input{min-width:0;flex:1;border:1px solid #bdc4b2;border-radius:6px;padding:12px;font-size:16px;background:#fafbf6}.text-button{background:none;border:0;cursor:pointer;font-size:11px;color:#686f61}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}footer{padding:28px 0 35px;margin-top:31px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:flex-start}footer>span{font:9px monospace;letter-spacing:.5px;color:#858b7e}footer p{font-size:10px;line-height:1.7;color:#8e9586;margin:0}[hidden]{display:none!important}@media(max-width:720px){.masthead{padding:20px}.brand-note{display:none}.private-dot{font-size:10px}.header-right{gap:8px}main{padding:0 20px}.intro{padding:37px 0 28px}h1{letter-spacing:-1.5px}.workspace{grid-template-columns:1fr;gap:18px}.card{padding:22px}.result{min-height:400px}footer{flex-direction:column;gap:12px}.footer-logo{display:none}.desktop{display:none}.lede{font-size:13px}.features{gap:10px}.login-fields{flex-wrap:wrap}.login-fields input{width:100%}.captions{height:280px}}
.audio-download{box-sizing:border-box;text-decoration:none;margin-top:16px;display:flex;justify-content:space-between;align-items:center}