.fv-workspace.svelte-z9bfqr{border:1px solid var(--cw-border);background:var(--cw-panel-gradient);border-radius:16px;grid-template-columns:330px minmax(0,1fr);display:grid;overflow:hidden}.fv-settings.svelte-z9bfqr{border-right:1px solid var(--cw-border);background:var(--cw-bg-primary);padding:28px}h2.svelte-z9bfqr{letter-spacing:-.03em;margin:0 0 12px;font-size:23px}p.svelte-z9bfqr{color:var(--cw-text-secondary);font-size:14px;line-height:1.7}.fv-settings.svelte-z9bfqr>p:where(.svelte-z9bfqr){margin-bottom:24px}.fv-file.svelte-z9bfqr{overflow-wrap:anywhere;font:12px var(--cw-font-mono)}.fv-example.svelte-z9bfqr{min-height:44px;color:var(--tool-accent);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:12px;font-size:13px;text-decoration:underline}fieldset.svelte-z9bfqr{border:0;margin:28px 0;padding:0}fieldset.svelte-z9bfqr:disabled{opacity:.4}legend.svelte-z9bfqr{margin-bottom:12px;font-size:13px}.fv-swatches.svelte-z9bfqr{gap:10px;display:flex}.fv-swatch.svelte-z9bfqr{border:1px solid var(--cw-border);cursor:pointer;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.fv-swatch[aria-pressed=true].svelte-z9bfqr{outline:2px solid var(--tool-focus);outline-offset:3px}.fv-range.svelte-z9bfqr{justify-content:space-between;margin-top:28px;font-size:14px;display:flex}output.svelte-z9bfqr{color:var(--tool-accent)}input[type=range].svelte-z9bfqr{width:100%;height:44px;accent-color:var(--cw-text-primary)}.fv-local.svelte-z9bfqr{color:var(--cw-text-secondary);align-items:center;gap:10px;font-size:12px;line-height:1.6;display:flex}.fv-output.svelte-z9bfqr{min-width:0;padding:30px}.fv-output.svelte-z9bfqr>header:where(.svelte-z9bfqr){border-bottom:1px solid var(--cw-border);justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex}.fv-eyebrow.svelte-z9bfqr{color:var(--cw-text-secondary);font:10px var(--cw-font-mono);letter-spacing:.13em;margin-bottom:12px;display:block}.fv-formats.svelte-z9bfqr{font:12px var(--cw-font-mono);white-space:nowrap;color:var(--tool-accent)}.fv-empty.svelte-z9bfqr{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:380px;display:flex}.fv-empty.svelte-z9bfqr h3:where(.svelte-z9bfqr){letter-spacing:-.03em;margin:24px 0 0;font-size:24px}.fv-empty.svelte-z9bfqr p:where(.svelte-z9bfqr){max-width:350px}.fv-size-guide.svelte-z9bfqr{align-items:end;gap:14px;margin-top:22px;display:flex}.fv-size-guide.svelte-z9bfqr span:where(.svelte-z9bfqr){border:1px dashed var(--cw-border);font:12px var(--cw-font-mono);color:var(--cw-text-secondary);padding:12px}.fv-size-guide.svelte-z9bfqr span:where(.svelte-z9bfqr):nth-child(3){padding:20px}.fv-size-guide.svelte-z9bfqr span:where(.svelte-z9bfqr):nth-child(4){padding:28px}.fv-preview.svelte-z9bfqr{color:var(--cw-text-secondary);justify-content:space-between;align-items:center;gap:16px;padding:24px 0;font-size:12px;display:flex}.fv-tab.svelte-z9bfqr{background:var(--cw-bg-primary);border:1px solid var(--cw-border);border-radius:10px 10px 0 0;align-items:center;gap:12px;padding:14px 18px;display:flex}.fv-tab.svelte-z9bfqr img:where(.svelte-z9bfqr){box-sizing:border-box;object-fit:contain;width:16px;height:16px}.fv-maskable.svelte-z9bfqr{border:1px solid var(--cw-border);border-radius:10px;align-items:flex-start;gap:14px;margin-top:14px;padding:14px;display:flex}.fv-maskable__body.svelte-z9bfqr{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.fv-maskable__body.svelte-z9bfqr strong:where(.svelte-z9bfqr){font-size:14px}.fv-maskable__meta.svelte-z9bfqr{color:var(--cw-text-secondary);font-size:12px}.fv-maskable__note.svelte-z9bfqr{color:var(--cw-text-secondary);margin:4px 0 0;font-size:13px;line-height:1.5}.fv-canvas--mask.svelte-z9bfqr canvas:where(.svelte-z9bfqr){border-radius:50%}.fv-maskable.svelte-z9bfqr button:where(.svelte-z9bfqr){min-height:44px;color:var(--tool-accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px;display:flex}@media (width<=520px){.fv-maskable.svelte-z9bfqr{flex-wrap:wrap}}.fv-variants.svelte-z9bfqr{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.fv-variant.svelte-z9bfqr{border-bottom:1px solid var(--cw-border);grid-template-columns:70px 1fr auto;align-items:center;gap:12px;padding:16px 0;display:grid}.fv-canvas.svelte-z9bfqr{background:repeating-conic-gradient(#ffffff0d 0% 25%,#0000 0% 50%) 50%/12px 12px;border-radius:8px;place-items:center;height:70px;display:grid}.fv-variant.svelte-z9bfqr strong:where(.svelte-z9bfqr){font-size:14px;display:block}.fv-variant.svelte-z9bfqr span:where(.svelte-z9bfqr){color:var(--cw-text-secondary);margin-top:6px;font-size:12px;display:block}.fv-variant.svelte-z9bfqr button:where(.svelte-z9bfqr){min-height:44px;color:var(--tool-accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px;display:flex}.fv-install.svelte-z9bfqr{padding-top:28px}.fv-install.svelte-z9bfqr h3:where(.svelte-z9bfqr){margin:0;font-size:20px}.fv-actions.svelte-z9bfqr{flex-wrap:wrap;gap:12px;display:flex}.fv-note.svelte-z9bfqr{font-size:12px}.fv-error.svelte-z9bfqr{border:1px solid var(--tool-error);padding:16px}.fv-next.svelte-z9bfqr{color:var(--cw-text-secondary);justify-content:space-between;gap:20px;padding:24px 0;font-size:14px;display:flex}.fv-next.svelte-z9bfqr>span:where(.svelte-z9bfqr):last-child{color:var(--tool-accent);align-items:center;gap:8px;display:flex}button.svelte-z9bfqr:disabled{opacity:.4;cursor:not-allowed}button.svelte-z9bfqr:focus-visible,a.svelte-z9bfqr:focus-visible,input.svelte-z9bfqr:focus-visible{outline:2px solid var(--tool-focus);outline-offset:4px}@media (width<=1100px){.fv-workspace.svelte-z9bfqr{grid-template-columns:280px minmax(0,1fr)}.fv-variants.svelte-z9bfqr{grid-template-columns:1fr}.fv-output.svelte-z9bfqr>header:where(.svelte-z9bfqr){flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=720px){.fv-workspace.svelte-z9bfqr{grid-template-columns:1fr}.fv-settings.svelte-z9bfqr{border-right:0;border-bottom:1px solid var(--cw-border)}.fv-settings.svelte-z9bfqr,.fv-output.svelte-z9bfqr{padding:22px}.fv-empty.svelte-z9bfqr{min-height:280px}.fv-preview.svelte-z9bfqr,.fv-next.svelte-z9bfqr{flex-direction:column;align-items:flex-start}.fv-actions.svelte-z9bfqr>:where(.svelte-z9bfqr){width:100%}.fv-variant.svelte-z9bfqr{grid-template-columns:64px 1fr auto;gap:10px}}