.ap[data-v-cb3a53f1]{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0}.ap.playing[data-v-cb3a53f1]{background:var(--play-bg)}.ap.editing[data-v-cb3a53f1]{background:var(--edit-bg)}.ap.playing.editing[data-v-cb3a53f1]{box-shadow:inset 4px 0 0 var(--note)}.ap-top[data-v-cb3a53f1]{align-items:center;gap:8px;padding:4px 8px;display:flex}.ap-play[data-v-cb3a53f1]{border:1px solid var(--btn-line);background:var(--surface);width:24px;height:24px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-size:10px;line-height:1;display:inline-flex;position:relative;box-shadow:0 1px #0000002e}.ap-play[data-v-cb3a53f1]:after{content:"";position:absolute;inset:-6px}.ap-play[data-v-cb3a53f1]:disabled{opacity:.4;cursor:not-allowed}.ap-play[data-v-cb3a53f1]:focus-visible,.ap-view[data-v-cb3a53f1]:focus-visible{outline:2px solid var(--note);outline-offset:2px}.ap-view[data-v-cb3a53f1]{cursor:pointer;touch-action:none;border-radius:3px;flex:1;min-width:0;height:44px;position:relative}.ap-view canvas[data-v-cb3a53f1]{width:100%;height:100%;display:block;position:absolute;inset:0}.ap-head[data-v-cb3a53f1]{background:var(--playhead);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px}.ap-head[data-v-cb3a53f1]:before{content:"";background:var(--playhead);width:10px;height:10px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;margin-left:-5px;position:absolute;top:-3px;left:50%}.ap-sel[data-v-cb3a53f1]{background:color-mix(in srgb, var(--note) 22%, transparent);border-left:2px solid var(--note);border-right:2px solid var(--note);pointer-events:none;position:absolute;top:0;bottom:0}.ap-info[data-v-cb3a53f1]{background:var(--sunk);color:var(--muted);border-top:1px solid var(--line-soft);border-radius:0 0 8px 8px;align-items:flex-start;gap:8px;padding:3px 8px;font-size:12px;line-height:1.5;display:flex}.ap.playing .ap-info[data-v-cb3a53f1],.ap.editing .ap-info[data-v-cb3a53f1]{background:0 0}.ap-left[data-v-cb3a53f1]{flex-wrap:wrap;flex:1;align-items:center;gap:4px 8px;min-width:0;display:flex}.ap-ed[data-v-cb3a53f1]{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.ap-b[data-v-cb3a53f1]{font:inherit;white-space:nowrap;border:1px solid var(--btn-line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:5px;min-height:22px;padding:0 6px;font-size:11px;line-height:1;box-shadow:0 1px #0000002e}.ap-b[data-v-cb3a53f1]:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.ap-sil[data-v-cb3a53f1]{align-items:center;gap:2px;display:inline-flex}.ap-c[data-v-cb3a53f1]{color:var(--muted);padding:0 4px}.ap-c[aria-pressed=true][data-v-cb3a53f1],.ap-pri[data-v-cb3a53f1]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.ap-draft[data-v-cb3a53f1]{color:var(--warn);font-weight:700}.ap-range[data-v-cb3a53f1]{font-variant-numeric:tabular-nums;color:var(--ink);align-items:center;gap:4px;display:inline-flex}.ap-main[data-v-cb3a53f1]{color:var(--ink);font-variant-numeric:tabular-nums}.ap-err[data-v-cb3a53f1]{color:var(--err)}.ap-now[data-v-cb3a53f1]{color:var(--note);white-space:nowrap;font-weight:700;display:none}.ap.playing .ap-now[data-v-cb3a53f1]{display:inline}.ap-time[data-v-cb3a53f1]{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted);flex:none;margin-left:auto}.ap.plain .ap-time[data-v-cb3a53f1],.ap.plain .ap-now[data-v-cb3a53f1]{font-size:12px}.ap.plain .ap-time[data-v-cb3a53f1]{margin-left:0}.ap-q[data-v-cb3a53f1]{border:1px solid var(--btn-line);width:18px;height:18px;color:var(--muted);cursor:help;background:var(--surface);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.ap-q[data-v-cb3a53f1]:focus-visible{outline:2px solid var(--note);outline-offset:1px}.ap-tip[data-v-cb3a53f1]{z-index:30;text-align:left;width:max-content;max-width:min(320px,80vw);color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:auto;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.5;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 14px #0000002e}.ap-q:hover .ap-tip[data-v-cb3a53f1],.ap-q:focus .ap-tip[data-v-cb3a53f1],.ap-q:focus-within .ap-tip[data-v-cb3a53f1]{display:flex}@media (width<=819.98px){.ap-b[data-v-cb3a53f1]{min-height:36px;padding:0 10px;font-size:12px}.ap-info[data-v-cb3a53f1]{flex-wrap:wrap}.ap-left[data-v-cb3a53f1]{flex-basis:100%;order:3}}