.bsg-wrap[data-astro-cid-64ueemvv]{display:flex;flex-direction:column;gap:1.25rem}.bsg-controls[data-astro-cid-64ueemvv]{display:flex;flex-direction:column;gap:.75rem}.bsg-field[data-astro-cid-64ueemvv]{display:flex;flex-direction:column;gap:.3rem}.bsg-field-header[data-astro-cid-64ueemvv]{display:flex;justify-content:space-between;align-items:center}.bsg-label[data-astro-cid-64ueemvv]{font-size:.82rem;font-weight:600;color:var(--color-text-secondary)}.bsg-val[data-astro-cid-64ueemvv]{font-size:.8rem;font-family:var(--font-mono);color:var(--color-primary);min-width:3.5rem;text-align:right}.bsg-slider[data-astro-cid-64ueemvv]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--color-border);outline:none;cursor:pointer}.bsg-slider[data-astro-cid-64ueemvv]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-bg);box-shadow:0 0 0 1px var(--color-primary)}.bsg-slider[data-astro-cid-64ueemvv]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-bg);box-shadow:0 0 0 1px var(--color-primary)}.bsg-color-row[data-astro-cid-64ueemvv]{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.bsg-field-color[data-astro-cid-64ueemvv]{flex:1;min-width:160px}.bsg-field-inset[data-astro-cid-64ueemvv]{flex-shrink:0}.bsg-color-input-wrap[data-astro-cid-64ueemvv]{display:flex;align-items:center;gap:.5rem}.bsg-swatch[data-astro-cid-64ueemvv]{width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px;cursor:pointer;background:none;flex-shrink:0}.bsg-hex-input[data-astro-cid-64ueemvv]{font-family:var(--font-mono);font-size:.85rem;padding:.35rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text);width:100px}.bsg-hex-input[data-astro-cid-64ueemvv]:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg)}.bsg-toggle[data-astro-cid-64ueemvv]{display:flex;align-items:center;cursor:pointer}.bsg-toggle-input[data-astro-cid-64ueemvv]{position:absolute;opacity:0;width:0;height:0}.bsg-toggle-track[data-astro-cid-64ueemvv]{display:inline-block;width:40px;height:22px;background:var(--color-border);border-radius:11px;position:relative;transition:background .2s}.bsg-toggle-track[data-astro-cid-64ueemvv]:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.bsg-toggle-input[data-astro-cid-64ueemvv]:checked+.bsg-toggle-track[data-astro-cid-64ueemvv]{background:var(--color-primary)}.bsg-toggle-input[data-astro-cid-64ueemvv]:checked+.bsg-toggle-track[data-astro-cid-64ueemvv]:after{transform:translate(18px)}.bsg-section-label[data-astro-cid-64ueemvv]{font-size:.82rem;font-weight:600;color:var(--color-text-secondary);display:block;margin-bottom:.5rem}.bsg-preview-canvas[data-astro-cid-64ueemvv]{display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(var(--color-bg-secondary) 0% 25%,var(--color-bg) 0% 50%) 0 0 / 20px 20px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2.5rem;min-height:140px}.bsg-preview-box[data-astro-cid-64ueemvv]{width:80px;height:80px;background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:box-shadow .1s}.bsg-output-section[data-astro-cid-64ueemvv]{display:flex;flex-direction:column;gap:.4rem}.bsg-output-header[data-astro-cid-64ueemvv]{display:flex;justify-content:space-between;align-items:center}.bsg-pre[data-astro-cid-64ueemvv]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.85rem 1rem;overflow-x:auto;margin:0;font-family:var(--font-mono);font-size:.85rem;line-height:1.6}.bsg-code[data-astro-cid-64ueemvv]{font-family:inherit}.bsg-hl-prop[data-astro-cid-64ueemvv]{color:#0369a1}.bsg-hl-colon[data-astro-cid-64ueemvv]{color:var(--color-text-secondary)}.bsg-hl-kw[data-astro-cid-64ueemvv]{color:#7c3aed;font-style:italic}.bsg-hl-num[data-astro-cid-64ueemvv]{color:#b45309}.bsg-hl-color[data-astro-cid-64ueemvv]{color:#057a55}.bsg-hl-semi[data-astro-cid-64ueemvv]{color:var(--color-text-secondary)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .bsg-hl-prop[data-astro-cid-64ueemvv]{color:#38bdf8}:root:not([data-theme=light]) .bsg-hl-kw[data-astro-cid-64ueemvv]{color:#a78bfa}:root:not([data-theme=light]) .bsg-hl-num[data-astro-cid-64ueemvv]{color:#fbbf24}:root:not([data-theme=light]) .bsg-hl-color[data-astro-cid-64ueemvv]{color:#34d399}}[data-astro-cid-64ueemvv][data-theme=dark] .bsg-hl-prop[data-astro-cid-64ueemvv]{color:#38bdf8}[data-astro-cid-64ueemvv][data-theme=dark] .bsg-hl-kw[data-astro-cid-64ueemvv]{color:#a78bfa}[data-astro-cid-64ueemvv][data-theme=dark] .bsg-hl-num[data-astro-cid-64ueemvv]{color:#fbbf24}[data-astro-cid-64ueemvv][data-theme=dark] .bsg-hl-color[data-astro-cid-64ueemvv]{color:#34d399}