.vp{gap:10px}.vp .cx-panel-lead svg{vertical-align:-2px;color:var(--ag-studio-text);margin-right:4px;display:inline-block}.vp-change{justify-self:start;min-height:32px;font-size:13px}.vp-spin{animation:.9s linear infinite vp-spin}@keyframes vp-spin{to{rotate:360deg}}.vp-list{gap:8px;display:grid}.vp-voice{align-items:stretch;gap:8px;min-width:0;display:flex}.vp-pick{border-radius:var(--ag-radius-md);background:var(--ag-surface-2);min-width:0;min-height:52px;box-shadow:inset 0 0 0 1px var(--ag-line-2);color:var(--ag-fg);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--ag-dur-2) var(--ag-ease-out), box-shadow var(--ag-dur-2) var(--ag-ease-out);border:0;flex:1;align-items:center;gap:10px;padding:8px 12px;display:flex}.vp-pick:hover{background:var(--ag-surface-3)}.vp-pick:focus-visible,.vp-play:focus-visible{outline:2px solid var(--ag-studio-text);outline-offset:2px}.vp-pick[aria-checked=true]{background:var(--ag-studio-soft);box-shadow:inset 0 0 0 2px var(--ag-studio-text)}.vp-pick:disabled{cursor:default;opacity:.6}.vp-dot{width:16px;height:16px;box-shadow:inset 0 0 0 1.5px var(--ag-line-3);border-radius:50%;flex:none}.vp-pick[aria-checked=true] .vp-dot{background:var(--ag-studio-text);box-shadow:inset 0 0 0 4px var(--ag-studio-soft)}.vp-text{flex:1;gap:1px;min-width:0;display:grid}.vp-text b{font-size:14px;font-weight:600}.vp-sample{color:var(--ag-fg-3);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.vp-secs{font-family:var(--ag-font-mono);font-variant-numeric:tabular-nums;color:var(--ag-fg-3);flex:none;font-size:12px}.vp-play{border-radius:var(--ag-radius-md);background:var(--ag-surface-2);width:52px;box-shadow:inset 0 0 0 1px var(--ag-line-2);color:var(--ag-fg-2);cursor:pointer;border:0;flex:none;place-items:center;display:grid}.vp-play:hover{background:var(--ag-surface-3);color:var(--ag-fg)}.vp-play[aria-pressed=true]{color:var(--ag-studio-text);box-shadow:inset 0 0 0 1px var(--ag-studio-text)}@media (prefers-reduced-motion:reduce){.vp-spin{animation:none}}
.tb{gap:10px;display:grid}.tb[data-disabled]{opacity:.6}.tb-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.tb-title{color:var(--ag-fg);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.tb-title svg{color:var(--ag-studio-text)}.tb-read{font-family:var(--ag-font-mono);letter-spacing:.04em;color:var(--ag-fg-3);font-variant-numeric:tabular-nums;font-size:12px}.tb-read b{color:var(--ag-fg);font-weight:400}.tb-track{--tb-h:56px;height:var(--tb-h);touch-action:pan-y;margin:0 12px;position:relative}.tb-strip{border-radius:var(--ag-radius-sm);background:var(--ag-surface-2);box-shadow:inset 0 0 0 1px var(--ag-line-2);display:flex;position:absolute;inset:0;overflow:hidden}.tb-strip img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:1 1 0;min-width:0;height:100%}.tb-strip{pointer-events:none}.tb-strip i{background:var(--ag-line-3);width:1px;height:8px;position:absolute;bottom:8px}.tb-strip i[data-major]{background:var(--ag-fg-4);height:16px}.tb-shade{pointer-events:none;background:#0000009e;position:absolute;top:0;bottom:0}.tb-shade-a{width:var(--tb-a);border-radius:var(--ag-radius-sm) 0 0 var(--ag-radius-sm);left:0}.tb-shade-b{left:var(--tb-b);border-radius:0 var(--ag-radius-sm) var(--ag-radius-sm) 0;right:0}.tb-win{top:-2px;bottom:-2px;left:var(--tb-a);width:calc(var(--tb-b) - var(--tb-a));border:2px solid var(--ag-studio-text);border-radius:var(--ag-radius-sm);pointer-events:none;position:absolute;box-shadow:0 0 22px -6px #4d4dffe6}.tb-range{appearance:none;pointer-events:none;background:0 0;outline:none;width:calc(100% + 24px);height:100%;margin:0;position:absolute;inset:0 -12px}.tb-range::-webkit-slider-runnable-track{background:0 0;height:100%}.tb-range::-moz-range-track{background:0 0;height:100%}.tb-range::-webkit-slider-thumb{appearance:none;width:24px;height:calc(var(--tb-h) + 8px);background:linear-gradient(90deg, transparent 7px, var(--ag-studio-text) 7px, var(--ag-studio-text) 17px, transparent 17px);cursor:ew-resize;pointer-events:auto;border:0;border-radius:8px;margin-top:-4px}.tb-range::-moz-range-thumb{width:24px;height:calc(var(--tb-h) + 8px);background:linear-gradient(90deg, transparent 7px, var(--ag-studio-text) 7px, var(--ag-studio-text) 17px, transparent 17px);cursor:ew-resize;pointer-events:auto;border:0;border-radius:8px}.tb-range:focus-visible::-webkit-slider-thumb{background:linear-gradient(90deg,#0000 6px,#fff 6px 18px,#0000 18px);box-shadow:0 0 0 3px #6b6bff73}.tb-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #6b6bff73}.tb-range:disabled::-webkit-slider-thumb{cursor:not-allowed}.tb-range-b{z-index:1}.tb input.tb-range:focus-visible{box-shadow:none;outline:none}.tb-foot{color:var(--ag-fg-3);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:12.5px;display:flex}.tb-foot b{color:var(--ag-fg);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-weight:600;display:inline-flex}.tb-foot [data-pending] b{opacity:.6}.tb-at{top:-4px;bottom:-4px;left:var(--tb-at);pointer-events:none;background:#fff;border-radius:1px;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 6px #0009}.rp{position:absolute;inset:0}.rp video{object-fit:cover;cursor:pointer;background:#000;width:100%;height:100%;position:absolute;inset:0}.rp-ctrls{z-index:2;gap:6px;display:flex;position:absolute;bottom:8px;right:8px}.rp-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:relative}.rp-btn:before{content:"";position:absolute;inset:-5px}.rp-btn[aria-pressed=true]{background:var(--ag-studio-text)}.rp-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.rp-small .rp-ctrls{gap:4px;bottom:4px;right:4px}.rp-small .rp-btn{width:28px;height:28px}