.whiteboard-shell.svelte-pohw99{background:var(--border-subtle);grid-template-columns:160px minmax(0,1fr) 240px;gap:1px;height:100%;min-height:0;display:grid}.whiteboard-shell.details-collapsed.svelte-pohw99{grid-template-columns:160px minmax(0,1fr) 44px}.whiteboard-shell.is-fullscreen.svelte-pohw99{z-index:120;height:100dvh;position:fixed;inset:0}.whiteboard-shell.has-prompt.svelte-pohw99{grid-template-columns:minmax(0,320px) 160px minmax(0,1fr) 240px}.whiteboard-shell.has-prompt.details-collapsed.svelte-pohw99{grid-template-columns:minmax(0,320px) 160px minmax(0,1fr) 44px}.whiteboard-shell.has-prompt.prompt-collapsed.svelte-pohw99,.whiteboard-shell.has-prompt.prompt-collapsed.details-collapsed.svelte-pohw99{grid-template-columns:44px 160px minmax(0, 1fr) var(--details-width,240px)}.whiteboard-shell.has-prompt.prompt-collapsed.details-collapsed.svelte-pohw99{--details-width:44px}.palette-panel.svelte-pohw99,.canvas-panel.svelte-pohw99,.details-panel.svelte-pohw99,.prompt-rail.svelte-pohw99{background:var(--bg-primary);min-height:0}.palette-panel.svelte-pohw99,.details-panel.svelte-pohw99,.prompt-rail.svelte-pohw99{flex-direction:column;gap:10px;padding:10px;display:flex;overflow:auto}.details-panel.svelte-pohw99,.prompt-rail.svelte-pohw99{position:relative}.prompt-rail-body.svelte-pohw99{padding-right:28px}.details-collapsed.svelte-pohw99 .details-panel:where(.svelte-pohw99),.prompt-collapsed.svelte-pohw99 .prompt-rail:where(.svelte-pohw99){align-items:center;padding:8px 6px;overflow:hidden}.details-section.svelte-pohw99{flex-direction:column;gap:10px;min-width:0;display:flex}.details-section.svelte-pohw99+.details-section:where(.svelte-pohw99){border-top:1px solid var(--border-subtle);padding-top:12px}.panel-title.svelte-pohw99{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;font-size:11px;font-weight:900;display:flex}.panel-title-row.svelte-pohw99{justify-content:space-between;padding-right:34px}.panel-title-row.svelte-pohw99 div:where(.svelte-pohw99){align-items:center;gap:7px;display:flex}.panel-help.svelte-pohw99{color:var(--text-muted);margin:0;font-size:11px;font-weight:700;line-height:1.35}.panel-title.svelte-pohw99 svg{color:var(--accent)}.sr-only.svelte-pohw99{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.block-grid.svelte-pohw99{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.block-button.svelte-pohw99{border:1px solid var(--border-subtle);border-radius:var(--radius-soft);background:var(--bg-secondary);min-height:78px;color:var(--text-primary);text-align:center;cursor:grab;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:8px 6px;font-family:inherit;display:flex}.block-button.svelte-pohw99:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg-secondary))}.block-button.svelte-pohw99 svg{color:var(--accent)}.block-button.svelte-pohw99 span:where(.svelte-pohw99){font-size:11px;font-weight:900;line-height:1.15}.custom-block.svelte-pohw99{border:1px solid var(--border-subtle);border-radius:var(--radius-soft);background:var(--bg-secondary);flex-direction:column;gap:8px;padding:8px;display:flex}.custom-row.svelte-pohw99{grid-template-columns:minmax(0,1fr);display:grid}.custom-block.svelte-pohw99 button:where(.svelte-pohw99){border:1px solid var(--accent);border-radius:var(--radius-soft);background:color-mix(in srgb, var(--accent) 14%, var(--bg-secondary));min-height:34px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-size:12px;font-weight:900;display:inline-flex}.canvas-panel.svelte-pohw99{flex-direction:column;min-width:0;display:flex}.canvas-header.svelte-pohw99{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px 12px;min-height:44px;padding:8px 12px;display:flex}.canvas-header.svelte-pohw99 strong:where(.svelte-pohw99){color:var(--text-primary);font-size:13px;font-weight:900}.canvas-actions.svelte-pohw99{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.canvas-actions.svelte-pohw99 span:where(.svelte-pohw99){color:var(--text-muted);font-size:11px;font-weight:800}.canvas-actions.svelte-pohw99 .zoom-readout:where(.svelte-pohw99){border:1px solid var(--border-subtle);border-radius:var(--radius-soft);background:var(--bg-secondary);min-width:42px;color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:center;padding:4px 6px}.canvas-actions.svelte-pohw99 button:where(.svelte-pohw99),.edge-source-chip.svelte-pohw99 button:where(.svelte-pohw99){border:1px solid var(--border-subtle);border-radius:var(--radius-soft);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}.canvas-actions.svelte-pohw99 button:where(.svelte-pohw99){width:28px;height:28px}.canvas-actions.svelte-pohw99 button:where(.svelte-pohw99):disabled{opacity:.4;cursor:not-allowed}.canvas-actions.svelte-pohw99 button.active:where(.svelte-pohw99){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--bg-secondary));color:var(--text-primary)}.canvas-actions.svelte-pohw99 button:where(.svelte-pohw99):hover:not(:disabled),.edge-source-chip.svelte-pohw99 button:where(.svelte-pohw99):hover{border-color:var(--accent);color:var(--text-primary)}.canvas-actions.svelte-pohw99 .expand-button:where(.svelte-pohw99){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg-secondary));width:auto;color:var(--text-primary);gap:6px;padding:0 10px;font-size:11px;font-weight:900}.canvas.svelte-pohw99{background:linear-gradient(color-mix(in srgb, var(--border-subtle) 50%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border-subtle) 50%, transparent) 1px, transparent 1px), var(--bg-primary);cursor:default;touch-action:pan-y;background-size:32px 32px;flex:1;min-height:240px;position:relative;overflow:hidden}.canvas.immersive.svelte-pohw99{touch-action:none}.canvas.pan-ready.svelte-pohw99{cursor:grab}.canvas.panning.svelte-pohw99{cursor:grabbing}.canvas-empty.svelte-pohw99{z-index:3;border:1px dashed var(--border);border-radius:var(--radius-soft);background:var(--bg-secondary);text-align:center;pointer-events:none;flex-direction:column;gap:6px;max-width:320px;padding:16px 20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-empty.svelte-pohw99 strong:where(.svelte-pohw99){color:var(--text-primary);font-size:13px;font-weight:900}.canvas-empty.svelte-pohw99 span:where(.svelte-pohw99){color:var(--text-muted);font-size:11px;font-weight:700;line-height:1.4}.connect-status.svelte-pohw99{z-index:6;border:1px solid var(--accent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bg-primary) 92%, var(--accent));min-height:34px;color:var(--text-primary);align-items:center;gap:8px;padding:0 8px 0 12px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0000003d}.connect-status.svelte-pohw99 button:where(.svelte-pohw99){border-radius:var(--radius-pill);background:var(--bg-secondary);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.graph-surface.svelte-pohw99{transform-origin:0 0;position:absolute;inset:0}.edge-layer.svelte-pohw99{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.edge-link.svelte-pohw99{pointer-events:stroke}.edge-hit.svelte-pohw99{stroke:#0000;stroke-width:16px;vector-effect:non-scaling-stroke}.edge-stroke.svelte-pohw99{stroke:color-mix(in srgb, var(--accent) 72%, var(--text-secondary));stroke-width:1.65px;stroke-linecap:round;vector-effect:non-scaling-stroke}.edge-leader.svelte-pohw99{stroke:color-mix(in srgb, var(--accent) 40%, var(--text-muted));stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.edge-link.active.svelte-pohw99 .edge-leader:where(.svelte-pohw99){stroke:var(--accent)}.edge-link.active.svelte-pohw99 .edge-stroke:where(.svelte-pohw99){stroke:var(--accent);stroke-width:2.6px}.edge-layer.svelte-pohw99 marker:where(.svelte-pohw99) path:where(.svelte-pohw99){fill:color-mix(in srgb, var(--accent) 72%, var(--text-secondary))}.edge-chip.svelte-pohw99{z-index:3;border:1px solid var(--border-subtle);background:var(--bg-primary);color:var(--text-muted);white-space:nowrap;cursor:pointer;border-radius:4px;padding:2px 7px;font-family:inherit;font-size:10px;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.edge-chip.hovered.svelte-pohw99,.edge-chip.svelte-pohw99:hover{border-color:var(--accent);color:var(--text-primary)}.edge-chip.active.svelte-pohw99{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--bg-primary));color:var(--text-primary)}.node-slot.svelte-pohw99{z-index:2;width:var(--node-w);position:absolute;transform:translate(-50%,-50%)}.node-slot.note-node.svelte-pohw99{width:var(--note-w)}.diagram-node.svelte-pohw99{width:100%;min-height:var(--node-h);border:1px solid var(--border);border-radius:var(--radius-soft);background:color-mix(in srgb, var(--bg-secondary) 96%, transparent);color:var(--text-primary);text-align:center;cursor:grab;touch-action:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 8px;font-family:inherit;display:flex;box-shadow:0 10px 24px #0003}.diagram-node.svelte-pohw99:active{cursor:grabbing}.note-node.svelte-pohw99 .diagram-node:where(.svelte-pohw99){min-height:var(--note-h);background:color-mix(in srgb, var(--warning) 9%, var(--bg-secondary))}.diagram-node.connect-mode.svelte-pohw99{cursor:crosshair}.diagram-node.svelte-pohw99 svg:first-child{color:var(--accent)}.diagram-node.svelte-pohw99 strong:where(.svelte-pohw99){overflow-wrap:anywhere;max-width:100%;font-size:12px;font-weight:900;line-height:1.15}.diagram-node.svelte-pohw99 small:where(.svelte-pohw99){max-width:100%;color:var(--text-secondary);overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:10px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.compact.svelte-pohw99 .diagram-node:where(.svelte-pohw99){gap:5px;padding:7px 5px}.compact.svelte-pohw99 .diagram-node:where(.svelte-pohw99) strong:where(.svelte-pohw99){font-size:10px}.compact.svelte-pohw99 .diagram-node:where(.svelte-pohw99) small:where(.svelte-pohw99){-webkit-line-clamp:2;line-clamp:2;font-size:9px}.diagram-node.svelte-pohw99:hover small:where(.svelte-pohw99),.diagram-node.svelte-pohw99:focus-visible small:where(.svelte-pohw99),.diagram-node.selected.svelte-pohw99 small:where(.svelte-pohw99){-webkit-line-clamp:10;line-clamp:10}.diagram-node.selected.svelte-pohw99{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 28%, transparent)}.diagram-node.edge-source.svelte-pohw99{border-color:var(--warning);box-shadow:0 0 0 2px color-mix(in srgb, var(--warning) 28%, transparent)}.node-delete.svelte-pohw99{border:1px solid color-mix(in srgb, var(--error) 45%, var(--border));border-radius:var(--radius-pill);background:var(--error);width:20px;height:20px;color:var(--on-accent);opacity:0;pointer-events:none;cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:4px;right:4px}.node-slot.svelte-pohw99:hover .node-delete:where(.svelte-pohw99),.node-slot.svelte-pohw99:focus-within .node-delete:where(.svelte-pohw99){opacity:1;pointer-events:auto}.flow-tags.svelte-pohw99{flex-wrap:wrap;gap:6px;display:flex}.collapse-button.svelte-pohw99{z-index:3;border:1px solid var(--border-subtle);border-radius:var(--radius-soft);background:var(--bg-secondary);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:8px;right:8px}.collapse-button.svelte-pohw99:hover{border-color:var(--accent);color:var(--text-primary)}.details-collapsed.svelte-pohw99 .details-panel:where(.svelte-pohw99) .collapse-button:where(.svelte-pohw99),.prompt-collapsed.svelte-pohw99 .prompt-rail:where(.svelte-pohw99) .collapse-button:where(.svelte-pohw99){flex-shrink:0;position:static}.collapsed-label.svelte-pohw99{color:var(--text-muted);letter-spacing:.08em;text-orientation:mixed;text-transform:uppercase;writing-mode:vertical-rl;margin-top:12px;font-size:10px;font-weight:900}.flow-tags.svelte-pohw99 button:where(.svelte-pohw99){border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--bg-secondary);min-height:26px;color:var(--text-secondary);cursor:pointer;padding:0 8px;font-family:inherit;font-size:11px;font-weight:800}.flow-tags.svelte-pohw99 button.active:where(.svelte-pohw99),.flow-tags.svelte-pohw99 button:where(.svelte-pohw99):hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg-secondary));color:var(--text-primary)}.edge-heading.svelte-pohw99{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.edge-source-chip.svelte-pohw99{border:1px solid color-mix(in srgb, var(--warning) 36%, var(--border));border-radius:var(--radius-soft);background:color-mix(in srgb, var(--warning) 10%, var(--bg-secondary));color:var(--text-primary);justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;font-size:12px;font-weight:900;display:flex}.edge-source-chip.svelte-pohw99 button:where(.svelte-pohw99){cursor:pointer;width:22px;height:22px;color:var(--text-secondary);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}select.svelte-pohw99,input.svelte-pohw99,textarea.svelte-pohw99{border:1px solid var(--border-subtle);border-radius:var(--radius-soft);background:var(--bg-secondary);width:100%;color:var(--text-primary);font-family:inherit;font-size:12px}select.svelte-pohw99,input.svelte-pohw99{height:34px;padding:0 9px}textarea.svelte-pohw99{resize:vertical;padding:9px;line-height:1.45}select.svelte-pohw99:focus,input.svelte-pohw99:focus,textarea.svelte-pohw99:focus{border-color:var(--accent);outline:none}.danger-button.svelte-pohw99{border:1px solid color-mix(in srgb, var(--error) 38%, var(--border));border-radius:var(--radius-soft);background:color-mix(in srgb, var(--error) 12%, var(--bg-secondary));min-height:34px;color:var(--error);cursor:pointer;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-size:12px;font-weight:900;display:inline-flex}.field.svelte-pohw99{flex-direction:column;gap:6px;display:flex}.field.svelte-pohw99 span:where(.svelte-pohw99){color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900}.connection-list.svelte-pohw99{flex-direction:column;gap:6px;display:flex}.connection-select.svelte-pohw99{border:1px solid var(--border-subtle);border-radius:var(--radius-soft);background:var(--bg-secondary);width:100%;min-height:32px;color:var(--text-primary);text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;gap:4px 7px;padding:7px;font-family:inherit;font-size:11px;font-weight:800;display:grid}.connection-select.active.svelte-pohw99{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg-secondary))}.connection-select.svelte-pohw99 span:where(.svelte-pohw99){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.connection-select.svelte-pohw99 small:where(.svelte-pohw99){color:var(--accent);font-size:10px;font-weight:900}.connection-select.svelte-pohw99 em:where(.svelte-pohw99){color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:10px;font-style:normal;font-weight:700;overflow:hidden}@media (width<=1100px){.whiteboard-shell.svelte-pohw99,.whiteboard-shell.details-collapsed.svelte-pohw99,.whiteboard-shell.has-prompt.svelte-pohw99,.whiteboard-shell.has-prompt.details-collapsed.svelte-pohw99,.whiteboard-shell.has-prompt.prompt-collapsed.svelte-pohw99{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:132px minmax(0,1fr)}.prompt-rail.svelte-pohw99{grid-area:1/1/auto/-1;max-height:26vh}.has-prompt.svelte-pohw99 .palette-panel:where(.svelte-pohw99),.has-prompt.svelte-pohw99 .canvas-panel:where(.svelte-pohw99){grid-row:2}.has-prompt.svelte-pohw99 .details-panel:where(.svelte-pohw99){grid-row:3}.details-panel.svelte-pohw99{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;max-height:min(40vh,320px);padding-right:44px;display:grid}.details-collapsed.svelte-pohw99 .details-panel:where(.svelte-pohw99){max-height:44px;display:flex}.details-section.prose.svelte-pohw99{order:-1;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.details-section.svelte-pohw99+.details-section:where(.svelte-pohw99){border-top:0;padding-top:0}.collapsed-label.svelte-pohw99{writing-mode:horizontal-tb;margin-top:0}}@media (width<=760px){.whiteboard-shell.svelte-pohw99,.whiteboard-shell.details-collapsed.svelte-pohw99{grid-template-rows:auto minmax(240px,1fr) auto;grid-template-columns:1fr}.whiteboard-shell.has-prompt.svelte-pohw99,.whiteboard-shell.has-prompt.details-collapsed.svelte-pohw99,.whiteboard-shell.has-prompt.prompt-collapsed.svelte-pohw99{grid-template-rows:auto auto minmax(220px,1fr) auto;grid-template-columns:1fr}.has-prompt.svelte-pohw99 .palette-panel:where(.svelte-pohw99),.has-prompt.svelte-pohw99 .canvas-panel:where(.svelte-pohw99),.has-prompt.svelte-pohw99 .details-panel:where(.svelte-pohw99){grid-row:auto}.prompt-rail.svelte-pohw99{max-height:18vh}.palette-panel.svelte-pohw99{flex-direction:row;align-items:center;gap:8px;padding:8px 10px;overflow:auto hidden}.palette-panel.svelte-pohw99 .panel-title:where(.svelte-pohw99){display:none}.block-grid.svelte-pohw99{grid-template-columns:none;grid-auto-columns:74px;grid-auto-flow:column}.block-button.svelte-pohw99{gap:5px;min-height:66px}.custom-block.svelte-pohw99{flex-direction:row;flex-shrink:0;align-items:center;width:260px}.custom-block.svelte-pohw99 button:where(.svelte-pohw99) span:where(.svelte-pohw99){display:none}.details-panel.svelte-pohw99{grid-template-columns:1fr;max-height:min(30vh,208px)}.canvas.svelte-pohw99{min-height:min(36vh,340px)}.details-section.prose.svelte-pohw99{grid-template-columns:1fr}.canvas-header.svelte-pohw99{min-height:0;padding:6px 10px}.canvas-header.svelte-pohw99 strong:where(.svelte-pohw99){display:none}.canvas-actions.svelte-pohw99{gap:4px}.canvas-actions.svelte-pohw99 button:where(.svelte-pohw99){width:26px;height:26px}.canvas-actions.svelte-pohw99 .expand-button:where(.svelte-pohw99){padding:0 8px}.canvas-actions.svelte-pohw99 .counts:where(.svelte-pohw99){display:none}}