.page--vbg{--vbg-danger:#d05e54;--vbg-tile:color-mix(in oklab, var(--ink) 5%, transparent);--vbg-mat:#ececed}[data-theme=dark] .page--vbg{--vbg-danger:#e58b82;--vbg-mat:#0e0e10}.page--vbg{overflow-x:clip}#vbg-root[data-screen=success] [data-vbg-screen=build],#vbg-root:not([data-screen=success]) [data-tool-screen=success]{display:none}.page--vbg .vbg-phone.is-invalid,.page--vbg .vbg-input.is-invalid,.page--vbg [data-vbg-field].is-invalid{border-color:var(--vbg-danger)}.page--vbg .vbg-stage{background:var(--vbg-mat);border:1px solid var(--line);border-radius:16px;overflow:hidden}.page--vbg .vbg-stage canvas{aspect-ratio:16/9;width:100%;height:auto;display:block}.page--vbg .vbg-livedot{background:currentColor;border-radius:999px;width:6px;height:6px;animation:1.8s ease-in-out infinite vbg-live}.page--vbg .vbg-tile{aspect-ratio:16/9;border:1px solid var(--field-line);background:var(--vbg-tile);cursor:pointer;transition:border-color .3s ease, transform .3s var(--ease-out-expo);border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}.page--vbg .vbg-tile img{object-fit:cover;width:100%;height:100%;display:block}.page--vbg .vbg-tile:hover{border-color:color-mix(in oklab, var(--gold) 55%, var(--field-accent-base));transform:translateY(-2px)}.page--vbg .vbg-tile[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in oklab, var(--gold) 45%, var(--field-ring-base))}.page--vbg .vbg-tile--upload{border-style:dashed;border-color:var(--line-strong);color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.page--vbg .vbg-tile--upload:hover{color:var(--gold);border-color:color-mix(in oklab, var(--gold) 60%, var(--field-accent-base))}.page--vbg .vbg-tile__remove{background:color-mix(in oklab, var(--bg) 78%, transparent);width:22px;height:22px;color:var(--ink);cursor:pointer;backdrop-filter:blur(4px);border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px}.page--vbg .vbg-tile__remove:hover{color:var(--vbg-danger)}.page--vbg .vbg-pos{border:1px solid var(--field-line);background:var(--surface);cursor:pointer;border-radius:12px;padding:8px;transition:border-color .3s,background-color .3s}.page--vbg .vbg-pos:hover{border-color:color-mix(in oklab, var(--gold) 55%, var(--field-accent-base))}.page--vbg .vbg-pos[aria-pressed=true]{border-color:var(--gold);background:color-mix(in oklab, var(--gold) 8%, transparent)}.page--vbg .vbg-pos__card{aspect-ratio:16/9;background:var(--surface-2);border:1px solid var(--field-line);border-radius:6px;display:block;position:relative}.page--vbg .vbg-pos__qr,.page--vbg .vbg-pos__arrow{top:calc(var(--py) * 100%);left:calc(var(--px) * 100%);translate:calc(var(--px) * -100%) calc(var(--py) * -100%);margin:calc(4px - var(--py) * 8px) 0 0 calc(4px - var(--px) * 8px);position:absolute}.page--vbg .vbg-pos__qr{aspect-ratio:1;background:var(--gold);border-radius:3px;width:30%}.page--vbg .vbg-pos__arrow{width:32%;color:var(--ink-3);rotate:var(--rot)}.page--vbg .vbg-pos[aria-pressed=true] .vbg-pos__arrow{color:var(--gold-deep)}.page--vbg .vbg-optbtn{border:1px solid var(--field-line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;transition:border-color .3s,color .3s,background-color .3s}.page--vbg .vbg-optbtn:hover{border-color:color-mix(in oklab, var(--gold) 55%, var(--field-accent-base));color:var(--ink)}.page--vbg .vbg-optbtn[aria-pressed=true]{border-color:var(--gold);background:color-mix(in oklab, var(--gold) 10%, transparent);color:var(--gold-deep)}[data-theme=dark] .page--vbg .vbg-optbtn[aria-pressed=true]{color:var(--gold-soft)}.page--vbg .vbg-style{border:1px solid var(--field-line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;transition:border-color .3s,color .3s;display:flex}.page--vbg .vbg-style:hover{border-color:color-mix(in oklab, var(--gold) 55%, var(--field-accent-base))}.page--vbg .vbg-style[aria-pressed=true]{border-color:var(--gold);color:var(--gold-deep)}[data-theme=dark] .page--vbg .vbg-style[aria-pressed=true]{color:var(--gold-soft)}.page--vbg .vbg-style canvas{width:100%;max-width:78px;height:auto;display:block}.page--vbg .vbg-swatch{background:var(--sw,transparent);width:30px;height:30px;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;transition:transform .25s var(--ease-out-expo);border:0;border-radius:999px;padding:0;display:inline-block}.page--vbg .vbg-swatch:hover{transform:scale(1.1)}.page--vbg .vbg-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--gold)}.page--vbg .vbg-swatch--custom{background:conic-gradient(#ff6552,#fac000,#3db512,#00e0bb,#0f9bff,#a53df5,#ff6552);position:relative;overflow:hidden}.page--vbg .vbg-swatch--custom input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.page--vbg .vbg-switch{background:color-mix(in oklab, var(--ink) 18%, transparent);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;width:44px;height:25px;padding:0;transition:background-color .3s;position:relative}.page--vbg .vbg-switch[aria-checked=true]{background:var(--gold)}.page--vbg .vbg-switch__knob{width:19px;height:19px;transition:transform .3s var(--ease-out-expo);background:#fff;border-radius:999px;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000047}.page--vbg .vbg-switch[aria-checked=true] .vbg-switch__knob{transform:translate(19px)}.page--vbg .vbg-cc-list li{color:var(--ink-2);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.page--vbg .vbg-cc-list li:hover,.page--vbg .vbg-cc-list li[aria-selected=true]{background:color-mix(in oklab, var(--gold) 10%, transparent);color:var(--ink)}.page--vbg .vbg-spinner{border:2px solid color-mix(in oklab, var(--bg) 45%, transparent);border-top-color:var(--bg);border-radius:999px;width:16px;height:16px;animation:.7s linear infinite vbg-spin;display:none}.page--vbg .vbg-btn.is-loading .vbg-spinner{display:block}.page--vbg .vbg-btn.is-loading .vbg-btn__icon{display:none}.vbg-toasts{z-index:1000;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;top:84px;right:16px}.vbg-toast-item{pointer-events:auto;cursor:pointer;background:var(--surface);border:1px solid color-mix(in oklab, #d05e54 45%, var(--line));max-width:min(360px,100vw - 32px);box-shadow:0 24px 70px -28px var(--shadow-deep);color:#d05e54;opacity:0;transition:transform .4s var(--ease-out-expo), opacity .4s var(--ease-out-expo);border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.45;transform:translate(calc(100% + 24px))}[data-theme=dark] .vbg-toast-item{color:#e58b82}.vbg-toast-item.is-in{opacity:1;transform:translate(0)}.vbg-toast{z-index:1000;background:var(--ink);color:var(--bg);box-shadow:0 24px 70px -28px var(--shadow-deep);border-radius:999px;padding:12px 18px;font-size:14px;font-weight:600;position:fixed;bottom:24px;left:50%;translate:-50%}@keyframes vbg-spin{to{transform:rotate(360deg)}}@keyframes vbg-live{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.page--vbg .vbg-livedot,.page--vbg .vbg-spinner{animation:none}.vbg-toast-item{transition:opacity .2s linear;transform:none}.vbg-toast-item.is-in{transform:none}}@media (width<=640px){.vbg-toasts{align-items:stretch;left:16px;right:16px}.vbg-toast-item{max-width:none}}