.bg-tool[data-astro-cid-zizzudrg]{grid-template-columns:1fr;gap:32px;padding:32px;display:grid}@media (width>=900px){.bg-tool[data-astro-cid-zizzudrg]{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}}.bg-tool[data-astro-cid-zizzudrg] [data-astro-cid-zizzudrg][hidden]{display:none}.bg-tool__left[data-astro-cid-zizzudrg],.bg-tool__right[data-astro-cid-zizzudrg]{flex-direction:column;gap:18px;min-width:0;display:flex}.bg-label[data-astro-cid-zizzudrg]{color:var(--heading-color);justify-content:space-between;align-items:baseline;gap:10px;margin:0;font-size:13px;font-weight:700;display:flex}.bg-value[data-astro-cid-zizzudrg]{font-family:var(--font-mono);color:var(--accent-primary);font-size:13px;font-weight:700}.bg-hint[data-astro-cid-zizzudrg]{color:var(--muted);margin:0;font-size:12px;font-weight:500;line-height:1.5}.bg-drop[data-astro-cid-zizzudrg]{border:2px dashed var(--border);background:var(--inset-bg);text-align:center;cursor:pointer;border-radius:14px;padding:28px 20px;transition:border-color .15s,background .15s}.bg-drop[data-astro-cid-zizzudrg]:hover,.bg-drop[data-astro-cid-zizzudrg]:focus-visible{border-color:var(--accent-secondary);background:var(--card-tinted-bg)}.bg-drop[data-astro-cid-zizzudrg].is-dragging{border-color:var(--accent-primary);background:var(--orange-soft)}.bg-drop__title[data-astro-cid-zizzudrg]{color:var(--heading-color);margin:0 0 4px;font-size:15px;font-weight:700}.bg-drop__link[data-astro-cid-zizzudrg]{color:var(--accent-secondary);text-decoration:underline}.bg-drop__hint[data-astro-cid-zizzudrg]{color:var(--muted);margin:0;font-size:12px;font-weight:500}.bg-controls[data-astro-cid-zizzudrg]{flex-direction:column;gap:18px;display:flex}.bg-field[data-astro-cid-zizzudrg]{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.bg-field[data-astro-cid-zizzudrg] input[data-astro-cid-zizzudrg][type=range]{width:100%;accent-color:var(--accent-primary)}.bg-radios[data-astro-cid-zizzudrg]{flex-direction:column;gap:8px;margin-top:6px;display:flex}.bg-radio[data-astro-cid-zizzudrg]{border:1px solid var(--border);cursor:pointer;background:var(--card-bg);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.bg-radio[data-astro-cid-zizzudrg]:has(input:checked){border-color:var(--accent-secondary);background:var(--teal-soft)}.bg-radio[data-astro-cid-zizzudrg] input[data-astro-cid-zizzudrg]{accent-color:var(--accent-secondary);margin-top:3px}.bg-radio[data-astro-cid-zizzudrg] strong[data-astro-cid-zizzudrg]{color:var(--heading-color);font-size:14px;display:block}.bg-radio[data-astro-cid-zizzudrg] em[data-astro-cid-zizzudrg]{color:var(--muted);font-size:12px;font-style:normal;font-weight:500;display:block}.bg-swatch[data-astro-cid-zizzudrg]{border:1px solid var(--border);vertical-align:-1px;background:0 0;border-radius:3px;width:12px;height:12px;display:inline-block}.bg-hint[data-astro-cid-zizzudrg] code[data-astro-cid-zizzudrg]{font-family:var(--font-mono);font-size:.9em}.bg-actions[data-astro-cid-zizzudrg]{flex-wrap:wrap;gap:10px;display:flex}.bg-actions[data-astro-cid-zizzudrg] .btn[data-astro-cid-zizzudrg]{min-height:44px;padding:8px 16px;font-size:14px}.bg-preview-head[data-astro-cid-zizzudrg]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.bg-toggles[data-astro-cid-zizzudrg]{gap:8px;display:flex}.bg-chip[data-astro-cid-zizzudrg]{font-family:var(--font-sans);letter-spacing:.02em;border:1px solid var(--border);background:var(--card-bg);min-height:44px;color:var(--muted);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.bg-chip[data-astro-cid-zizzudrg]:hover{border-color:var(--accent-secondary);color:var(--heading-color)}.bg-chip--cycle[data-astro-cid-zizzudrg]{color:var(--heading-color);border-style:dashed}.bg-chip[data-astro-cid-zizzudrg].is-on{background:var(--teal-soft);border-color:var(--teal-halo);color:var(--heading-color)}.bg-stage[data-astro-cid-zizzudrg]{border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;min-height:260px;padding:16px;display:flex;overflow:hidden}.bg-stage--checker[data-astro-cid-zizzudrg]{background-color:#fff;background-image:linear-gradient(45deg,#0f172a1c 25%,#0000 25% 75%,#0f172a1c 75%),linear-gradient(45deg,#0f172a1c 25%,#0000 25% 75%,#0f172a1c 75%);background-position:0 0,10px 10px;background-size:20px 20px}.bg-stage--light[data-astro-cid-zizzudrg]{background:#fff}.bg-stage--dark[data-astro-cid-zizzudrg]{background:#121821}.bg-stage[data-astro-cid-zizzudrg] canvas[data-astro-cid-zizzudrg]{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:520px;display:block}.bg-stage__empty[data-astro-cid-zizzudrg]{color:#475569;margin:0;font-size:13px;font-weight:600}.bg-stage--dark[data-astro-cid-zizzudrg] .bg-stage__empty[data-astro-cid-zizzudrg]{color:#cbd5e1}.bg-status[data-astro-cid-zizzudrg]{color:var(--muted);min-height:1.2em;margin:0;font-size:13px;font-weight:600;line-height:1.5}.bg-status[data-astro-cid-zizzudrg].is-warn{color:var(--warning)}.bg-status[data-astro-cid-zizzudrg].is-error{color:var(--error)}.bg-status[data-astro-cid-zizzudrg].is-good{color:var(--success)}.bg-export[data-astro-cid-zizzudrg]{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:18px;display:flex}.bg-export__row[data-astro-cid-zizzudrg]{flex-wrap:wrap;gap:10px;display:flex}.bg-export__row[data-astro-cid-zizzudrg] input[data-astro-cid-zizzudrg]{min-width:0;font-family:var(--font-mono);letter-spacing:-.01em;flex:220px}.bg-export__row[data-astro-cid-zizzudrg] .btn[data-astro-cid-zizzudrg]{flex-shrink:0}.bg-tally[data-astro-cid-zizzudrg]{color:var(--muted);margin:-12px 0 0;font-size:13px;font-weight:600}.bg-tally[data-astro-cid-zizzudrg] strong[data-astro-cid-zizzudrg]{color:var(--orange);font-variant-numeric:tabular-nums}.bg-note[data-astro-cid-zizzudrg]{margin-top:16px;line-height:1.6}.bg-cta[data-astro-cid-zizzudrg]{margin-top:24px}