.v3 .vd{--vd-pad:14px;position:relative;margin:0;display:grid;grid-gap:14px;gap:14px;padding:var(--vd-pad);border-radius:20px;background:var(--st-ground);color:var(--st-ink);box-shadow:inset 0 0 0 1px var(--st-edge),var(--st-shadow);min-width:0}.v3 .vd-ex{position:absolute;top:calc(var(--vd-pad) + 12px);right:calc(var(--vd-pad) + 14px);z-index:2;font:11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;opacity:.7}.v3 .vd-player{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#101014}.v3 .vd-screen{position:absolute;inset:0;display:grid;align-content:start;grid-gap:10px;gap:10px;padding:14px 16px;background:linear-gradient(160deg,#1c1d24,#12131a)}.v3 .vd-win{display:flex;gap:5px}.v3 .vd-win i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.22)}.v3 .vd-bars{display:grid;grid-gap:8px;gap:8px;width:70%}.v3 .vd-bars b{display:block;height:9px;border-radius:5px;background:rgba(255,255,255,.1)}.v3 .vd-bars b:first-child{width:55%}.v3 .vd-bars b:nth-child(2){width:90%}.v3 .vd-bars b:nth-child(3){width:75%}.v3 .vd-bars b:nth-child(4){width:40%}.v3 .vd-cam{left:14px;bottom:30px;width:clamp(36px,12%,60px);aspect-ratio:1;background:radial-gradient(circle at 50% 36%,#d9d9e0 0 22%,transparent 23%),radial-gradient(ellipse at 50% 112%,#d9d9e0 0 42%,transparent 43%),#4a4b57;box-shadow:0 0 0 2px #fff,0 4px 14px rgba(0,0,0,.5)}.v3 .vd-cam,.v3 .vd-play{position:absolute;border-radius:50%}.v3 .vd-play{left:50%;top:46%;translate:-50% -50%;display:grid;place-items:center;width:52px;height:52px;background:rgba(255,255,255,.92);color:#0a0a0b;box-shadow:0 6px 20px rgba(0,0,0,.4)}.v3 .vd-play svg{margin-left:2px}.v3 .vd-track{left:12px;right:12px;bottom:12px;height:4px;background:rgba(255,255,255,.28)}.v3 .vd-fill,.v3 .vd-track{position:absolute;border-radius:2px}.v3 .vd-fill{left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--px-blue),var(--px-violet),var(--px-mag))}.v3 .vd-tick{top:-2px;width:2px;height:8px;margin-left:-1px;border-radius:1px;opacity:.85}.v3 .vd-knob,.v3 .vd-tick{position:absolute;background:#fff}.v3 .vd-knob{top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.5)}.v3 .vd-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}.v3 .vd-head b{flex:1 1 100%;font:700 17px/1.3 var(--display);letter-spacing:-.01em;color:var(--st-ink)}.v3 .vd-head span{font-size:13px;color:var(--st-ink2)}.v3 .vd-views{display:inline-flex;align-items:center;gap:5px}.v3 .vd-cols{display:grid;grid-gap:14px;gap:14px;min-width:0}.v3 .vd-chaps,.v3 .vd-lines{list-style:none;margin:0;padding:0;display:grid;grid-gap:2px;gap:2px;align-content:start}.v3 .vd-chaps li,.v3 .vd-lines li{display:flex;align-items:baseline;gap:10px;padding:8px 10px;border-radius:10px;font-size:14px;line-height:1.4;color:var(--st-ink);min-width:0}.v3 .vd-chaps li[data-on],.v3 .vd-lines li[data-on]{background:var(--st-ground2)}.v3 .vd-chaps time,.v3 .vd-cmt time,.v3 .vd-lines time{flex:none;font:12px var(--mono);color:var(--st-ink2);min-width:34px}.v3 .vd-lines li span{color:var(--st-ink2)}.v3 .vd-lines li[data-on] span{color:var(--st-ink)}.v3 .vd-side{display:grid;grid-gap:10px;gap:10px;align-content:start;min-width:0}.v3 .vd-cmt,.v3 .vd-sum{margin:0;display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:12px;background:var(--st-ground2);font-size:13px;line-height:1.5;color:var(--st-ink2)}.v3 .vd-cmt>svg:first-child,.v3 .vd-sum svg{flex:none;margin-top:3px;color:var(--st-ink)}.v3 .vd-cmt{color:var(--st-ink)}.v3 .vd[data-variant=full] .vd-play{width:64px;height:64px}@media (min-width:640px){.v3 .vd{--vd-pad:18px;gap:16px}.v3 .vd-cols{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:18px}}