.page.svelte-va0e69{font-family:var(--font-body);color:var(--color-text);background:var(--color-surface);flex-direction:column;min-height:100dvh;display:flex}.header.svelte-va0e69{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border);background:oklch(98.5% .004 155/.88);position:sticky;top:0}.header-inner.svelte-va0e69{max-width:var(--max-width);padding:var(--space-3) var(--gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand.svelte-va0e69{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.03em;color:var(--color-text);align-items:center;gap:var(--space-2);font-weight:800;text-decoration:none;display:flex}.brand-name.svelte-va0e69{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:400}.brand-logo.svelte-va0e69{border-radius:var(--radius-sm);flex-shrink:0;width:28px;height:28px}.canvas-container.svelte-va0e69{flex:1;position:relative;overflow:hidden}.canvas-svg.svelte-va0e69{cursor:crosshair;display:block}.canvas-svg.panning.svelte-va0e69{cursor:move}.circle-node.svelte-va0e69{cursor:pointer;outline:none}.pack-circle.svelte-va0e69{transition:fill var(--duration-fast) ease, stroke var(--duration-fast) ease, stroke-width var(--duration-fast) ease}.group-circle.svelte-va0e69{fill:#0000;stroke:oklch(70% .17 155/.3);stroke-width:1.5px;stroke-dasharray:6 4}.leaf-circle.svelte-va0e69{fill:oklch(70% .17 155/.06);stroke:oklch(70% .17 155);stroke-width:1.5px}.circle-node.svelte-va0e69:hover .leaf-circle:where(.svelte-va0e69){fill:oklch(70% .17 155/.12);stroke:oklch(60% .17 155)}.circle-node.svelte-va0e69:hover .group-circle:where(.svelte-va0e69){stroke:oklch(70% .17 155/.5);stroke-width:2px}.selected-circle.svelte-va0e69{stroke-width:3px}.leaf-circle.selected-circle.svelte-va0e69{fill:oklch(70% .17 155/.12);stroke:oklch(70% .17 155)}.group-circle.selected-circle.svelte-va0e69{fill:#0000;stroke:oklch(55% .12 155)}.drop-target-circle.svelte-va0e69{stroke-width:3px!important;fill:oklch(70% .17 155/.15)!important;stroke:oklch(55% .14 155)!important;stroke-dasharray:none!important}.circle-node.dragged-away.svelte-va0e69{visibility:hidden;pointer-events:none}.drag-ghost-label.svelte-va0e69{font-family:var(--font-mono);fill:var(--color-text-secondary);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:500}.hitarea.svelte-va0e69{pointer-events:all}.pack-label.svelte-va0e69{font-family:var(--font-mono);fill:var(--color-text);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:500}.toolbar.svelte-va0e69{z-index:10;gap:6px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.btn.svelte-va0e69{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:var(--font-body);cursor:pointer;transition:transform var(--duration-fast) var(--ease-pop), box-shadow var(--duration-fast) ease, background var(--duration-fast) ease, color var(--duration-fast) ease, border-color var(--duration-fast) ease;border:1.5px solid #0000;font-weight:600;line-height:1;display:inline-flex}.btn.svelte-va0e69:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn.svelte-va0e69:active{transform:scale(.96)}.btn-sm.svelte-va0e69{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-primary.svelte-va0e69{background:var(--color-accent);color:var(--color-text-on-accent)}.btn-primary.svelte-va0e69:hover{background:var(--color-accent-dark)}.btn-secondary.svelte-va0e69{background:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-border)}.btn-secondary.svelte-va0e69:hover{background:var(--color-surface-sunken);border-color:var(--color-border-strong)}.btn-danger.svelte-va0e69{color:oklch(45% .15 24);background:oklch(92% .04 24);border-color:oklch(88% .06 24)}.btn-danger.svelte-va0e69:hover{color:oklch(35% .18 24);background:oklch(85% .08 24)}.help-panel.svelte-va0e69{z-index:10;opacity:.25;transition:opacity var(--duration-fast) ease;flex-direction:column;gap:3px;display:flex;position:absolute;bottom:12px;left:12px}.help-panel.svelte-va0e69:hover{opacity:.85}.help-row.svelte-va0e69{font-family:var(--font-mono);color:var(--color-text-tertiary);white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.help-panel.svelte-va0e69:hover .help-row:where(.svelte-va0e69){color:var(--color-text-secondary)}.help-row.svelte-va0e69 kbd:where(.svelte-va0e69){border:1px solid var(--color-border);background:var(--color-surface-sunken);min-width:20px;font-family:var(--font-mono);color:inherit;border-radius:3px;justify-content:center;align-items:center;padding:1px 5px;font-size:9px;line-height:1.4;display:inline-flex}.props-panel.svelte-va0e69{z-index:20;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:260px;position:absolute;overflow:hidden;box-shadow:0 4px 16px oklch(14% .02 155/.08)}.props-header.svelte-va0e69{padding:var(--space-2) var(--space-3);background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border);cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.props-header.svelte-va0e69:active{cursor:grabbing}.props-title.svelte-va0e69{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);font-weight:500}.props-close.svelte-va0e69{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.props-close.svelte-va0e69:hover{color:var(--color-text)}.props-body.svelte-va0e69{padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.props-field.svelte-va0e69{flex-direction:column;gap:2px;display:flex}.props-label.svelte-va0e69{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);font-size:10px;font-weight:600}.props-input.svelte-va0e69{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);background:var(--color-surface);outline:none}.props-input.svelte-va0e69:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.props-textarea.svelte-va0e69{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);background:var(--color-surface);resize:vertical;outline:none;min-height:48px}.props-textarea.svelte-va0e69:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.props-mono.svelte-va0e69{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:11px}.child-count-btn.svelte-va0e69{border-radius:var(--radius-sm);width:40px;height:32px;font-family:var(--font-body);font-size:var(--text-xs);cursor:pointer;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);transition:background var(--duration-fast) ease, color var(--duration-fast) ease, border-color var(--duration-fast) ease;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.child-count-btn.svelte-va0e69:hover{border-color:var(--color-accent);color:var(--color-accent-dark)}.props-actions.svelte-va0e69{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.accordion-trigger.svelte-va0e69{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-3) 0;border:none;border-top:1px solid var(--color-border);cursor:pointer;cursor:pointer;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);text-align:left;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;font-size:10px;font-weight:600;display:flex}.accordion-trigger.svelte-va0e69:hover{color:var(--color-text-secondary)}.accordion-trigger.svelte-va0e69:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.accordion-chevron.svelte-va0e69{color:currentColor;cursor:pointer;width:16px;height:16px;transition:transform var(--duration-base) var(--ease-out-expo);flex-shrink:0}.accordion-item.open.svelte-va0e69 .accordion-chevron:where(.svelte-va0e69){transform:rotate(180deg)}.accordion-body.svelte-va0e69{transition:grid-template-rows var(--duration-base) var(--ease-out-expo);grid-template-rows:0fr;display:grid}.accordion-item.open.svelte-va0e69 .accordion-body:where(.svelte-va0e69){grid-template-rows:1fr}.accordion-content.svelte-va0e69{overflow:hidden}.accordion-content-inner.svelte-va0e69{gap:var(--space-3);padding:var(--space-3) 0 var(--space-2);flex-direction:column;display:flex}.delete-overlay.svelte-va0e69{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(14% .02 155/.3);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.delete-dialog.svelte-va0e69{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;min-width:280px;max-width:400px;max-height:80vh;display:flex;box-shadow:0 8px 32px oklch(14% .02 155/.12)}.delete-dialog-title.svelte-va0e69{padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:oklch(45% .15 24);border-bottom:1px solid var(--color-border);background:oklch(96% .01 24/.5);font-weight:600}.delete-dialog-body.svelte-va0e69{padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);overflow-y:auto}.delete-dialog-body.svelte-va0e69 p:where(.svelte-va0e69){margin:0 0 var(--space-2)}.delete-tree.svelte-va0e69{padding:var(--space-2) var(--space-3);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);white-space:pre;margin:0;line-height:1.5;overflow-x:auto}.delete-dialog-actions.svelte-va0e69{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.modal-overlay.svelte-va0e69{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(14% .02 155/.3);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-dialog.svelte-va0e69{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;min-width:280px;max-width:460px;max-height:70vh;display:flex;box-shadow:0 8px 32px oklch(14% .02 155/.12)}.modal-header.svelte-va0e69{padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;font-weight:600;display:flex}.modal-title.svelte-va0e69{color:var(--color-text-secondary)}.modal-tree.svelte-va0e69{padding:var(--space-3) var(--space-4);background:var(--color-surface-sunken);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);white-space:pre;flex:1;margin:0;line-height:1.6;overflow:auto}.rename-dialog.svelte-va0e69{max-width:340px}.rename-body.svelte-va0e69{padding:var(--space-3) var(--space-4)}.rename-input.svelte-va0e69{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease}.rename-input.svelte-va0e69:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-muted);outline:none}.modal-actions.svelte-va0e69{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.picker-dock.svelte-va0e69{top:var(--space-4);right:var(--space-4);z-index:15;gap:var(--space-2);padding:var(--space-3) var(--space-4);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);border:1px solid var(--color-border);min-width:180px;font-family:var(--font-body);background:oklch(98.5% .004 155/.88);flex-direction:column;display:flex;position:absolute;box-shadow:0 4px 24px oklch(0% 0 0/.06),0 1px 3px oklch(0% 0 0/.04)}.picker-dock-hint.svelte-va0e69{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600;display:flex}.picked-badge.svelte-va0e69{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-accent-muted);color:var(--color-accent-dark);font-size:var(--text-sm);font-weight:600;display:inline-flex}.picked-clear.svelte-va0e69{color:var(--color-accent-dark);cursor:pointer;opacity:.6;transition:opacity var(--duration-fast) ease;background:0 0;border:none;align-items:center;padding:0;display:flex}.picked-clear.svelte-va0e69:hover{opacity:1}.picker-actions.svelte-va0e69{flex-direction:column;gap:6px;display:flex}.btn-skip.svelte-va0e69{background:var(--color-border);color:var(--color-text-secondary)}.btn-skip.svelte-va0e69:hover{background:var(--color-text-muted);color:#fff}.btn-continue.svelte-va0e69{background:var(--color-accent);color:#fff}.btn-continue.svelte-va0e69:hover{background:var(--color-accent-dark)}.circle-node.picked.svelte-va0e69 .leaf-circle:where(.svelte-va0e69),.leaf-circle.picked-circle.svelte-va0e69{fill:var(--color-accent-muted)!important;stroke:var(--color-accent)!important;stroke-width:3px!important}.circle-node.picked.svelte-va0e69 .pack-label:where(.svelte-va0e69){fill:var(--color-accent-dark)!important;font-weight:700!important}