:root{color:#17212b;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17212b;--muted:#667482;--line:#dfe5ea;--surface:#fff;--teal:#0b756b;--teal-dark:#085d55;--teal-soft:#e5f4f1;--orange:#bc6d2d;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{justify-content:space-between;align-items:center;width:min(100% - 40px,1080px);height:68px;margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:760;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--teal);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.privacy-pill{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.main-content{flex:1;width:min(100% - 40px,760px);margin:0 auto;padding:66px 0 38px}.intro{text-align:center;margin-bottom:32px}.eyebrow{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 12px;font-size:12px;font-weight:750;display:inline-flex}.eyebrow-dot{background:#dd8b45;border-radius:50%;width:7px;height:7px}h1{color:var(--ink);letter-spacing:-.045em;margin:0;font-size:clamp(30px,5vw,48px);line-height:1.12}.intro-copy{color:var(--muted);margin:14px 0 0;font-size:15px}.converter-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 16px 48px #17212b12}.converter-panel.is-dragging{border-color:var(--teal);box-shadow:0 0 0 4px #0b756b21,0 16px 48px #17212b14}.dropzone{background:var(--surface);width:100%;min-height:302px;color:var(--ink);border:0;flex-direction:column;justify-content:center;align-items:center;padding:34px 24px;display:flex}.dropzone:focus-visible{outline-offset:-4px;outline:3px solid #0b756b47}.upload-icon{width:58px;height:58px;color:var(--teal);background:var(--teal-soft);border-radius:16px;place-items:center;margin-bottom:17px;display:grid}.dropzone-title{font-size:18px;font-weight:750}.dropzone-hint{max-width:460px;color:var(--muted);text-align:center;margin-top:10px;font-size:13px;line-height:1.6}.dropzone-action{color:var(--teal);margin-top:21px;font-size:14px;font-weight:750}.dropzone-action span{margin-left:4px;transition:transform .2s;display:inline-block}.dropzone:hover .dropzone-action span{transform:translate(3px)}.file-workspace{padding:24px}.file-row{border-bottom:1px solid #edf0f2;align-items:center;gap:13px;min-width:0;padding-bottom:20px;display:flex}.file-type-icon{border-radius:12px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.file-type-icon.video{color:#9a5b25;background:#fff0df}.file-type-icon.audio{color:var(--teal);background:var(--teal-soft)}.file-meta{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.file-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.file-meta span,.result-details{color:var(--muted);font-size:12px}.meta-separator{color:#b4bec6;margin:0 5px}.icon-button{color:#7b8894;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:var(--ink);background:#f0f3f5}.ready-state{align-items:center;gap:11px;padding:20px 0 0;display:flex}.ready-check{width:25px;height:25px;color:var(--teal);background:var(--teal-soft);border-radius:50%;flex:0 0 25px;place-items:center;display:grid}.ready-state>div:nth-child(2),.result-heading>div:nth-child(2),.feedback-state>div:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ready-state strong,.result-heading strong,.feedback-state strong{font-size:14px}.ready-state span,.feedback-state span{color:var(--muted);font-size:12px;line-height:1.45}.primary-button,.secondary-button{border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:740;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.primary-button{color:#fff;background:var(--teal);border:1px solid var(--teal)}.primary-button:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.secondary-button{color:#475563;border:1px solid var(--line);background:#fff}.secondary-button:hover{color:var(--ink);background:#fafbfc;border-color:#b7c2ca}.progress-state{padding:23px 0 2px}.progress-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.progress-heading>div{flex-direction:column;gap:6px;display:flex}.status-kicker{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.progress-heading strong{font-size:14px}.progress-number{color:var(--teal);font-variant-numeric:tabular-nums;font-size:22px;font-weight:780}.progress-track{background:#e8edef;border-radius:20px;height:8px;margin-top:18px;overflow:hidden}.progress-track span{background:var(--teal);border-radius:inherit;height:100%;transition:width .25s;display:block}.background-note{color:var(--orange);align-items:center;gap:6px;margin:13px 0 0;font-size:12px;display:flex}.cancel-button{min-height:36px;margin-top:20px}.result-state{padding-top:20px}.result-heading{align-items:center;gap:11px;display:flex}.success-icon{width:36px;height:36px;color:var(--teal);background:var(--teal-soft);border-radius:50%;place-items:center;display:grid}.audio-player{width:100%;height:42px;margin-top:19px}.result-details{margin-top:10px}.result-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.feedback-state{background:#fff9f3;border:1px solid #f1d5bc;border-radius:11px;align-items:center;gap:11px;margin-top:20px;padding:14px;display:flex}.feedback-state.cancelled{background:#f6f9fa;border-color:#dbe4e7}.feedback-icon{width:34px;height:34px;color:var(--orange);background:#ffeddc;border-radius:50%;flex:0 0 34px;place-items:center;display:grid}.cancelled .feedback-icon{color:#60717c;background:#e9eff1}.feedback-state .secondary-button{flex:none;min-height:36px}.standalone-error{min-height:302px;color:var(--orange);text-align:center;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.standalone-error span{color:var(--ink);font-size:14px}.privacy-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:17px;font-size:12px;display:flex}.privacy-note svg{color:var(--teal)}.feature-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:50px;display:grid}.feature-strip>div{align-items:center;gap:10px;padding:13px 4px;display:flex}.feature-icon{width:31px;height:31px;color:var(--teal);background:var(--teal-soft);border-radius:9px;flex:0 0 31px;place-items:center;display:grid}.feature-strip>div>span:last-child{flex-direction:column;gap:3px;display:flex}.feature-strip strong{font-size:12px}.feature-strip small{color:var(--muted);font-size:11px}.footer{color:#89959e;justify-content:space-between;width:min(100% - 40px,1080px);margin:0 auto;padding:18px 0 26px;font-size:11px;display:flex}@media (max-width:600px){.topbar,.footer,.main-content{width:min(100% - 28px,760px)}.topbar{height:62px}.privacy-pill{font-size:11px}.main-content{padding-top:45px}.intro{margin-bottom:25px}h1{font-size:clamp(29px,9vw,39px)}.intro-copy{font-size:13px}.converter-panel{border-radius:15px}.dropzone{min-height:280px;padding-inline:17px}.dropzone-title{font-size:17px}.dropzone-hint{font-size:12px}.file-workspace{padding:18px}.ready-state{flex-wrap:wrap;align-items:flex-start}.ready-state .primary-button{width:100%;margin-top:6px}.feedback-state{flex-wrap:wrap;align-items:flex-start}.feedback-state .secondary-button{width:100%;margin-left:45px}.result-actions>*{flex:100%}.feature-strip{grid-template-columns:1fr;gap:0;margin-top:34px}.feature-strip>div{padding:8px 3px}.privacy-note{text-align:left;align-items:flex-start;line-height:1.5}}