:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--control-height: 32px;--control-height-dense: 28px;--control-height-primary: 40px;--tap-min: 32px;--tap-min-touch: 44px;--font-ui: -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, "Inter", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--font-size-ui: 13px;--line-height-ui: 18px;--font-size-caption: 11px;--line-height-caption: 14px;--letter-spacing-caption: .01em;--font-weight-caption: 500;--bg-canvas: #fbfbfa;--bg-surface: #ffffff;--bg-sunken: #f4f4f2;--text-primary: #1c1c1a;--text-secondary: #6b6b66;--text-tertiary: #92928c;--line: #e4e4e0;--edge: #c9c9c3;--accent: #2f6fe4;--accent-soft: #e8f0fe;--danger: #c8372d;--folder-neutral: #9a9a94;--folder-red: #d9544d;--folder-orange: #e08a3c;--folder-yellow: #d7b23c;--folder-green: #4ca26a;--folder-teal: #3fa3a3;--folder-blue: #3d7bd6;--folder-purple: #8262cc;--folder-pink: #cc5f97;--folder-dot: 8px;--folder-indent: 16px;--node-graphite: #3b3b38;--node-red: #c0463c;--node-orange: #a6641a;--node-amber: #8d7116;--node-green: #3a8255;--node-teal: #2b8080;--node-blue: #2e6ee4;--node-purple: #7154bc;--node-pad-x: 10px;--node-pad-y: 6px;--column-gap: 48px;--sibling-gap: 8px;--root-gap: 56px;--max-node-width: 280px;--min-node-width: 48px;--icon-width: 14px;--node-icon-width: 16px;--icon-gap: 4px;--node-radius: var(--radius-md);--root-bg: var(--accent);--root-fg: #ffffff;--node-hover-alpha: .6;--node-selected-border: 1.5px;--collapse-toggle-size: 16px;--focus-ring-width: 2px;--focus-ring-offset: 2px;--edge-width-first: 1.5px;--edge-width-deep: 1px;--edge-radius: 8px;--top-bar-height: 48px;--dialog-width: 420px;--shadow-popover: 0 4px 16px rgba(0, 0, 0, .1);--motion-layout: .18s;--motion-appear: .12s;--motion-state: 90ms;--easing-layout: cubic-bezier(.2, .8, .2, 1);--easing-appear: ease-out;--motion-node-limit: 300;--zoom-min: .1;--zoom-max: 4;--zoom-wheel-step: 1.1;--zoom-key-step: 1.2;--scroll-margin: 64px;--fit-padding: 32px;--pan-threshold: 4px;--pan-threshold-touch: 10px;--long-press: .5s;--auto-expand-delay: .6s;--auto-scroll-edge: 60px;--auto-scroll-max: 1500;--drag-ghost-opacity: .5;--drag-ghost-shadow: 0 4px 16px rgba(0, 0, 0, .18)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg-canvas: #17171a;--bg-surface: #1f1f23;--bg-sunken: #121215;--text-primary: #ededea;--text-secondary: #a3a39d;--text-tertiary: #7a7a74;--line: #2e2e33;--edge: #4a4a50;--accent: #5b93f5;--accent-soft: #223050;--danger: #e2685c;--folder-neutral: color-mix(in srgb, #9a9a94 85%, #fff);--folder-red: color-mix(in srgb, #d9544d 85%, #fff);--folder-orange: color-mix(in srgb, #e08a3c 85%, #fff);--folder-yellow: color-mix(in srgb, #d7b23c 85%, #fff);--folder-green: color-mix(in srgb, #4ca26a 85%, #fff);--folder-teal: color-mix(in srgb, #3fa3a3 85%, #fff);--folder-blue: color-mix(in srgb, #3d7bd6 85%, #fff);--folder-purple: color-mix(in srgb, #8262cc 85%, #fff);--folder-pink: color-mix(in srgb, #cc5f97 85%, #fff);--root-bg: #5b93f5;--root-fg: #17171a;--node-graphite: #ededea;--node-red: #da8e88;--node-orange: #e6a863;--node-amber: #e2be46;--node-green: #72c08f;--node-teal: #59c7c7;--node-blue: #89aef0;--node-purple: #ae9dd9;--shadow-popover: 0 4px 20px rgba(0, 0, 0, .45);--drag-ghost-shadow: 0 4px 20px rgba(0, 0, 0, .5)}}[data-theme=dark]{color-scheme:dark;--bg-canvas: #17171a;--bg-surface: #1f1f23;--bg-sunken: #121215;--text-primary: #ededea;--text-secondary: #a3a39d;--text-tertiary: #7a7a74;--line: #2e2e33;--edge: #4a4a50;--accent: #5b93f5;--accent-soft: #223050;--danger: #e2685c;--folder-neutral: color-mix(in srgb, #9a9a94 85%, #fff);--folder-red: color-mix(in srgb, #d9544d 85%, #fff);--folder-orange: color-mix(in srgb, #e08a3c 85%, #fff);--folder-yellow: color-mix(in srgb, #d7b23c 85%, #fff);--folder-green: color-mix(in srgb, #4ca26a 85%, #fff);--folder-teal: color-mix(in srgb, #3fa3a3 85%, #fff);--folder-blue: color-mix(in srgb, #3d7bd6 85%, #fff);--folder-purple: color-mix(in srgb, #8262cc 85%, #fff);--folder-pink: color-mix(in srgb, #cc5f97 85%, #fff);--root-bg: #5b93f5;--root-fg: #17171a;--node-graphite: #ededea;--node-red: #da8e88;--node-orange: #e6a863;--node-amber: #e2be46;--node-green: #72c08f;--node-teal: #59c7c7;--node-blue: #89aef0;--node-purple: #ae9dd9;--shadow-popover: 0 4px 20px rgba(0, 0, 0, .45);--drag-ghost-shadow: 0 4px 20px rgba(0, 0, 0, .5)}html,body,#root{height:100%;margin:0}body{background:var(--bg-canvas);color:var(--text-primary);font:var(--font-size-ui) / var(--line-height-ui) var(--font-ui)}.canvas{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg-canvas);touch-action:none;cursor:default;outline:none}.canvas:focus-visible{outline:var(--focus-ring-width) solid var(--accent);outline-offset:calc(-1 * var(--focus-ring-offset))}.canvas[data-space]{cursor:grab}.canvas-surface{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;will-change:transform}.edges-layer{position:absolute;overflow:visible;pointer-events:none}.edge{fill:none;stroke-linecap:round}.nodes-layer{position:absolute;top:0;right:0;bottom:0;left:0}.canvas[data-detail=simplified] .node-badges,.canvas[data-detail=simplified] .collapse-toggle,.canvas[data-detail=overview] .node-badges,.canvas[data-detail=overview] .collapse-toggle,.canvas[data-detail=overview] .node-text{display:none}.canvas[data-detail=simplified] .node-text{overflow:hidden;white-space:nowrap}.canvas[data-animate] .node{transition:transform var(--motion-layout) var(--easing-layout)}@media (prefers-reduced-motion: reduce){.canvas[data-animate] .node{transition:none}}.node-text{white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none;-moz-tab-size:4;tab-size:4;margin:0;padding:0;border:0;box-sizing:content-box}.node{position:absolute;top:0;left:0;width:var(--node-w);height:var(--node-h);padding:var(--node-pad-y-self) var(--node-pad-x-self);box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;border:0;border-radius:var(--node-radius) var(--node-radius) 0 0;color:var(--node-color);transition:background-color var(--motion-state) linear}.node:after{content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:var(--node-line-width) solid var(--node-line-color);pointer-events:none}.node[data-root]:after{display:none}.node-row{display:flex;align-items:center;gap:var(--icon-gap)}.node-text-slot{flex:none}.node-icons{display:inline-flex;gap:var(--icon-gap);flex:none}.node-icon{width:var(--node-icon-width);height:var(--node-icon-width);flex:none}.node-badge-icon{width:var(--icon-width);height:var(--icon-width)}.node-badges-slot{display:contents}.node-badges-slot[data-hidden] .node-badges{visibility:hidden}.node-image-button{display:block;padding:0;border:0;background:transparent;cursor:zoom-in;align-self:flex-start}.node-image{display:block;border-radius:var(--radius-sm)}.node mark{color:inherit;background:var(--accent-soft)}.node[data-search-current] mark{color:var(--bg-surface);background:var(--accent)}.node[data-root]{border-bottom-color:transparent;border-radius:var(--node-radius)}.node .node-text{color:inherit;display:block;flex:none}.node .node-text[data-placeholder]{color:var(--text-tertiary)}.node:hover{background:color-mix(in srgb,var(--bg-surface) calc(var(--node-hover-alpha) * 100%),transparent)}.node[data-selected]{background:var(--accent-soft);outline:var(--node-selected-border) solid var(--accent)}.node[data-root]{background:var(--root-bg);color:var(--root-fg)}.node-editor{resize:none;overflow:hidden;background:transparent;color:inherit;outline:none}.node-badges{display:inline-flex;gap:var(--icon-gap);color:var(--text-tertiary);flex:none}.node-badge{width:var(--icon-width);height:var(--icon-width);display:inline-flex;position:relative;padding:0;border:0;color:inherit;background:transparent;cursor:pointer;flex:none}.node-badge:before{content:"";position:absolute;inset:calc((var(--icon-width) - var(--tap-min)) / 2)}.collapse-toggle{position:absolute;top:100%;width:var(--collapse-toggle-size);height:var(--collapse-toggle-size);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;border:var(--edge-width-deep) solid var(--edge);border-radius:50%;background:var(--bg-canvas);color:var(--text-secondary);font:var(--font-weight-caption) var(--font-size-caption) / var(--line-height-caption) var(--font-ui);cursor:pointer;padding:0}.collapse-toggle[data-side=right]{right:calc(-.5 * var(--collapse-toggle-size))}.collapse-toggle[data-side=left]{left:calc(-.5 * var(--collapse-toggle-size))}.node-actions{position:absolute;z-index:1;margin-left:var(--space-2);transform:translateY(-50%);display:inline-flex;width:max-content;flex-wrap:wrap;gap:var(--space-1)}.node-action{flex:none;width:var(--tap-min);height:var(--tap-min);border:0;border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font:inherit;cursor:pointer}.node-actions:before{content:"";position:absolute;right:100%;top:0;width:var(--space-2);height:100%}.drag-ghost{position:absolute;top:0;left:0;transform-origin:0 0;width:var(--node-w);min-height:var(--node-h);padding:var(--node-pad-y) var(--node-pad-x);border:var(--node-selected-border) solid transparent;box-sizing:border-box;display:flex;align-items:center;gap:var(--icon-gap);border-radius:var(--node-radius);background:var(--bg-surface);color:var(--node-color);opacity:var(--drag-ghost-opacity);box-shadow:var(--drag-ghost-shadow);pointer-events:none;z-index:2}.drag-ghost .node-text{flex:none}.drag-ghost[data-forbidden]{border-color:var(--danger);border-style:dashed;color:var(--danger)}.drag-ghost-count{margin-left:auto;padding:0 var(--icon-gap);border-radius:var(--radius-sm);background:var(--accent);color:var(--root-fg);font:var(--font-size-ui) / var(--line-height-ui) var(--font-ui)}.drag-indicators{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.drag-parent{position:absolute;top:0;left:0;box-sizing:border-box;background:var(--accent-soft);border:var(--node-selected-border) solid var(--accent);border-radius:var(--node-radius)}.canvas[data-mode=drag]{-webkit-user-select:none;user-select:none}.canvas[data-mode=drag] .node-actions{display:none}.drag-insert{position:absolute;top:0;left:0;height:var(--edge-width-first);margin-top:calc(var(--edge-width-first) / -2);background:var(--accent);border-radius:var(--edge-width-first)}.editor-layout{height:100%;display:grid;grid-template-rows:var(--top-bar-height) minmax(0,1fr)}.top-bar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-bottom:var(--edge-width-deep) solid var(--line);background:var(--bg-surface);min-width:0}.top-bar button,.property-popover button,.image-dialog button{font:inherit;color:var(--text-primary);border:0;border-radius:var(--radius-sm);background:var(--bg-sunken);min-height:var(--control-height);min-width:var(--tap-min);padding:var(--space-1) var(--space-2);cursor:pointer}.top-bar button:hover,.property-popover button:hover,.image-dialog button:hover{background:var(--accent-soft)}.top-bar .map-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:auto;background:transparent;text-align:left}.save-status{color:var(--text-secondary);white-space:nowrap}.zoom-controls,.search-bar{display:flex;align-items:center;gap:var(--space-1)}.search-bar input{min-width:0;width:var(--max-node-width)}.search-bar output{white-space:nowrap;font-variant-numeric:tabular-nums}.property-popover,.command-menu,.image-dialog{background:var(--bg-surface);color:var(--text-primary);border:var(--edge-width-deep) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);font:var(--font-size-ui) / var(--line-height-ui) var(--font-ui);animation:panel-appear var(--motion-appear) var(--easing-appear)}.property-popover{width:var(--dialog-width);max-width:var(--radix-popover-content-available-width);box-sizing:border-box;padding:var(--space-4);max-height:var(--radix-popover-content-available-height);overflow:auto;z-index:2}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.property-tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);border-bottom:var(--edge-width-deep) solid var(--line);padding-bottom:var(--space-3)}.property-tabs button[data-assigned]{color:var(--accent);background:var(--accent-soft)}.property-popover button[aria-pressed=true]{outline:var(--edge-width-first) solid var(--accent);outline-offset:calc(-1 * var(--edge-width-first))}.property-editor{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3)}.property-editor label{display:flex;flex-direction:column;gap:var(--space-1)}.property-editor small{color:var(--text-secondary)}.style-toggles{display:flex;gap:var(--space-2)}.style-toggles>div{display:flex;flex:1;flex-direction:column;gap:var(--space-1)}.style-toggles button{padding-inline:var(--space-1)}.color-palette{display:flex;flex-wrap:wrap;gap:var(--space-2)}.property-popover .color-swatch{width:var(--control-height);height:var(--control-height)}.icon-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-1)}.icon-palette button{display:flex;align-items:center;justify-content:center}.note-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-1)}.note-content{min-height:var(--space-8);max-height:var(--max-node-width);overflow:auto;border:var(--edge-width-deep) solid var(--line);padding:var(--space-2);border-radius:var(--radius-sm);overflow-wrap:break-word}.note-content p{margin:0 0 var(--space-2)}.note-content ul,.note-content ol{padding-left:var(--space-5)}input,select{font:inherit;color:var(--text-primary);background:var(--bg-surface);border:var(--edge-width-deep) solid var(--line);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);min-height:var(--control-height);box-sizing:border-box}button:disabled{cursor:default;color:var(--text-tertiary)}[role=alert]{color:var(--danger);margin:0}.property-popover a{color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,.note-content:focus-visible,a:focus-visible{outline:var(--focus-ring-width) solid var(--accent);outline-offset:var(--focus-ring-offset)}.command-menu{padding:var(--space-1);min-width:var(--max-node-width);max-height:var(--radix-popper-available-height);overflow-y:auto;z-index:3}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-1) var(--space-2);min-height:var(--control-height-dense);border-radius:var(--radius-sm);outline:none;cursor:default}.menu-item[data-highlighted]{background:var(--accent-soft);color:var(--accent)}.menu-item[data-disabled]{color:var(--text-tertiary)}.menu-item kbd{color:var(--text-secondary);font:inherit;white-space:nowrap}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg-canvas) 75%,transparent);z-index:4}.image-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--dialog-width);max-width:calc(100% - var(--space-6));max-height:calc(100% - var(--space-6));padding:var(--space-4);box-sizing:border-box;border-radius:var(--radius-lg);z-index:5;overflow:auto}.full-image-scroll{overflow:auto;max-height:calc(100% - var(--space-8) * 3);margin-bottom:var(--space-3)}.full-image-scroll img{display:block;max-width:none}@keyframes panel-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.property-popover,.command-menu,.image-dialog{animation:none}}@media (pointer: coarse){.top-bar button,.property-popover button,.image-dialog button,.property-popover input,.property-popover select,.search-bar input,.menu-item,.node-action{min-height:var(--tap-min-touch);min-width:var(--tap-min-touch)}.node-badge:before{inset:calc((var(--icon-width) - var(--tap-min-touch)) / 2)}}.shell-message,.auth-screen{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font:var(--font-size-ui) / var(--line-height-ui) var(--font-ui);background:var(--bg-canvas);padding:var(--space-4);box-sizing:border-box;text-align:center}.auth-card{width:var(--dialog-width);max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--bg-surface);color:var(--text-primary);border:var(--edge-width-deep) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover);text-align:left}.auth-card h1{font-size:var(--font-size-ui);margin:0}.auth-card label{display:flex;flex-direction:column;gap:var(--space-1);color:var(--text-secondary)}.auth-card input,.revision-save input{font:inherit;color:var(--text-primary);background:var(--bg-sunken);border:var(--edge-width-deep) solid var(--line);border-radius:var(--radius-sm);min-height:var(--control-height);padding:var(--space-1) var(--space-2)}.shell-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--dialog-width);max-width:calc(100% - var(--space-6));max-height:calc(100% - var(--space-6));overflow:auto;box-sizing:border-box;padding:var(--space-4);background:var(--bg-surface);color:var(--text-primary);border:var(--edge-width-deep) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover);font:var(--font-size-ui) / var(--line-height-ui) var(--font-ui);z-index:5}.shell-dialog h2{font-size:var(--font-size-ui);margin:0 0 var(--space-2)}.shell-dialog p{margin:0 0 var(--space-3);color:var(--text-secondary)}.shell-dialog button,.auth-card button{font:inherit;color:var(--text-primary);border:0;border-radius:var(--radius-sm);background:var(--bg-sunken);min-height:var(--control-height);min-width:var(--tap-min);padding:var(--space-1) var(--space-3);cursor:pointer}.shell-dialog button:hover,.auth-card button:hover{background:var(--accent-soft)}.shell-dialog button.primary,.auth-card button.primary{background:var(--accent);color:var(--bg-surface)}.shell-dialog button[disabled]{color:var(--text-tertiary);cursor:default}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.dialog-error{color:var(--danger)}.revision-save{display:flex;gap:var(--space-2)}.revision-save input{flex:1;min-width:0}.revision-list{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);max-height:var(--max-node-width);overflow:auto}.revision-list li{display:flex;align-items:center;gap:var(--space-2)}.revision-label{flex:1;min-width:0;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notices{position:fixed;right:var(--space-4);bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:3;max-width:calc(100% - var(--space-6))}.notice{width:var(--dialog-width);max-width:100%;box-sizing:border-box;padding:var(--space-3);background:var(--bg-surface);color:var(--text-primary);border:var(--edge-width-deep) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);font:var(--font-size-ui) / var(--line-height-ui) var(--font-ui);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.notice p{margin:0}.notice-draft{color:var(--text-secondary);max-height:var(--control-height);overflow:auto;align-self:stretch}.notice button{font:inherit;color:var(--text-primary);border:0;border-radius:var(--radius-sm);background:var(--bg-sunken);min-height:var(--control-height);min-width:var(--tap-min);padding:var(--space-1) var(--space-2);cursor:pointer}.save-status{display:flex;align-items:center;gap:var(--space-2)}.save-status-text{background:transparent;color:var(--text-secondary);white-space:nowrap}.save-status-dot{background:transparent;min-width:var(--tap-min)}.unsaved-dot{display:block;width:var(--space-2);height:var(--space-2);border-radius:50%;background:var(--text-tertiary)}