.mp3-app,.mp3-page,.mp3-page .main-column,.mp3-page .tool-ui{max-width:100%;min-width:0}.mp3-page{overflow-x:clip}.mp3-page [hidden]{display:none!important}.mp3-page .tool-ui{background:var(--color-bg-elevated,var(--color-bg));border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-subtle);padding:var(--space-6)}.mp3-page .tool-ui__header{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.mp3-page .tool-ui__title{color:var(--color-text);margin:0}.mp3-page .tool-ui__description{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.55;margin:var(--space-2) 0 0}.mp3-app{display:grid;gap:var(--space-4)}.mp3-drop{align-items:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border-strong,var(--color-border));border-radius:var(--radius-xl);box-sizing:border-box;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;justify-content:center;min-height:205px;padding:24px;text-align:center;width:100%}.mp3-drop.is-drag,.mp3-drop:focus-visible,.mp3-drop:hover{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg-secondary));border-color:var(--color-primary);outline:none}.mp3-drop__icon,.mp3-file__icon{background:color-mix(in srgb,var(--color-primary) 11%,var(--color-bg));border-radius:14px;color:var(--color-primary);display:grid;flex:none;height:50px;place-items:center;width:50px}.mp3-drop__icon svg,.mp3-file__icon svg{fill:none;height:26px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:26px}.mp3-drop strong{font-size:var(--text-lg);line-height:1.4}.mp3-drop span:last-child{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;max-width:100%;overflow-wrap:anywhere}.mp3-file{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;padding:14px}.mp3-file__details{display:flex;flex-direction:column;gap:3px;min-width:0}.mp3-file__details span,.mp3-file__details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp3-file__details strong{color:var(--color-text)}.mp3-file__details span{color:var(--color-text-secondary);font-size:var(--text-sm)}.mp3-file button{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);cursor:pointer;font-size:24px;height:40px;width:40px}.mp3-file button:hover{border-color:var(--color-primary);color:var(--color-primary)}.mp3-settings{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;display:flex;gap:16px;justify-content:space-between;padding:16px}.mp3-settings label{color:var(--color-text);display:grid;flex:1;gap:4px;min-width:0}.mp3-settings label span{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.mp3-settings select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);cursor:pointer;flex:none;font:inherit;max-width:100%;min-height:44px;padding:0 10px;width:140px}.mp3-convert,.mp3-download{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:0;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-weight:700;justify-content:center;min-height:46px;padding:10px 22px;text-decoration:none}.mp3-convert:hover:not(:disabled),.mp3-download:hover{color:#fff;filter:brightness(1.08)}.mp3-convert:disabled{cursor:not-allowed;opacity:.6}.mp3-status{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0}.mp3-status.is-error{color:var(--color-danger,#dc2626)}.mp3-progress{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);gap:12px}.mp3-progress__track{background:var(--color-border);border-radius:999px;flex:1;height:9px;overflow:hidden}.mp3-progress__track span{background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:inherit;display:block;height:100%;transition:width .2s;width:0}.mp3-result{background:color-mix(in srgb,var(--color-success) 5%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-success) 40%,var(--color-border));border-radius:14px;display:grid;gap:14px;padding:18px}.mp3-result h3{color:var(--color-text);font-size:var(--text-lg);margin:0}.mp3-result p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:4px 0 0}.mp3-result audio{max-width:100%;width:100%}.mp3-download{justify-self:start}@media(max-width:650px){.mp3-page .tool-ui{padding:var(--space-4)}.mp3-settings{align-items:stretch;flex-direction:column}.mp3-convert,.mp3-download,.mp3-settings select{width:100%}.mp3-drop{min-height:185px;padding:20px 12px}.mp3-file{grid-template-columns:auto minmax(0,1fr) auto}}