.vhs-overlay{--vhs-bg:#fff;--vhs-panel:#f5f1f8;--vhs-ink:#251c31;--vhs-muted:#74667f;--vhs-line:#e4d9eb;--vhs-accent:#8f72ac;position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,8,16,.66);color:var(--vhs-ink);font-family:inherit}
.vhs-overlay[hidden]{display:none!important}
.vhs-dialog{display:flex;flex-direction:column;width:min(620px,100%);max-height:calc(100dvh - 32px);border:1px solid var(--vhs-line);border-radius:20px;background:var(--vhs-bg);box-shadow:0 12px 55px rgba(0,0,0,.2);overflow:hidden}
.vhs-heading{display:flex;align-items:flex-start;gap:16px;padding:20px 20px 12px}
.vhs-heading h2{margin:0;font-size:23px;line-height:1.3;font-weight:750;color:var(--vhs-ink)}
.vhs-heading p{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--vhs-muted)}
.vhs-close{margin-left:auto;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--vhs-line);border-radius:50%;background:transparent;color:var(--vhs-ink);font-size:24px;line-height:1;cursor:pointer}
.vhs-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 20px 16px;scrollbar-width:thin}
.vhs-cover{display:flex;gap:14px;align-items:center;padding:14px 0 18px;border-bottom:1px solid var(--vhs-line)}
.vhs-cover-preview{display:flex;align-items:center;justify-content:center;width:72px;height:96px;flex:0 0 72px;overflow:hidden;border:1px solid var(--vhs-line);border-radius:11px;background:var(--vhs-panel);color:var(--vhs-accent)}
.vhs-cover-preview img{display:block;width:100%;height:100%;object-fit:cover;filter:none!important}
.vhs-cover-preview span{font-size:26px}
.vhs-cover-copy{min-width:0;flex:1}
.vhs-cover-copy strong,.vhs-items-heading strong{font-size:14px;line-height:1.4;color:var(--vhs-ink)}
.vhs-cover-copy p{margin:5px 0 10px;color:var(--vhs-muted);font-size:12px;line-height:1.5}
.vhs-cover-actions{display:flex;flex-wrap:wrap;gap:8px}
.vhs-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid var(--vhs-line);border-radius:10px;background:transparent;color:var(--vhs-accent);font:inherit;font-size:13px;font-weight:650;cursor:pointer;text-decoration:none}
.vhs-button:disabled,.vhs-close:disabled{opacity:.55;cursor:wait}
.vhs-button--primary{border-color:var(--vhs-accent);background:var(--vhs-accent);color:#fff}
.vhs-button:focus-visible,.vhs-close:focus-visible,.vhs-item:focus-visible{outline:2px solid var(--vhs-accent);outline-offset:3px}
.vhs-items-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:17px 0 6px}
.vhs-count{color:var(--vhs-accent);font-size:12px;font-weight:700;white-space:nowrap}
.vhs-terms{margin:0 0 13px;color:var(--vhs-muted);font-size:12px;line-height:1.55}
.vhs-items{display:flex;flex-direction:column;gap:7px}
.vhs-item{display:flex;align-items:center;gap:10px;min-height:66px;padding:9px;border:1px solid var(--vhs-line);border-radius:12px;background:var(--vhs-bg);color:var(--vhs-ink);font:inherit;text-align:left;cursor:pointer}
.vhs-item[aria-pressed="true"]{background:var(--vhs-panel);border-color:var(--vhs-accent)}
.vhs-item-order{display:flex;align-items:center;justify-content:center;flex:0 0 23px;width:23px;height:23px;border:1px solid var(--vhs-line);border-radius:50%;color:var(--vhs-accent);font-size:12px;font-weight:700}
.vhs-item[aria-pressed="true"] .vhs-item-order{border-color:var(--vhs-accent)}
.vhs-item img{display:block;width:42px;height:49px;object-fit:cover;border-radius:6px;flex:0 0 42px}
.vhs-item-copy{min-width:0;flex:1}
.vhs-item-title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;line-height:1.5}
.vhs-item-start{display:block;color:var(--vhs-muted);font-size:12px;line-height:1.4}
.vhs-load-more{width:100%;margin-top:12px}
.vhs-status{min-height:20px;margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--vhs-muted)}
.vhs-status.is-error{color:#b92b46}
.vhs-empty{padding:18px 0;font-size:13px;line-height:1.5;color:var(--vhs-muted)}
.vhs-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:13px 20px 17px;border-top:1px solid var(--vhs-line);background:var(--vhs-bg)}
.vhs-overlay input[type=file][hidden]{display:none!important}
:is(html[data-vrool-theme="dark"],html:not([data-vrool-theme="light"]) body[data-theme="dark"]) .vhs-overlay{--vhs-bg:#211e28;--vhs-panel:#302638;--vhs-ink:#f2eaf7;--vhs-muted:#bfb0c9;--vhs-line:#43374f;--vhs-accent:#ac87c5}
:is(html[data-vrool-theme="dark"],html:not([data-vrool-theme="light"]) body[data-theme="dark"]) .vhs-status.is-error{color:#f1a5b4}
@media(max-width:600px){.vhs-overlay{align-items:flex-end;padding:0}.vhs-dialog{max-height:calc(100dvh - 12px - env(safe-area-inset-top));width:100%;border-radius:20px 20px 0 0;border-bottom:0}.vhs-heading{padding:18px 16px 12px}.vhs-heading h2{font-size:21px}.vhs-body{padding:0 16px 14px}.vhs-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom))}.vhs-footer .vhs-button{flex:1}}