.vpk-root{--vpk-surface:var(--nui-surface,var(--background));--vpk-ink:var(--nui-ink,var(--foreground));--vpk-muted:var(--nui-ink-muted,var(--muted-foreground));--vpk-line:var(--nui-line,var(--foreground));--vpk-line-soft:var(--nui-line-soft,var(--border));--vpk-line-faint:var(--nui-line-faint,var(--border));--vpk-sunk:var(--nui-surface-sunken,var(--accent));--vpk-ok:#2f8f5b;--vpk-err:#b3261e;min-height:0;color:var(--vpk-ink);background:var(--vpk-surface);flex-direction:column;flex:1;font-size:13px;display:flex}.vpk-scrim{z-index:1250;background:#0a0a0a47;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.vpk-modal{border:1px solid var(--foreground);background:var(--background);width:min(420px,100%);max-height:calc(100vh - 64px);color:var(--foreground);border-radius:0;flex-direction:column;display:flex}.nui-modal.vpk-modal{width:min(440px,100%)}.vpk-head{align-items:center;gap:12px;padding:14px 16px 10px;display:flex}.vpk-title{letter-spacing:-.01em;flex:1;min-width:0;margin:0;font-size:15px;font-weight:600}.vpk-close{border:1px solid var(--vpk-line-soft);width:26px;height:26px;color:var(--vpk-ink);cursor:pointer;background:0 0;border-radius:0;flex-shrink:0;place-items:center;display:inline-grid}.vpk-close:hover{background:var(--vpk-sunk)}.vpk-search{border:1px solid var(--vpk-line-soft);height:30px;color:var(--vpk-muted);border-radius:0;align-items:center;gap:8px;margin:0 16px 8px;padding:0 8px;display:flex}.vpk-search input{min-width:0;height:100%;color:var(--vpk-ink);font:inherit;cursor:text;background:0 0;border:0;outline:0;flex:1}.vpk-search:focus-within{border-color:var(--vpk-line)}.vpk-list{border-top:1px solid var(--vpk-line-faint);flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.vpk-row{border-bottom:1px solid var(--vpk-line-faint);grid-template-columns:1fr 30px;align-items:center;gap:8px;padding:0 12px 0 0;display:grid}.vpk-row:last-child{border-bottom:0}.vpk-row[data-chosen=true]{background:var(--vpk-sunk)}.vpk-pick{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-columns:14px 64px 1fr;align-items:center;gap:10px;padding:8px 0 8px 16px;display:grid}.vpk-pick:hover{background:var(--vpk-sunk)}.vpk-pick:focus-visible,.vpk-play:focus-visible,.vpk-close:focus-visible,.vpk-trigger:focus-visible{outline:2px solid var(--vpk-line);outline-offset:-2px}.vpk-radio{border:1px solid var(--vpk-line);border-radius:50%;width:12px;height:12px;position:relative}.vpk-row[data-chosen=true] .vpk-radio:after{content:"";background:var(--vpk-ink);border-radius:50%;position:absolute;inset:2px}.vpk-name{font-weight:600}.vpk-desc{color:var(--vpk-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.vpk-desc em{font-style:normal}.vpk-play{border:1px solid var(--vpk-line);background:var(--vpk-surface);width:26px;height:26px;color:var(--vpk-ink);cursor:pointer;border-radius:0;place-items:center;padding:0;display:inline-grid}.vpk-play[data-state=playing]{background:var(--vpk-ink);color:var(--vpk-surface)}.vpk-play[data-state=loading]{cursor:progress}.vpk-spin{animation:.9s linear infinite vpk-spin}@keyframes vpk-spin{to{transform:rotate(360deg)}}.vpk-row-error{color:var(--vpk-err);grid-column:1/-1;padding:0 16px 8px 40px;font-size:12px}.vpk-empty{color:var(--vpk-muted);padding:14px 16px}.vpk-foot{border-top:1px solid var(--vpk-line);color:var(--vpk-muted);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-size:11.5px;display:flex}.vpk-saved{color:var(--vpk-ok);font-weight:600}.vpk-save-error{color:var(--vpk-err)}.vpk-trigger{width:16px;height:32px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;margin-left:-6px;padding:0;display:inline-flex}.vpk-trigger:hover:not(:disabled){background:var(--accent);color:var(--foreground)}.vpk-trigger:disabled{opacity:.5;cursor:not-allowed}.vpk-foot .vpk-start{background:var(--vpk-ink);color:var(--vpk-surface);cursor:pointer;border:0;border-radius:0;align-items:center;gap:6px;margin-left:auto;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.vpk-foot .vpk-start:hover:not(:disabled){filter:brightness(1.08)}.vpk-foot .vpk-start:disabled{opacity:.6;cursor:default}