.as-tool{--as-muted:#a8a7a8;--as-soft:#d6d5d6;--as-panel:var(--color-panel2);--as-panel-border:#ffffff1a;--as-wave-bg:#262527;--as-bar:#5a595c;--as-bar-played:#2f5bd6;--as-loop:#2f5bd638;--as-loop-edge:#6e8fea;--as-control:#232226;--as-control-border:#3d3b3e;color:var(--color-foreground);min-width:0}[data-theme=light] .as-tool{--as-muted:#5f5e60;--as-soft:#3d3b3e;--as-panel:#f6f6f6;--as-panel-border:#e5e5e5;--as-wave-bg:#ececee;--as-bar:#b4b3b6;--as-bar-played:#012fa7;--as-loop:#012fa724;--as-loop-edge:#2f5bd6;--as-control:#fff;--as-control-border:#d4d4d4}.as-player{outline-offset:6px;border-radius:13px;outline:2px solid #0000;flex-direction:column;gap:24px;display:flex;transition:outline-color .2s!important}.as-player--drop{outline-color:var(--color-primary)}.as-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.as-muted{color:var(--as-muted)}.as-note{color:var(--as-muted);margin:0;font-size:13px;line-height:1.5}.as-note a{color:var(--as-soft);text-underline-offset:2px;text-decoration:underline}.as-note a:hover{color:var(--color-foreground)}.as-file-info{flex:220px;align-items:center;gap:12px;min-width:0;font-size:15px;display:flex}.as-file-icon{color:var(--as-muted);flex:none}.as-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.as-small-btn{padding:8px 16px;font-size:14px}.as-transport{align-items:flex-start;gap:16px;display:flex}.as-play{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;margin-top:32px;display:grid;transition:background-color .2s,transform .2s!important}.as-play:hover{background:#0139c7}.as-play:active{transform:scale(.95)}.as-wave-col{flex-direction:column;flex:auto;gap:6px;min-width:0;display:flex}.as-wave{background:var(--as-wave-bg);cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:8px;height:120px;position:relative;overflow:hidden}.as-wave:focus-visible,.as-play:focus-visible,.as-step:focus-visible,.as-preset:focus-visible,.as-switch:focus-visible,.as-clear:focus-visible{outline-offset:2px;outline:2px solid #93b4ff}.as-wave-inner{position:absolute;inset:0 8px}.as-wave-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.as-wave-played{pointer-events:none;position:absolute;inset:0}.as-wave-loop{box-sizing:border-box;border-right:2px solid var(--as-loop-edge);border-left:2px solid var(--as-loop-edge);background:var(--as-loop);pointer-events:none;position:absolute;top:0;bottom:0}.as-flag{z-index:2;background:var(--as-loop-edge);color:#0b1440;white-space:nowrap;pointer-events:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;line-height:1.4;position:absolute;top:6px}[data-theme=light] .as-flag{color:#fff}.as-flag--b{transform:translate(-100%)}.as-flag--low{top:auto;bottom:6px}.as-wave-head{z-index:3;pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 0 1px #00000040}[data-theme=light] .as-wave-head{background:#171717}.as-wave-meta{min-height:32px;color:var(--as-muted);text-align:center;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.as-clear{min-height:44px;color:var(--as-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;margin:-6px 0;padding:0 10px;font-size:13px;display:inline-flex}.as-clear:hover{color:var(--color-foreground);background:var(--color-surface-light)}.as-panels{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.as-panel{border:1px solid var(--as-panel-border);background:var(--as-panel);border-radius:13px;flex-direction:column;gap:14px;min-width:0;padding:22px;display:flex}.as-label{color:var(--as-muted);letter-spacing:.4px;text-transform:uppercase;font-size:12px;font-weight:500}.as-stepper{justify-content:space-between;align-items:center;gap:12px;max-width:340px;display:flex}.as-step{border:1px solid var(--as-control-border);background:var(--as-control);width:56px;height:56px;color:var(--color-foreground);font:inherit;cursor:pointer;border-radius:12px;flex:none;font-size:26px;line-height:1;transition:background-color .2s,transform .2s!important}.as-step:hover:not(:disabled){background:var(--color-surface-lighter)}.as-step:active:not(:disabled){transform:scale(.95)}.as-step:disabled{opacity:.4;cursor:default}.as-readout{flex-direction:column;flex:auto;align-items:center;min-width:0;display:flex}.as-readout-value{color:var(--color-foreground);letter-spacing:-.03em;font-size:clamp(56px,8vw,72px);font-weight:300;line-height:1}.as-readout-unit{color:var(--as-soft);font-size:14px}.as-range-label{color:var(--as-soft);flex-direction:column;gap:6px;font-size:13px;display:flex}.as-key{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.as-key-from{color:var(--as-soft);font-size:20px}.as-key-to{color:var(--color-foreground);font-size:40px;font-weight:300;line-height:1.1}.as-speed-head{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.as-bpm{color:var(--as-soft);font-size:16px}.as-presets{flex-wrap:wrap;gap:6px;display:flex}.as-preset{border:1px solid var(--as-control-border);background:var(--as-control);min-width:60px;height:44px;color:var(--color-foreground);font:inherit;cursor:pointer;border-radius:8px;padding:0 10px;font-size:15px;transition:background-color .2s,border-color .2s!important}.as-preset:hover{background:var(--color-surface-lighter)}.as-preset--on,.as-preset--on:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.as-switch{min-height:44px;color:var(--color-foreground);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:10px;margin:-6px 0;padding:0;font-size:14px;display:inline-flex}.as-switch:disabled{opacity:.45;cursor:default}.as-switch-track{background:#4a494c;border-radius:12px;flex:none;width:40px;height:24px;position:relative;transition:background-color .2s!important}[data-theme=light] .as-switch-track{background:#c9c8cb}.as-switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;left:3px;transition:transform .2s!important}.as-switch--on .as-switch-track{background:var(--color-primary)}.as-switch--on .as-switch-knob{transform:translate(16px)}.as-shortcuts{flex:260px}.as-actions{flex-wrap:wrap;gap:10px;display:flex}.as-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.9s linear infinite ft-spin;display:block}.as-spinner--sm{border-width:2px;width:16px;height:16px}@media (max-width:640px){.as-player{gap:20px}.as-transport{gap:12px}.as-play{width:52px;height:52px;margin-top:34px}.as-panel{padding:18px 16px}.as-actions{width:100%}.as-actions .ft-btn{flex:auto}}@media (prefers-reduced-motion:reduce){.as-spinner{animation-duration:2s}}