.whiteboard.svelte-8k1rfj{background:var(--editor-bg,#0d1117);flex-direction:column;flex:1;min-height:0;display:flex}.board-toolbar.svelte-8k1rfj{border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);flex-wrap:wrap;align-items:center;gap:14px;padding:8px 12px;display:flex}.tool-group.svelte-8k1rfj{align-items:center;gap:4px;display:inline-flex}.history-group.svelte-8k1rfj{margin-left:auto}.tool-btn.svelte-8k1rfj{border-radius:var(--radius-tight);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.tool-btn.svelte-8k1rfj:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.tool-btn.active.svelte-8k1rfj{border-color:var(--accent);background:var(--bg-secondary);color:var(--accent)}.tool-btn.svelte-8k1rfj:disabled{opacity:.35;cursor:not-allowed}.tool-btn.danger.svelte-8k1rfj:hover:not(:disabled){color:var(--error,#ef4444)}.size-btn.svelte-8k1rfj{font-size:11px;font-weight:750}.swatch.svelte-8k1rfj{background:var(--swatch);cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;transition:transform .12s,border-color .12s}.swatch.svelte-8k1rfj:hover{transform:scale(1.12)}.swatch.active.svelte-8k1rfj{border-color:var(--accent);transform:scale(1.12)}.board-canvas.svelte-8k1rfj{width:100%;min-height:0;color:var(--editor-text);touch-action:none;cursor:crosshair;flex:1}