.vbg-layout{align-items:start;gap:16px;margin-top:12px;display:grid}@media (min-width:700px){.vbg-layout{grid-template-columns:minmax(0,220px) minmax(0,1fr)}.vbg-preview-box{position:sticky;top:12px}}.vbg-preview-box{justify-items:center;gap:6px;min-width:0;display:grid}@media (max-width:699px){.vbg-preview-box{z-index:2;background:var(--card);border-bottom:1px solid var(--border);padding:6px 0;position:sticky;top:0}.vbg-preview-box .vbg-preview{max-height:min(220px,32vh)}html:has(.vbg-controls :focus-visible){scroll-padding-top:calc(min(220px,32vh) + 80px)}}@media (min-width:641px) and (max-width:699px){.vbg-preview-box{top:var(--header-h,61px)}html:has(.vbg-controls :focus-visible){scroll-padding-top:calc(var(--header-h,61px) + min(220px, 32vh) + 80px)}}.vbg-preview{background:var(--surface)}.vbg-stand-in{text-align:center}.vbg-controls{gap:14px;min-width:0;display:grid}.vbg-controls>.hint{margin-top:-8px}.vbg-fieldset{gap:8px;min-width:0;display:grid}.vbg-swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vbg-swatch{border:2px solid var(--border);cursor:pointer;border-radius:10px;width:44px;height:44px;padding:0}.vbg-swatch[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:2px}.vbg-swatch:focus-visible{outline:3px solid var(--text);outline-offset:2px}.vbg-custom{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-weight:400;display:inline-flex}.vbg .vbg-custom input[type=color]{width:48px;height:44px}.vbg-pair{flex-wrap:wrap;gap:8px 20px;display:flex}.vbg-photo .dropzone,.vbg-pick.compact .dropzone{padding:14px 12px}.vbg-photo .dropzone:before,.vbg-pick.compact .dropzone:before{display:none}.vbg-photo .dropzone strong,.vbg-pick.compact .dropzone strong{min-height:44px;padding:8px 20px;font-size:.95rem}.vbg-photo-name{overflow-wrap:anywhere;margin:0}