.vv{display:none}body[data-video="A"] .vA,body[data-video="B"] .vstk,body[data-video="C"] .vC{display:revert}
body[data-video="A"] .vA{display:flex}body[data-video="B"] .vstk{display:flex}
.vth{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#2A2824,#141311);display:flex;align-items:center;justify-content:center;flex:none;position:relative;overflow:hidden}
.vth svg{width:16px;height:16px;fill:#fff}
.vth::after{content:"";position:absolute;inset:0;background:url(usage/ad-creative.webp) center/cover;opacity:.45}
.vth svg{position:relative;z-index:1}
.vbtn,.vstk,.vmini{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:6px 16px 6px 6px;cursor:pointer;font-family:var(--sans);text-align:left;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}
.vbtn:hover,.vstk:hover,.vmini:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.vbtn b,.vstk b,.vmini b{display:block;font-weight:500;font-size:14.5px;color:var(--ink)}
.vbtn em,.vstk em,.vmini em{display:block;font:500 11px/1.4 var(--mono);font-style:normal;color:var(--muted)}
.vA{justify-content:center;margin-top:32px}
.vstk{position:absolute;z-index:7;right:28%;top:-34px;transform:rotate(-3deg);background:#FFF4D6;border:3px solid #fff;outline:1px solid #F0DFAE}
.vstk:hover{transform:rotate(0) translateY(-2px)}
.vframe{display:block;position:relative;width:100%;max-width:1000px;margin:0 auto;aspect-ratio:16/9;border-radius:16px;border:1px solid var(--line);background:repeating-linear-gradient(135deg,#ECE9E3 0 12px,#F4F2EE 12px 24px);box-shadow:var(--shadow-lg);cursor:pointer;overflow:hidden}
.vframe .vlab{position:absolute;left:18px;top:16px;font:500 12px/1 var(--mono);color:var(--muted)}
.vframe .vbig{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;transition:transform .2s}
.vframe:hover .vbig{transform:scale(1.08)}
.vframe .vbig svg{width:30px;height:30px;fill:#fff;margin-left:4px}
.vframe .vdur{position:absolute;right:16px;bottom:14px;font:500 12px/1 var(--mono);color:#fff;background:rgba(26,25,23,.8);border-radius:6px;padding:5px 8px}
.vmini{position:fixed;right:20px;bottom:20px;z-index:80;transform:translateY(140%);opacity:0;transition:transform .35s,opacity .35s}
.vmini.on{transform:none;opacity:1}
.vmini i{font-style:normal;margin-left:6px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--ash);font-size:14px}
.vmod{position:fixed;inset:0;z-index:100;background:rgba(14,13,12,.78);display:none;align-items:center;justify-content:center;padding:24px}
.vmod.on{display:flex}
.vmb{position:relative;width:min(1000px,100%)}
.vplay{aspect-ratio:16/9;border-radius:14px;background:#141311;display:flex;align-items:center;justify-content:center;color:#8C887F;font:500 13px var(--mono)}
.vx{position:absolute;right:-6px;top:-44px;width:36px;height:36px;border-radius:50%;border:none;background:#fff;font-size:20px;cursor:pointer}
.vsw{position:fixed;left:16px;bottom:16px;z-index:90;display:flex;gap:4px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:5px;box-shadow:var(--shadow-lg);font:500 12px var(--sans)}
.vsw span{padding:0 8px;color:var(--muted)}
.vsw button{border:none;background:none;padding:7px 10px;border-radius:8px;font:500 12px var(--sans);color:var(--body);cursor:pointer}
.vsw button.on{background:var(--ink);color:#fff}
@media(max-width:1080px){.vstk{position:relative;right:auto;top:auto;margin:-10px auto 16px;transform:none}body[data-video="B"] .vstk{display:flex;width:max-content}}
@media(max-width:600px){.vsw span{display:none}.vsw button{padding:7px 7px}.vmini{right:12px;bottom:72px}}

body:not([data-video="B"]) .vstk{display:none!important}