.canvas-wrap.svelte-1kyouhu{border:1px solid var(--border)}.canvas-bar.svelte-1kyouhu{border-bottom:1px solid var(--border);background:var(--bg-muted);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.caption.svelte-1kyouhu{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-muted);font-size:11px;font-weight:500}.muted.svelte-1kyouhu{color:var(--fg-muted)}.actions.svelte-1kyouhu{gap:4px;display:flex}.mode-btn.svelte-1kyouhu{font-family:var(--font-sans);color:var(--fg-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;transition:color .15s,border-color .15s;display:inline-flex}.mode-btn.svelte-1kyouhu:hover{color:var(--fg)}.mode-btn.active.svelte-1kyouhu{color:var(--fg);border-color:var(--border);background:var(--bg)}.preview-canvas.svelte-1kyouhu{--color-background:#faf9f5;--color-foreground:#123b38;--color-card:#faf9f5;--color-card-foreground:#123b38;--color-popover:#fff;--color-popover-foreground:#123b38;--color-primary:#24251d;--color-primary-foreground:#fff;--color-secondary:#f1efea;--color-secondary-foreground:#123b38;--color-muted:#f1efea;--color-muted-foreground:#6e8180;--color-accent:#f1efea;--color-accent-foreground:#123b38;--color-destructive:#ff4000;--color-destructive-foreground:#fff;--color-brand:#2b5f5b;--color-brand-foreground:#fff;--color-cobalt:#354cef;--color-cobalt-foreground:#fff;--color-orange:#ff4000;--color-orange-foreground:#fff;--color-border:#ebeae5;--color-input:#c0cecd;--color-ring:#2b5f5b;background:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);transition:background-color .2s var(--easing-default), color .2s var(--easing-default);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.preview-canvas.dark.svelte-1kyouhu{--color-background:#0f1412;--color-foreground:#fff;--color-card:#0f1412;--color-card-foreground:#fff;--color-popover:#161d1a;--color-popover-foreground:#fff;--color-primary:#fff;--color-primary-foreground:#000;--color-secondary:#191f1d;--color-secondary-foreground:#fff;--color-muted:#191f1d;--color-muted-foreground:#819896;--color-accent:#191f1d;--color-accent-foreground:#fff;--color-destructive:#ff4000;--color-destructive-foreground:#fff;--color-brand:#46b9af;--color-brand-foreground:#fff;--color-cobalt:#354cef;--color-cobalt-foreground:#fff;--color-orange:#ff4000;--color-orange-foreground:#fff;--color-border:#1e2928;--color-input:#1e2928;--color-ring:#46b9af}