.mp3-workspace .tool-workspace-grid{grid-template-columns:1fr 1.1fr;gap:28px}.mp3-workspace .tool-upload{padding:22px 18px}.mp3-workspace .tool-upload h2{margin-top:12px}.mp3-workspace .tool-upload .btn-primary{margin:14px 0 8px}.mp3-formats{font-size:11px;letter-spacing:.08em;color:#88909b;white-space:nowrap}.mp3-formats span{margin-inline:10px;color:#ff6b35}.mp3-controls{display:flex;flex-direction:column;gap:20px}.mp3-quality{border:0;padding:0;margin:0}.mp3-quality legend{font-size:13px;font-weight:600;margin-bottom:10px}.mp3-quality>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mp3-quality label{position:relative;cursor:pointer}.mp3-quality input{position:absolute;opacity:0;width:1px;height:1px}.mp3-quality label>span{height:100%;display:flex;flex-direction:column;justify-content:center;gap:3px;border:1px solid #e0e4e9;border-radius:10px;padding:12px 8px;text-align:center;background:#fff;transition:border-color .18s,background .18s}.mp3-quality strong{font-size:20px;font-weight:600;line-height:1.4}.mp3-quality strong small{display:inline;font-size:10px;font-weight:400;color:#7c838e}.mp3-quality em{font-size:11px;font-style:normal;color:#727985;line-height:1.5}.mp3-quality input:checked+span{border-color:#ff8053;background:#fff6f0;color:#cc4617;box-shadow:0 0 0 1px #ff805315}.mp3-quality input:checked+span em{color:#aa461f}.mp3-quality>small{font-size:11px;margin-top:9px}.mp3-workspace input:focus-visible,.mp3-workspace button:focus-visible{outline:2px solid #ff6b35;outline-offset:4px}.mp3-quality input:focus-visible+span{outline:2px solid #ff6b35;outline-offset:3px}.mp3-range-mode{display:grid;gap:9px;padding:0;margin:0;border:0}.mp3-range-mode label{display:flex;gap:10px;align-items:center;font-size:13px;color:#505a67;cursor:pointer}.mp3-range-mode input{accent-color:#ff4500;flex-shrink:0;width:16px;height:16px}.mp3-clip{padding:14px;border:1px solid #eee1d9;background:#fffcfa;border-radius:12px;animation:mp3-clip-in .2s ease-out}.mp3-clip[hidden]{display:none}.mp3-clip>small{font-size:11px;color:#996443}.mp3-time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.mp3-time-inputs label{font-size:12px;line-height:1.6;color:#626a75;display:flex;flex-direction:column;gap:5px}.mp3-time-inputs input{border:1px solid #dfdfe3;border-radius:8px;background:#fff;padding:7px 10px;width:100%;color:#323c49;font:inherit;font-variant-numeric:tabular-nums}.mp3-time-inputs input[aria-invalid=true]{border-color:#c33}.mp3-timeline{height:36px;position:relative;margin:12px 8px 0}.mp3-rail{position:absolute;left:0;right:0;top:15px;height:5px;border-radius:4px;background:#e5e7eb}.mp3-rail i{display:block;position:absolute;height:100%;left:var(--start);right:calc(100% - var(--end));background:#ff6832}.mp3-timeline input{position:absolute;width:100%;left:0;top:0;height:36px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none;outline-offset:1px!important}.mp3-timeline input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:14px;height:24px;border:2px solid #ff6b35;background:#fff;border-radius:5px;cursor:ew-resize;box-shadow:0 2px 5px #1112}.mp3-timeline input::-moz-range-thumb{pointer-events:auto;width:12px;height:22px;border:2px solid #ff6b35;background:#fff;border-radius:5px;cursor:ew-resize}.mp3-timeline input::-moz-range-track{background:transparent}.mp3-time-readout{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 10px;font-size:11px;color:#7e6b60;font-variant-numeric:tabular-nums}.mp3-output-setting{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #edf0f3;padding-top:16px;font-size:12px;color:#707986}.mp3-output-setting b{color:#303a49;margin-inline-start:auto}.mp3-convert{width:100%;justify-content:center;gap:8px}.mp3-preview-column{display:flex;flex-direction:column;gap:12px}.mp3-workspace .tool-screen{aspect-ratio:auto;height:154px;background:radial-gradient(ellipse at 50% 120%,#28333e,#141b24);position:relative}.mp3-workspace .tool-screen-symbol{display:grid;place-items:center;border:1px solid #ffffff20;border-radius:14px;width:44px;height:44px;background:#ffffff06}.mp3-workspace .tool-screen p{color:#a9b2c1}.mp3-workspace .tool-screen-ratio{position:absolute;bottom:10px;right:14px;color:#667181;font-size:10px}.mp3-workspace .tool-player-controls{font-size:10px;padding:9px 12px}.mp3-file-info{display:flex;flex-wrap:wrap;gap:3px 14px;font-size:10px;color:#89909b}.mp3-file-info>div{display:flex;gap:5px}.mp3-file-info dd{margin:0}.mp3-file-actions{display:flex;gap:16px;font-size:10px;color:#9ca3ad;margin-top:-7px}.mp3-demo{border:1px solid #e4e7ed;border-radius:14px;padding:18px;background:linear-gradient(145deg,#fff,#fbfcfe);overflow:hidden}.mp3-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.mp3-demo h3{font-size:13px}.mp3-demo .tool-status{font-size:9px;padding:2px 7px;background:#f5f6f8;border-color:#e5e7eb;color:#7b828d}.mp3-flow{display:flex;align-items:center;gap:12px;margin:22px 4px 16px;color:#ff6b35}.mp3-flow>span{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #eadfd7;border-radius:9px;background:#fff9f4;flex-shrink:0}.mp3-flow b{font-size:10px;font-weight:600}.mp3-flow>span:first-child{color:#8a93a0;border-color:#e4e7ed;background:#fff}.mp3-flow>i{height:1px;flex:1;background:#dfe3e9;position:relative}.mp3-flow em{display:block;position:absolute;inset:0;background:#ff6b35;transform:scaleX(0);transform-origin:left}.mp3-flow .mp3-file-icon{opacity:.45}.mp3-wave-canvas{height:100px;position:relative;isolation:isolate;overflow:hidden}.mp3-wave-grid{position:absolute;inset:0;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#e8ebf0 calc(25% - 1px),#e8ebf0 25%)}.mp3-wave-svg{width:100%;height:100%;display:block;fill:#cdd4df;position:absolute;inset:0}.mp3-wave-reveal{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;overflow:hidden}.mp3-wave-reveal svg{fill:#f8753c;transform:scaleX(1);transform-origin:left}.mp3-scan{position:absolute;inset:0;transform:translate(0);opacity:0;pointer-events:none}.mp3-scan i{position:absolute;left:0;top:0;bottom:0;width:1px;background:#ff6529;box-shadow:0 0 10px #ff6b3555}.mp3-ticks{display:flex;justify-content:space-between;font-size:9px;color:#99a0aa;margin-top:8px;font-variant-numeric:tabular-nums}.mp3-demo-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:16px 0 10px}.mp3-demo-actions button{font-size:11px;color:#6e7783;display:flex;align-items:center;gap:7px;padding:6px 0}.mp3-demo-actions button:first-child{border:1px solid #e5d7ce;border-radius:7px;padding:6px 10px;color:#b24b26;background:#fff9f4}.mp3-demo>small{font-size:10px;line-height:1.7;color:#8c939e}.mp3-empty-player{display:flex;align-items:center;gap:10px;background:#f6f7f9;padding:12px;border-radius:9px;width:170px;color:#adb4bf;font-size:11px;flex-shrink:0}.mp3-empty-player input{width:55px;height:3px;accent-color:#cbd0d7}.mp3-results .tool-result-actions{flex-wrap:wrap;justify-content:flex-end}.mp3-results .tool-outline{white-space:normal}.mp3-results .tool-result-text p{font-size:10px}.mp3-results .tool-result-text strong{font-size:12px}@keyframes mp3-clip-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.mp3-workspace .tool-workspace-grid{grid-template-columns:1fr;gap:24px;padding:18px 16px}.mp3-workspace .tool-workspace-bar{padding:13px 16px}.mp3-workspace .tool-workspace-bar>span:first-child{font-size:12px}.mp3-formats{font-size:9px}.mp3-formats span{margin-inline:3px}.mp3-demo{padding:14px}.mp3-quality strong{font-size:18px}.mp3-quality em{font-size:10px}.mp3-empty-player{width:100%}.mp3-results .tool-empty-result{flex-direction:column;align-items:stretch}.mp3-results .tool-result-actions{justify-content:flex-start}.mp3-workspace .tool-screen{height:150px}}@media(prefers-reduced-motion:reduce){.mp3-workspace *{animation:none!important;transition:none!important}}