:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f1ea;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:100svh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}#app{min-height:100svh}main{background-color:#f3f1ea;background-image:linear-gradient(90deg,#1515150b 1px,#0000 1px),linear-gradient(#1515150b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:100svh;padding:32px;display:grid}.workspace{grid-template-columns:minmax(240px,.85fr) minmax(360px,1.15fr);align-items:center;gap:44px;width:min(920px,100%);display:grid}.mast{padding-block:20px}h1{color:#111;letter-spacing:0;margin:0;font-size:clamp(54px,8vw,104px);font-weight:900;line-height:.9}.subhead{color:#bd4d1d;letter-spacing:0;margin:18px 0 0;font-size:17px;font-weight:800}.converter{background:#fbfaf6;border:1px solid #201c15;border-radius:8px;flex-direction:column;gap:18px;padding:20px;transition:gap .22s,transform .22s;display:flex;box-shadow:8px 8px #201c15}.converter.working{gap:12px}.drop-zone{color:#201c15;cursor:pointer;border:2px dashed #8c8376;border-radius:6px;place-items:center;gap:18px;min-height:236px;padding:28px;transition:border-color .16s,background .16s,transform .16s;display:grid}.drop-zone:hover,.drop-zone.dragging{background:#fff4ec;border-color:#bd4d1d;transform:translateY(-2px)}.drop-zone.has-file{border-style:solid}.drop-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop-icon{color:#fbfaf6;background:#201c15;border:1px solid #201c15;border-radius:999px;place-items:center;width:64px;height:64px;display:grid}.drop-copy{text-align:center;gap:6px;max-width:100%;display:grid}.drop-copy strong{overflow-wrap:anywhere;color:#111;font-size:22px;line-height:1.15}.drop-copy span{color:#6e675d;font-size:14px}.format-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;transition:opacity .18s,transform .18s;display:grid}.converter.working .format-row{opacity:0;pointer-events:none;max-height:0;overflow:hidden;transform:translateY(-6px)}.format-row button,.format-pill{color:#201c15;background:#fbfaf6;border:1px solid #201c15;border-radius:6px;justify-content:center;align-items:center;min-height:38px;font-size:13px;font-weight:900;display:inline-flex}.format-row button.active,.format-pill.active{color:#fff;background:#bd4d1d}.format-pill{grid-column:1/-1}.controls{justify-content:space-between;align-items:center;gap:16px;min-height:42px;transition:justify-content .26s;display:flex}.converter.working .controls{justify-content:center}.control-cluster{border-radius:999px;align-items:center;gap:10px;transition:background .26s,box-shadow .26s,gap .26s,padding .26s,transform .26s;display:inline-flex}.converter.working .control-cluster{background:#201c15;padding:4px;transform:none;box-shadow:5px 5px #201c153d}.audio-toggle{color:#201c15;cursor:pointer;align-items:center;gap:12px;transition:color .22s,padding .22s;display:inline-flex}.converter.working .audio-toggle{color:#fff;padding:0 12px}.audio-toggle input{opacity:0;pointer-events:none;position:absolute}.switch{background:#eee8dc;border:1px solid #201c15;border-radius:999px;place-items:center;width:42px;height:42px;transition:background .16s,color .16s;display:grid}.audio-toggle input:checked+.switch,.converter.working .switch{color:#fff;background:#bd4d1d}.converter.working .switch{border-color:#fbfaf6}.audio-toggle strong,.audio-toggle small{line-height:1.1;display:block}.audio-toggle small{color:#6e675d;margin-top:4px;font-size:13px}.converter.working .audio-toggle small{color:#ffffffad}.actions{align-items:center;gap:10px;transition:opacity .18s,transform .18s;display:flex}.converter.working .actions{opacity:0;pointer-events:none;transform:translate(12px)}button,.download{border:1px solid #201c15;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;text-decoration:none;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}button:not(:disabled),.download{cursor:pointer}button:not(:disabled):hover,.download:hover{transform:translateY(-2px);box-shadow:4px 4px #201c15}.ghost{color:#201c15;background:0 0;width:42px}.primary{color:#fff;background:#201c15;padding:0 16px}.converter.working .primary{color:#fff;box-shadow:none;background:#bd4d1d;border-color:#fbfaf6;border-radius:999px}.primary:disabled:not(:has(.spin)){opacity:.42}.spin{animation:.9s linear infinite spin}.status-line{gap:8px;animation:.36s both status-in;display:grid}.status-line p,.error{color:#6e675d;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.4}.progress-track{transform-origin:50%;background:#eee8dc;border:1px solid #201c15;border-radius:999px;height:8px;animation:.34s both progress-track-in;overflow:hidden}.progress-track span{border-radius:inherit;background:#bd4d1d;height:100%;transition:width .18s;display:block}.error{color:#9d251c}.download{color:#201c15;background:#eee8dc;width:100%;padding:0 14px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress-track-in{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes status-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){main{place-items:stretch stretch;padding:20px}.workspace{grid-template-columns:1fr;gap:24px}.mast{padding-block:0}h1{font-size:clamp(52px,17vw,88px)}.converter{padding:16px;box-shadow:5px 5px #201c15}.drop-zone{min-height:220px}.controls{flex-direction:column;align-items:stretch}.converter.working .controls{align-items:center}.converter.working .control-cluster{max-width:100%;transform:none}.actions{justify-content:space-between}.primary{flex:1}}