.tool-wb[data-v-93911c19]{--sf-accent:#2563eb;--sf-on-accent:#fff;--sf-border:#e2e8f0;--sf-text:#0f172a;--sf-muted:#64748b;--sf-surface:#fff;--sf-font-display:inherit;flex-direction:column;gap:.85rem;display:flex}.tool-head[data-v-93911c19]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.tool-title[data-v-93911c19]{font-family:var(--sf-font-display);letter-spacing:-.02em;margin:0 0 .35rem;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:700}.tool-lead[data-v-93911c19]{max-width:40rem;font-size:.95rem;line-height:1.55}.privacy-pill[data-v-93911c19],.tool-lead[data-v-93911c19]{color:var(--sf-muted);margin:0}.privacy-pill[data-v-93911c19]{border:1px solid var(--sf-border);white-space:nowrap;background:#ffffffb3;border-radius:999px;padding:.35rem .7rem;font-size:.78rem}.tool-toolbar[data-v-93911c19]{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.tb-btn[data-v-93911c19]{border:1px solid var(--sf-border);color:var(--sf-text);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.85rem;display:inline-flex;position:relative}.tb-btn[data-v-93911c19]:hover{color:var(--sf-accent)}.tb-btn.solid[data-v-93911c19],.tb-btn[data-v-93911c19]:hover{border-color:var(--sf-accent)}.tb-btn.solid[data-v-93911c19]{background:var(--sf-accent);color:var(--sf-on-accent)}.tb-btn.solid[data-v-93911c19]:hover{filter:brightness(1.05);color:var(--sf-on-accent)}.tb-btn[data-v-93911c19]:disabled{opacity:.5;cursor:not-allowed}.tb-btn input[data-v-93911c19]{opacity:0;cursor:pointer;position:absolute;inset:0}.meta-chip[data-v-93911c19]{color:var(--sf-muted);background:#eef2f7;border-radius:999px;padding:.25rem .55rem;font-size:.78rem}.tool-error[data-v-93911c19]{color:#dc2626;margin:0;font-size:.9rem}.tool-grid[data-v-93911c19]{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.tool-grid.has-options[data-v-93911c19]{grid-template-columns:minmax(180px,220px) 1fr 1fr}.tool-grid.has-options.wide-options[data-v-93911c19]{grid-template-columns:minmax(280px,340px) 1fr 1fr}.panel[data-v-93911c19]{border:1px solid var(--sf-border);background:var(--sf-surface);border-radius:12px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-head[data-v-93911c19]{border-bottom:1px solid var(--sf-border);color:var(--sf-text);justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.8rem;font-weight:600;display:flex}.head-actions[data-v-93911c19]{flex-wrap:wrap;gap:.35rem;display:flex}.panel-body[data-v-93911c19]{flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.options-panel[data-v-93911c19]{grid-row:span 2;min-height:0;max-height:min(78vh,860px)}.options-panel .panel-body[data-v-93911c19]{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.input-panel[data-v-93911c19],.output-panel[data-v-93911c19],.preview-panel[data-v-93911c19]{min-height:280px}.code-area[data-v-93911c19]{resize:vertical;width:100%;min-height:220px;color:var(--sf-text);background:#f8fafc;border:0;flex:1;margin:0;padding:.75rem;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.78rem;line-height:1.5}.preview-viewport[data-v-93911c19]{flex:1;place-items:center;min-height:220px;padding:1rem;display:grid;overflow:auto}.preview-viewport.bg-checker[data-v-93911c19]{background-color:#f1f5f9;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 0),linear-gradient(-45deg,#e2e8f0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#e2e8f0 0),linear-gradient(-45deg,#0000 75%,#e2e8f0 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.preview-viewport.bg-white[data-v-93911c19]{background:#fff}.preview-viewport.bg-dark[data-v-93911c19]{background:#0f172a}.preview-host[data-v-93911c19]{place-items:center;max-width:100%;max-height:100%;display:grid}.preview-host[data-v-93911c19] svg{width:min(280px,100%);height:auto;max-height:240px;display:block;overflow:visible}.preview-empty[data-v-93911c19]{color:var(--sf-muted);margin:0;font-size:.9rem}.bg-group[data-v-93911c19]{gap:.3rem;display:flex}.bg-swatch[data-v-93911c19]{border:1px solid var(--sf-border);cursor:pointer;border-radius:4px;width:18px;height:18px;padding:0}.bg-swatch.active[data-v-93911c19]{outline:2px solid var(--sf-accent);outline-offset:1px}.bg-swatch.checker[data-v-93911c19]{background-color:#fff;background-image:linear-gradient(45deg,#cbd5e1 25%,#0000 0),linear-gradient(-45deg,#cbd5e1 25%,#0000 0),linear-gradient(45deg,#0000 75%,#cbd5e1 0),linear-gradient(-45deg,#0000 75%,#cbd5e1 0);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}@media (width<=960px){.tool-grid[data-v-93911c19],.tool-grid.has-options[data-v-93911c19],.tool-grid.has-options.wide-options[data-v-93911c19]{grid-template-columns:1fr}.options-panel[data-v-93911c19]{grid-row:auto;max-height:min(52vh,480px)}}