:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f7f4ef;--ink:#161411;--muted:#686056;--line:#16141129;--surface:#fffcf5;--surface-strong:#f0eadf;--charcoal:#20201d;--citrus:#e3ff4a;--coral:#ff6b4a;--mint:#3bc7a1;--blue:#2e6bdc;font-family:Avenir Next,SF Pro Display,PingFang SC,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(135deg, #2e6bdc1f 0 1px, transparent 1px 18px), radial-gradient(circle at 16% 18%, #ff6b4a2e, transparent 28%), var(--page);margin:0}button,input,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.ringtone-page{min-height:100vh;padding:clamp(16px,3vw,42px)}.converter-shell{gap:18px;max-width:1120px;margin:0 auto;display:grid}.converter-intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:8px 0;display:grid}.brand-strip,.signal-row,.signal-row span,.section-title,.toggle-stack span,.action-pane,.convert-button,.reset-button,.result-panel,.download-link,.empty-result,.phone-note,.status-label{align-items:center;display:flex}.brand-strip{color:var(--muted);letter-spacing:0;text-transform:uppercase;gap:10px;font-size:13px;font-weight:760}.brand-symbol{width:38px;height:38px;color:var(--citrus);background:var(--charcoal);border:1px solid #16141157;border-radius:8px;place-items:center;display:inline-grid;box-shadow:5px 5px #16141129}.converter-intro h1{letter-spacing:0;grid-column:1/-1;max-width:680px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,8vw,94px);font-weight:800;line-height:.93}.signal-row{flex-wrap:wrap;grid-column:1/-1;gap:8px}.signal-row span{min-height:36px;color:var(--charcoal);border:1px solid var(--line);background:#fffcf5c7;border-radius:8px;gap:7px;padding:0 12px;font-size:13px;font-weight:720}.workbench{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:stretch;gap:14px;display:grid}.upload-pane,.settings-pane,.action-pane,.phone-note{border:1px solid var(--line);background:#fffcf5eb;border-radius:8px;box-shadow:0 16px 40px #16141114}.upload-pane{gap:14px;min-height:360px;padding:clamp(16px,3vw,26px);display:grid}.drop-zone{text-align:center;background:linear-gradient(90deg, #1614110d 1px, transparent 1px), linear-gradient(#1614110d 1px, transparent 1px), var(--surface);background-size:24px 24px;border:2px dashed #16141147;border-radius:8px;align-content:center;justify-items:center;gap:10px;min-height:230px;padding:28px 18px;display:grid;position:relative}.drop-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop-icon{width:68px;height:68px;color:var(--charcoal);background:var(--citrus);border:1px solid #1614114d;border-radius:8px;place-items:center;display:inline-grid;box-shadow:6px 6px #16141129}.drop-zone strong{overflow-wrap:anywhere;max-width:100%;font-size:clamp(20px,5vw,34px);font-weight:830}.drop-zone small{color:var(--muted);font-size:14px;font-weight:620}.notice,.error-copy{border-radius:8px;margin:0;padding:12px;font-size:14px;font-weight:650;line-height:1.45}.notice{color:#5f3b00;background:#ffd66838;border:1px solid #e3900052}.error-copy{color:#7d1e0b;background:#ff6b4a24;border:1px solid #ff6b4a5c}.status-rail{gap:8px;display:grid}.status-label{color:var(--muted);justify-content:space-between;gap:14px;font-size:13px;font-weight:720}.status-label strong{color:var(--ink);font-variant-numeric:tabular-nums}.progress-track{background:#fff;border:1px solid #1614113d;border-radius:999px;height:12px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--mint), var(--citrus));min-width:0;height:100%;transition:width .18s;display:block}.settings-pane{gap:18px;padding:clamp(16px,3vw,24px);display:grid}.section-title{gap:8px}.section-title h2{margin:0;font-size:20px}.field-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.field-row label,.segmented-control legend{color:var(--muted);font-size:13px;font-weight:760}.field-row output{font-variant-numeric:tabular-nums;font-size:13px;font-weight:820}.field-row input{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #16141147;border-radius:8px;grid-column:1/-1;padding:0 14px}.segmented-control{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.segmented-control div{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.segmented-control button,.toggle-stack label{min-height:44px;color:var(--ink);background:#fff;border:1px solid #16141138;border-radius:8px}.segmented-control button{padding:0 8px;font-size:14px;font-weight:800}.segmented-control button.is-selected{color:#111;background:var(--citrus);border-color:#1614117a}.toggle-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.toggle-stack label{place-items:center;padding:0 10px;display:grid;position:relative}.toggle-stack input{opacity:0;position:absolute}.toggle-stack span{gap:7px;font-size:14px;font-weight:800}.toggle-stack label:has(input:checked){color:#fff;border-color:var(--charcoal);background:var(--charcoal)}.action-pane{flex-wrap:wrap;grid-column:1/-1;gap:10px;min-height:92px;padding:14px}.convert-button,.reset-button,.download-link{border-radius:8px;justify-content:center;gap:9px;min-height:52px;font-weight:860}.convert-button{min-width:min(100%,220px);color:var(--citrus);border:1px solid var(--charcoal);background:var(--charcoal);padding:0 20px}.convert-button:disabled{cursor:not-allowed;color:#1614116b;background:var(--surface-strong);border-color:#16141129}.reset-button{color:var(--charcoal);background:#fff;border:1px solid #16141138;padding:0 16px}.result-panel{background:#3bc7a11f;border:1px solid #3bc7a16b;border-radius:8px;flex:360px;gap:12px;min-width:0;padding:10px}.result-icon{color:#fff;background:var(--mint);border-radius:8px;flex:none;place-items:center;width:36px;height:36px;display:inline-grid}.result-panel div{flex:180px;gap:8px;min-width:0;display:grid}.result-panel strong{overflow-wrap:anywhere}.result-panel audio{width:100%;max-width:360px;height:38px}.download-link{color:#fff;background:var(--blue);min-width:136px;padding:0 16px}.empty-result{color:var(--muted);gap:8px;font-size:14px;font-weight:700}.phone-note{color:#332d22;background:#e3ff4a4d;gap:10px;padding:14px;font-size:14px;font-weight:670;line-height:1.45}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.ringtone-page{padding:12px}.converter-intro{gap:12px}.workbench{grid-template-columns:1fr}.upload-pane{min-height:0}.drop-zone{min-height:210px}.segmented-control div{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-stack{grid-template-columns:1fr}.action-pane,.result-panel{align-items:stretch}.convert-button,.reset-button,.download-link,.result-panel,.empty-result{width:100%}.result-panel{display:grid}.result-panel audio{max-width:none}}