.card[data-astro-cid-rs3hqgkr].tool-ui{padding:16px}.bsg-block[data-astro-cid-rs3hqgkr]{flex-wrap:wrap;align-items:center;gap:8px;margin-block-end:12px;display:flex}.bsg-block-label[data-astro-cid-rs3hqgkr]{color:var(--c-text-2);font-size:13px;font-weight:600}.bsg-presets[data-astro-cid-rs3hqgkr]{flex-wrap:wrap;gap:6px;display:flex}.bsg-chip[data-astro-cid-rs3hqgkr]{border:1px solid var(--c-border);background:var(--c-bg-soft);color:var(--c-text);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:13px}.bsg-chip[data-astro-cid-rs3hqgkr].is-active{border-color:var(--c-accent,#3b82f6);color:var(--c-accent,#3b82f6)}.bsg-layers[data-astro-cid-rs3hqgkr]{flex-wrap:wrap;gap:6px;display:flex}.bsg-layer-tab[data-astro-cid-rs3hqgkr]{border:1px solid var(--c-border);background:var(--c-bg-soft);color:var(--c-text);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;display:inline-flex}.bsg-layer-tab[data-astro-cid-rs3hqgkr].is-active{border-color:var(--c-accent,#3b82f6);color:var(--c-accent,#3b82f6)}.bsg-layer-tab[data-astro-cid-rs3hqgkr] .bsg-x[data-astro-cid-rs3hqgkr]{color:var(--c-text-2);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.bsg-add[data-astro-cid-rs3hqgkr]{border:1px dashed var(--c-border);block-size:28px;inline-size:28px;color:var(--c-text-2);cursor:pointer;background:0 0;border-radius:8px;font-size:15px}.bsg-main[data-astro-cid-rs3hqgkr]{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.bsg-controls[data-astro-cid-rs3hqgkr]{flex-direction:column;gap:8px;display:flex}.bsg-ctrl[data-astro-cid-rs3hqgkr]{grid-template-columns:5.5em 1fr 3.2em;align-items:center;gap:8px;display:grid}.bsg-ctrl[data-astro-cid-rs3hqgkr] label[data-astro-cid-rs3hqgkr]{color:var(--c-text-2);font-size:13px}.bsg-ctrl[data-astro-cid-rs3hqgkr] input[data-astro-cid-rs3hqgkr][type=range]{inline-size:100%}.bsg-val[data-astro-cid-rs3hqgkr]{font-family:var(--font-mono);text-align:right;color:var(--c-text);unicode-bidi:isolate;font-size:13px}.bsg-ctrl--color[data-astro-cid-rs3hqgkr]{grid-template-columns:5.5em auto 1fr}.bsg-ctrl--color[data-astro-cid-rs3hqgkr] input[data-astro-cid-rs3hqgkr][type=color]{border:1px solid var(--c-border);cursor:pointer;background:0 0;border-radius:6px;block-size:28px;inline-size:40px;padding:0}.bsg-ctrl--check[data-astro-cid-rs3hqgkr]{grid-template-columns:5.5em auto}.bsg-reset[data-astro-cid-rs3hqgkr]{align-self:flex-start;margin-block-start:4px}.bsg-result[data-astro-cid-rs3hqgkr]{flex-direction:column;gap:10px;display:flex}.bsg-stage[data-astro-cid-rs3hqgkr]{border:1px solid var(--c-border);background:#f4f4f5;border-radius:10px;justify-content:center;align-items:center;block-size:160px;display:flex}.bsg-stage[data-astro-cid-rs3hqgkr].is-dark{background:#1f2430}.bsg-preview[data-astro-cid-rs3hqgkr]{background:#fff;border-radius:12px;block-size:96px;inline-size:96px}.bsg-bg-toggle[data-astro-cid-rs3hqgkr]{gap:6px;display:flex}.bsg-bg[data-astro-cid-rs3hqgkr]{border:1px solid var(--c-border);background:var(--c-bg-soft);color:var(--c-text-2);cursor:pointer;border-radius:6px;padding:3px 10px;font-size:12px}.bsg-bg[data-astro-cid-rs3hqgkr].is-active{border-color:var(--c-accent,#3b82f6);color:var(--c-accent,#3b82f6)}.bsg-code[data-astro-cid-rs3hqgkr]{font-family:var(--font-mono);background:var(--c-bg-soft);border:1px solid var(--c-border);white-space:pre-wrap;word-break:break-all;color:var(--c-text);unicode-bidi:isolate;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}@media (width<=768px){.bsg-main[data-astro-cid-rs3hqgkr]{grid-template-columns:1fr}.bsg-ctrl[data-astro-cid-rs3hqgkr]{grid-template-columns:4.5em 1fr 3em}}@media (width<=480px){.card[data-astro-cid-rs3hqgkr].tool-ui{padding:6px}.bsg-block[data-astro-cid-rs3hqgkr]{gap:4px;margin-block-end:4px}.bsg-presets[data-astro-cid-rs3hqgkr]{flex-wrap:nowrap;padding-block-end:2px;overflow-x:auto}.bsg-chip[data-astro-cid-rs3hqgkr]{flex:none;padding:3px 8px;font-size:11px}.bsg-main[data-astro-cid-rs3hqgkr]{gap:6px}.bsg-result[data-astro-cid-rs3hqgkr]{gap:4px}.bsg-controls[data-astro-cid-rs3hqgkr]{grid-template-columns:1fr 1fr;grid-auto-rows:22px;align-items:center;gap:3px 8px;display:grid}.bsg-controls[data-astro-cid-rs3hqgkr] .bsg-reset[data-astro-cid-rs3hqgkr]{padding:4px 10px;font-size:12px}.bsg-ctrl[data-astro-cid-rs3hqgkr]{grid-template-columns:4.6em 1fr 2.2em;align-items:center;gap:2px;min-block-size:0}.bsg-ctrl[data-astro-cid-rs3hqgkr] input[data-astro-cid-rs3hqgkr][type=range]{block-size:18px}.bsg-ctrl--color[data-astro-cid-rs3hqgkr]{grid-column:1/-1;grid-template-columns:3.2em auto 1fr}.bsg-ctrl--check[data-astro-cid-rs3hqgkr]{grid-column:auto;grid-template-columns:3.2em auto}.bsg-ctrl[data-astro-cid-rs3hqgkr] label[data-astro-cid-rs3hqgkr],.bsg-val[data-astro-cid-rs3hqgkr]{font-size:11px}.bsg-reset[data-astro-cid-rs3hqgkr]{grid-column:1/-1;margin-block-start:2px}.bsg-stage[data-astro-cid-rs3hqgkr]{block-size:28px}.bsg-preview[data-astro-cid-rs3hqgkr]{block-size:20px;inline-size:20px}.bsg-bg-toggle[data-astro-cid-rs3hqgkr]{gap:4px}.bsg-bg[data-astro-cid-rs3hqgkr]{padding:2px 8px;font-size:11px}.bsg-code[data-astro-cid-rs3hqgkr]{padding:5px 8px;font-size:11px}.bsg-result[data-astro-cid-rs3hqgkr] .btn[data-astro-cid-rs3hqgkr]{padding:5px 11px;font-size:12px}}