.as-speed-section{display:flex;flex-direction:column;gap:6px}.as-speed-row{display:flex;align-items:flex-end;gap:12px}.as-speed-slider-group{flex:1;min-width:0}.as-speed-slider-group .neo-option-label{margin-bottom:4px;display:block}.as-speed-input-group{display:flex;align-items:center;gap:2px;flex-shrink:0}.as-number-input{width:68px;padding:6px 8px;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:14px;font-weight:600;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;outline:none;transition:border-color .15s;-moz-appearance:textfield}.as-number-input::-webkit-inner-spin-button,.as-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.as-number-input:focus{border-color:#e07203}html[data-theme=dark] .as-number-input,.dark .as-number-input{background:#1f1f23;border-color:#3f3f46;color:#e4e4e7}.as-spin-btns{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.as-spin-btn{width:22px;height:16px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;padding:0;transition:all .12s;line-height:1}.as-spin-btn:hover{background:#fdf3e7;border-color:#e07203;color:#e07203}.as-spin-btn:active{background:#e07203;color:#fff}.as-spin-btn svg{width:10px;height:10px;display:block}html[data-theme=dark] .as-spin-btn,.dark .as-spin-btn{background:#27272a;border-color:#3f3f46;color:#a1a1aa}html[data-theme=dark] .as-spin-btn:hover,.dark .as-spin-btn:hover{background:#e0720326;border-color:#e07203;color:#e07203}html[data-theme=dark] .as-spin-btn:active,.dark .as-spin-btn:active{background:#e07203;color:#fff}.as-speed-display{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.as-speed-value{font-size:20px;font-weight:700;color:#e07203;font-family:var(--font-mono, "JetBrains Mono", monospace)}.as-estimate{font-size:12px;color:#64748b;display:flex;align-items:center;gap:4px}html[data-theme=dark] .as-estimate,.dark .as-estimate{color:#a1a1aa}.as-estimate strong{color:#334155}html[data-theme=dark] .as-estimate strong,.dark .as-estimate strong{color:#d4d4d8}.as-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.as-preset-grid .neo-preset-btn{padding:7px 8px;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-pitch-section{padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}html[data-theme=dark] .as-pitch-section,.dark .as-pitch-section{background:#1f1f23;border-color:#3f3f46}.as-pitch-row{display:flex;align-items:flex-end;gap:12px}.as-pitch-slider-group{flex:1;min-width:0}.as-pitch-slider-group .neo-option-label{margin-bottom:4px;display:block}.as-semitone-display{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:14px;font-weight:700;color:#e07203;min-width:48px;text-align:center;flex-shrink:0;padding-bottom:2px}.as-toggle-row{display:flex;align-items:center}.as-toggle-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#334155;cursor:pointer;user-select:none}html[data-theme=dark] .as-toggle-label,.dark .as-toggle-label{color:#d4d4d8}.as-toggle-label input[type=checkbox]{display:none}.as-toggle-switch{width:34px;height:20px;background:#cbd5e1;border-radius:10px;position:relative;transition:background .2s;flex-shrink:0}.as-toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s}.as-toggle-label input:checked+.as-toggle-switch{background:#e07203}.as-toggle-label input:checked+.as-toggle-switch:after{transform:translate(14px)}html[data-theme=dark] .as-toggle-switch,.dark .as-toggle-switch{background:#52525b}.as-pitch-section .as-toggle-row{margin-top:10px}@media(max-width:600px){.as-speed-row{flex-direction:column;align-items:stretch;gap:8px}.as-speed-input-group{justify-content:center}.as-preset-grid{grid-template-columns:1fr 1fr}.as-pitch-row{flex-direction:column;align-items:stretch;gap:8px}.as-semitone-display{text-align:left}.as-speed-display{flex-direction:column;align-items:flex-start;gap:2px}}