:root{--accent-hue:175;--accent:oklch(.82 .13 var(--accent-hue));--accent-dim:oklch(.62 .12 var(--accent-hue));--accent-bg:oklch(.24 .04 var(--accent-hue));--accent-text:oklch(.88 .1 var(--accent-hue));--bg-0:oklch(14% .005 240);--bg-1:oklch(17% .006 240);--bg-2:oklch(20% .007 240);--bg-3:oklch(24% .008 240);--bg-hover:oklch(22% .008 240);--line:oklch(28% .008 240/.9);--line-soft:oklch(26% .008 240/.55);--line-strong:oklch(34% .008 240);--text:oklch(95% .005 240);--text-mid:oklch(72% .007 240);--text-dim:oklch(52% .008 240);--text-faint:oklch(40% .008 240);--ui-sans:"Geist", system-ui, -apple-system, sans-serif;--ui-mono:"Geist Mono", ui-monospace, "JetBrains Mono", monospace;--chrome-h:36px;--rail-w:200px;--sidebar-w:300px;--query-h:0px;--r-xs:3px;--r-sm:5px;--r-md:7px;--r-lg:10px;--bg:var(--bg-0);--surface:var(--bg-1);--surface2:var(--bg-2);--border:var(--line);--accent2:oklch(78% .12 290);--green:oklch(78% .14 145);--red:oklch(75% .12 25);--yellow:oklch(82% .14 70);--text-muted:var(--text-dim);--font-mono:"Geist Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-0);height:100%;color:var(--text);font-family:var(--ui-sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-size:13px;overflow:hidden}button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}#app{grid-template-columns:var(--rail-w) 1fr 4px var(--sidebar-w);grid-template-rows:var(--chrome-h) 1fr 28px var(--query-h);width:100vw;height:100vh;display:grid;overflow:hidden}#loading{background:var(--bg-0);color:var(--text-mid);z-index:200;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:13px;display:flex;position:fixed;inset:0}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.init-error{background:var(--bg-0);color:var(--red);z-index:200;text-align:center;justify-content:center;align-items:center;padding:32px;font-size:14px;display:flex;position:fixed;inset:0}.hidden{display:none!important}#header{background:var(--bg-1);border-bottom:1px solid var(--line);min-height:var(--chrome-h);grid-area:1/1/auto/-1;align-items:stretch;display:flex;overflow-x:clip}.brand{border-right:1px solid var(--line);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.brand-mark{flex-shrink:0;width:14px;height:14px;position:relative}.brand-mark:before,.brand-mark:after{content:"";border-radius:50%;position:absolute}.brand-mark:before{background:var(--accent);inset:0 6px 6px 0}.brand-mark:after{background:var(--text);opacity:.85;inset:5px 0 0 5px}.brand-mark i{background:var(--accent-dim);transform-origin:0 0;width:8px;height:1px;position:absolute;top:3px;left:3px;transform:rotate(45deg)}.graph-picker{border-right:1px solid var(--line);flex-shrink:0;align-items:center;gap:4px;padding:0 10px;display:flex}#graph-select,.graph-rename-input{border:1px solid var(--line);color:var(--text);border-radius:var(--r-sm);appearance:none;background:0 0;background-image:linear-gradient(45deg, transparent 50%, var(--text-mid) 50%), linear-gradient(-45deg, transparent 50%, var(--text-mid) 50%);cursor:pointer;background-position:calc(100% - 10px),calc(100% - 6px);background-repeat:no-repeat;background-size:4px 4px;max-width:180px;height:26px;padding:3px 20px 3px 8px;font-size:12px}#graph-select:focus,.graph-rename-input:focus{border-color:var(--accent);outline:none}.graph-rename-input{background-image:none;padding:3px 8px}.icon-btn{width:26px;height:26px;color:var(--text-mid);border-radius:var(--r-xs);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn:disabled{opacity:.32;cursor:default;pointer-events:none}.icon-btn.danger{color:var(--text-mid)}.icon-btn.danger:hover{color:var(--red);background:oklch(28% .08 25/.5)}.icon-btn.active{background:var(--accent-bg);color:var(--accent-text)}.tabs{flex-shrink:0;align-items:stretch;padding-left:6px;display:flex}.tab-btn{color:var(--text-mid);letter-spacing:-.005em;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;height:100%;padding:0 14px;font-size:12.5px;font-weight:500;display:inline-flex;position:relative}.tab-btn:hover,.tab-btn.active{color:var(--text)}.tab-btn.active:after{content:"";background:var(--accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.spacer{flex:1}.meta{border-left:1px solid var(--line);font-family:var(--ui-mono);color:var(--text-mid);flex-shrink:0;align-items:center;gap:10px;padding:0 10px;font-size:11px;display:flex}.meta-item{align-items:center;gap:4px;display:flex}.meta-num{color:var(--accent-text);font-variant-numeric:tabular-nums;font-weight:600}.actions{border-left:1px solid var(--line);flex-shrink:0;align-items:center;gap:3px;padding:0 8px;display:flex}.actions-sep{background:var(--line);flex-shrink:0;width:1px;height:16px;margin:0 3px}.action-btn{color:var(--text-mid);border-radius:var(--r-sm);white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:500;display:inline-flex}.action-btn:hover{color:var(--text);background:var(--bg-hover)}.action-btn.danger{color:var(--red)}.action-btn.danger:hover{background:oklch(28% .08 25/.5)}.dropdown{display:inline-flex;position:relative}.dropdown-content{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);z-index:100;min-width:140px;display:none;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 24px oklch(0% 0 0/.4)}.dropdown-content button{text-align:left;width:100%;color:var(--text-mid);cursor:pointer;background:0 0;border:none;padding:7px 12px;font-size:12px;display:block}.dropdown-content button:hover{background:var(--bg-3);color:var(--text)}.dropdown.open .dropdown-content{display:block}#tab-graph{display:contents}#tab-scrapbook,#tab-dashboard{grid-area:2/1/-1/-1;overflow:hidden}#left-rail{background:var(--bg-1);border-right:1px solid var(--line);flex-direction:column;grid-area:2/1;min-height:0;display:flex;overflow-y:auto}.rail-section{border-bottom:1px solid var(--line-soft);flex-direction:column;padding:8px 10px;display:flex}.rail-section:last-child{border-bottom:none}.rail-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;font-weight:600;display:flex}.rail-label .count{font-family:var(--ui-mono);letter-spacing:0;text-transform:none;color:var(--text-faint);font-weight:500}.rail-btn{border-radius:var(--r-sm);width:100%;color:var(--text-mid);background:var(--bg-2);border:1px solid var(--line-soft);text-align:left;cursor:pointer;align-items:center;gap:6px;height:28px;padding:5px 8px;font-size:12px;display:flex}.rail-btn:hover{color:var(--text);background:var(--bg-3);border-color:var(--line)}.rail-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-text)}.kbd{font-family:var(--ui-mono);color:var(--text-faint);background:var(--bg-1);border:1px solid var(--line-soft);border-radius:3px;margin-left:auto;padding:1px 5px;font-size:10px}.type-chip{border-radius:var(--r-sm);width:100%;color:var(--text-mid);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;height:26px;padding:4px 7px;font-size:12px;display:flex}.type-chip:hover{background:var(--bg-2);color:var(--text)}.type-chip[data-active=true]{color:var(--text)}.type-chip[data-active=false]{opacity:.45}.type-swatch{background:var(--swatch,var(--text-dim));width:8px;height:8px;box-shadow:0 0 0 2px oklch(from var(--swatch,var(--text-dim)) l c h / .18);border-radius:50%;flex-shrink:0}.type-name{text-align:left;flex:1;font-size:12px}.type-count{font-family:var(--ui-mono);color:var(--text-dim);font-size:10.5px}#canvas-wrap{background:var(--bg-0);grid-area:2/2;min-width:0;min-height:0;position:relative;overflow:hidden}#cy{position:absolute;inset:0}.canvas-toolbar{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-md);z-index:6;align-items:center;gap:1px;padding:3px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px oklch(0% 0 0/.35)}.ct-btn{color:var(--text-mid);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.ct-btn:hover{background:var(--bg-2);color:var(--text)}.ct-btn.active{background:var(--accent-bg);color:var(--accent-text)}.ct-sep{background:var(--line);align-self:stretch;width:1px;margin:2px 3px}#resize-h{background:var(--line);cursor:ew-resize;z-index:10;grid-area:2/3;transition:background .15s}#resize-h:hover,#resize-h:active{background:var(--accent)}#sidebar{background:var(--bg-1);border-left:1px solid var(--line);flex-direction:column;grid-area:2/4/-1;min-width:0;min-height:0;display:flex;overflow-y:auto}.prop-panel-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--line-soft);flex-shrink:0;padding:8px 12px;font-size:10px;font-weight:600}.prop-empty{text-align:center;color:var(--text-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:30px 20px;font-size:12px;line-height:1.6;display:flex}.prop-empty-glyph{border:1px dashed var(--line-strong);border-radius:50%;width:36px;height:36px;margin-bottom:6px;position:relative}.prop-empty-glyph:before,.prop-empty-glyph:after{content:"";border-radius:50%;width:6px;height:6px;position:absolute}.prop-empty-glyph:before{background:var(--text-dim);top:4px;left:4px}.prop-empty-glyph:after{background:var(--accent-dim);bottom:4px;right:4px}.prop-empty-title{color:var(--text-mid);font-size:12.5px;font-weight:500}.prop-empty-hint{max-width:220px;color:var(--text-dim);font-size:11.5px}#sidebar-content{flex-direction:column;flex:1;min-height:0;display:flex}#element-header{border-bottom:1px solid var(--line-soft);background:var(--bg-1);flex-shrink:0;padding:10px 12px}.element-eyebrow{font-family:var(--ui-mono);color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:4px;font-size:10px;display:flex}.element-type-dot{background:var(--type-color,var(--accent));border-radius:50%;width:6px;height:6px;display:inline-block}#sidebar-scroll{flex:1;min-height:0;overflow-y:auto}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);padding:8px 12px 4px;font-size:10px;font-weight:600}#properties-section{border-bottom:1px solid var(--line-soft);padding-bottom:8px}.prop-row{grid-template-columns:90px 1fr auto;align-items:baseline;gap:6px;min-height:24px;padding:4px 12px;font-size:12px;display:grid}.prop-key{color:var(--text-dim);font-family:var(--ui-mono);word-break:break-word;font-size:11px}.prop-val{color:var(--text);word-break:break-word;font-size:12px}.prop-val.mono{font-family:var(--ui-mono);font-size:11.5px}.prop-val.num{font-family:var(--ui-mono);color:var(--accent-text);font-variant-numeric:tabular-nums}.sidebar-label-select{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text);border-radius:var(--r-xs);font-size:11.5px;font-family:var(--ui-mono);cursor:pointer;padding:2px 6px}.sidebar-label-select:focus{border-color:var(--accent);outline:none}.add-prop-row{gap:4px;padding:6px 12px 8px;display:flex}.add-prop-key,.add-prop-val{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text);border-radius:var(--r-xs);font-size:11.5px;font-family:var(--ui-mono);flex:1;min-width:0;padding:4px 8px}.add-prop-key{flex:0 0 72px}.add-prop-key:focus,.add-prop-val:focus{border-color:var(--accent);outline:none}.add-prop-btn{background:var(--accent);color:oklch(18% .02 240);border-radius:var(--r-xs);cursor:pointer;border:none;flex-shrink:0;padding:4px 10px;font-size:11.5px;font-weight:600}.add-prop-btn:hover{filter:brightness(1.08)}#note-section{padding-bottom:8px}#note-textarea{background:var(--bg-0);border:1px solid var(--line-soft);width:calc(100% - 24px);color:var(--text);border-radius:var(--r-sm);resize:vertical;min-height:120px;font-size:12.5px;line-height:1.55;font-family:var(--ui-sans);margin:0 12px 4px;padding:8px 10px;display:block}#note-textarea:focus{border-color:var(--accent);outline:none}#note-preview{color:var(--text-mid);cursor:pointer;padding:8px 12px;font-size:12.5px;line-height:1.6;display:none}#note-preview:hover{color:var(--text)}#note-preview h1,#note-preview h2,#note-preview h3{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:600}#note-preview p{margin-bottom:6px}#note-preview code{font-family:var(--ui-mono);background:var(--bg-2);border-radius:3px;padding:1px 5px;font-size:11.5px}#note-preview pre{font-family:var(--ui-mono);background:var(--bg-2);border-radius:var(--r-sm);margin-bottom:6px;padding:8px;font-size:11.5px;overflow-x:auto}.prop-type-badge{font-family:var(--ui-mono);color:var(--text-faint);background:var(--bg-2);border-radius:3px;padding:1px 5px;font-size:9.5px}.prop-val-input{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text);border-radius:var(--r-xs);width:100%;font-size:11.5px;font-family:var(--ui-mono);padding:3px 7px}.prop-val-input:focus{border-color:var(--accent);outline:none}.prop-val-input.bool-toggle{cursor:pointer;width:auto;accent-color:var(--accent)}.prop-delete-btn{color:var(--text-faint);opacity:.6;border-radius:3px;padding:2px;font-size:11px}.prop-delete-btn:hover{opacity:1;color:var(--red)}#query-toggle{background:var(--bg-1);border-top:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:5;grid-area:3/1/auto/4;align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex}#query-toggle:hover{background:var(--bg-2)}.caret{color:var(--text-dim);align-items:center;transition:transform .2s;display:flex}.cypher-title{font-family:var(--ui-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-mid);font-size:10.5px}.shortcut-hint{color:var(--text-faint);font-size:10.5px}.shortcut-hint kbd{font-family:var(--ui-mono);background:var(--bg-2);border:1px solid var(--line-soft);border-radius:3px;padding:1px 5px;font-size:10px}.cypher-run{background:var(--accent);color:oklch(18% .02 240);border-radius:var(--r-sm);cursor:pointer;border:none;align-items:center;gap:5px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.cypher-run:hover{filter:brightness(1.08)}#query-panel{background:var(--bg-0);border-top:1px solid var(--line-soft);flex-direction:column;grid-area:4/1/auto/4;min-height:0;display:flex;overflow:hidden}#query-panel-header{flex-shrink:0}.bookmark-bar{border-bottom:1px solid var(--line-soft);background:var(--bg-1);align-items:center;gap:6px;padding:5px 10px;display:flex}.bookmark-select{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-mid);border-radius:var(--r-xs);min-width:0;font-size:11px;font-family:var(--ui-mono);flex:1;padding:3px 6px}.bookmark-select:focus{border-color:var(--accent);outline:none}.bookmark-btn{color:var(--text-dim);border:1px solid var(--line-soft);border-radius:var(--r-xs);background:var(--bg-2);cursor:pointer;white-space:nowrap;padding:3px 8px;font-size:11px}.bookmark-btn:hover{color:var(--text);border-color:var(--line-strong)}.bookmark-btn:disabled{opacity:.35;cursor:default}.bookmark-btn-danger:hover{color:var(--red);background:oklch(24% .06 25/.4)}#query-body{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid;overflow:hidden}#query-input{background:var(--bg-0);border:none;border-right:1px solid var(--line-soft);color:var(--text);font-family:var(--ui-mono);resize:none;white-space:pre;outline:none;padding:10px 14px;font-size:12px;line-height:1.55;overflow:auto}#query-input:focus{border-right-color:var(--accent)}#query-results{background:var(--bg-1);font-family:var(--ui-mono);padding:4px 0;font-size:11.5px;overflow:auto}.results-placeholder{color:var(--text-faint);padding:10px 12px;font-size:12px;display:block}#query-results table{border-collapse:collapse;width:100%}#query-results th,#query-results td{text-align:left;border-bottom:1px solid var(--line-soft);white-space:nowrap;padding:4px 10px}#query-results th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-1);font-size:10px;font-weight:500;position:sticky;top:0}#query-results td{color:var(--text-mid)}#query-results tr:hover td{background:var(--bg-2);color:var(--text)}.val-null{color:var(--text-faint)}.val-bool{color:var(--accent-text);font-weight:600}.val-number{color:var(--accent-text)}.val-string{color:oklch(80% .1 145)}.val-object{color:var(--text-dim);white-space:pre;font-size:10.5px}.autocomplete-dropdown{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);z-index:500;min-width:200px;overflow:hidden;box-shadow:0 8px 24px oklch(0% 0 0/.4)}.autocomplete-item{font-family:var(--ui-mono);cursor:pointer;color:var(--text-mid);align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.autocomplete-item:hover,.autocomplete-item.active{background:var(--bg-3);color:var(--text)}.autocomplete-kind{background:var(--bg-1);color:var(--text-faint);letter-spacing:.04em;border-radius:3px;padding:1px 5px;font-size:9.5px;font-weight:600}#tab-scrapbook{background:var(--bg-0);display:none;overflow:hidden}.scrapbook-root{grid-template-columns:200px 1fr;height:100%;display:grid;overflow:hidden}.scrap-rail{background:var(--bg-1);border-right:1px solid var(--line);width:200px;min-width:200px;padding:6px 0;overflow-y:auto}.scrapbook-main{padding:18px 22px 80px;overflow-y:auto}.scrap-rail-item{width:100%;color:var(--text-mid);font-size:12px;font-family:var(--ui-sans);text-align:left;cursor:pointer;height:var(--row-h,28px);background:0 0;border:none;align-items:center;gap:7px;padding:5px 10px;display:flex}.scrap-rail-item:hover{background:var(--bg-2);color:var(--text)}.scrap-rail-item[data-active=true]{background:var(--accent-bg);color:var(--accent-text);box-shadow:inset 2px 0 0 var(--accent)}.scrap-rail-count{font-family:var(--ui-mono);color:var(--text-faint);font-size:10.5px}.scrap-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;margin-bottom:14px;padding-bottom:10px;display:flex}.scrap-head h2{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.scrap-head-meta{font-family:var(--ui-mono);color:var(--text-dim);gap:16px;font-size:11px;display:flex}.scrap-head-meta span{color:var(--accent-text);font-weight:600}.scrap-section-title{border-bottom:1px solid var(--line-soft);align-items:baseline;gap:10px;margin:22px 0 10px;padding-bottom:6px;display:flex}.scrap-section-title h3{letter-spacing:-.005em;cursor:text;outline:none;margin:0;font-size:13px;font-weight:600}.scrap-section-delete-btn{color:var(--text-faint);cursor:pointer;opacity:.5;background:0 0;border:none;margin-left:auto;padding:2px 4px;font-size:11px}.scrap-section-delete-btn:hover{color:var(--red);opacity:1}.scrap-list{flex-direction:column;gap:8px;display:flex}.scrap-item{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:var(--r-md);cursor:default;grid-template-columns:120px 1fr auto;gap:14px;padding:10px;transition:border-color .15s;display:grid}.scrap-item:hover{border-color:var(--line-strong)}.scrap-item-note,.scrap-item-cypher{grid-template-columns:1fr auto}.scrap-thumb{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:var(--r-sm);flex-shrink:0;width:120px;height:80px;overflow:hidden}.scrap-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.scrap-kind{font-family:var(--ui-mono);color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:5px;font-size:10px;display:inline-flex}.scrap-kind .dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.scrap-title{color:var(--text);letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.scrap-body{color:var(--text-mid);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.scrap-query-text{font-family:var(--ui-mono);color:var(--text-mid);white-space:pre-wrap;max-height:3.3em;margin:0;font-size:11px;line-height:1.5;overflow:hidden}.scrap-expand-btn{border:1px solid var(--line-soft);border-radius:var(--r-xs);color:var(--text-dim);font-size:11px;font-family:var(--ui-sans);cursor:pointer;background:0 0;align-self:flex-start;margin-top:4px;padding:2px 8px}.scrap-expand-btn:hover{color:var(--text);border-color:var(--line-strong)}.scrap-query-details{border-top:1px solid var(--line-soft);margin-top:8px;padding-top:8px}.scrap-md-input{background:var(--bg-0);border:1px solid var(--accent);border-radius:var(--r-sm);width:100%;color:var(--text);font-family:var(--ui-mono);resize:vertical;outline:none;min-height:60px;padding:6px 8px;font-size:12px}.scrap-md-preview{color:var(--text-mid);cursor:text;min-height:20px;font-size:12px;line-height:1.55}.scrap-md-preview:empty:before{content:"クリックして編集…";color:var(--text-faint);font-style:italic}.scrap-aside{font-family:var(--ui-mono);color:var(--text-dim);flex-direction:column;align-items:flex-end;gap:6px;font-size:10.5px;display:flex}.scrap-delete-btn{color:var(--text-faint);cursor:pointer;opacity:.5;background:0 0;border:none;padding:2px 4px;font-size:11px;line-height:1}.scrap-delete-btn:hover{color:var(--red);opacity:1}.snap-mini{width:100%;height:100%}.nb-snapshot-modal-overlay{z-index:500;cursor:zoom-out;background:oklch(0% 0 0/.75);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nb-snapshot-modal-img{border-radius:var(--r-md);max-width:90vw;max-height:90vh;display:block;box-shadow:0 24px 64px oklch(0% 0 0/.6)}#tab-dashboard{padding:24px;display:none;overflow-y:auto}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:14px 16px}.stat-card-label{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:10.5px;font-weight:600}.stat-card-value{font-family:var(--ui-mono);color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.chart-wrap{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:var(--r-md);margin-bottom:12px;padding:16px}.chart-title{color:var(--text-mid);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:600}#minimap{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-md);z-index:6;cursor:crosshair;width:180px;height:130px;position:absolute;bottom:10px;right:10px;overflow:hidden;box-shadow:0 4px 14px oklch(0% 0 0/.4)}#context-menu{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);z-index:300;min-width:160px;padding:4px 0;position:fixed;box-shadow:0 8px 24px oklch(0% 0 0/.4)}.ctx-item{color:var(--text-mid);cursor:pointer;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.ctx-item:hover{background:var(--bg-3);color:var(--text)}.ctx-item.danger{color:var(--red)}.ctx-item.danger:hover{background:oklch(24% .06 25/.4)}.ctx-sep{background:var(--line-soft);height:1px;margin:3px 0}#hover-tooltip{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text-mid);pointer-events:none;z-index:400;white-space:nowrap;padding:5px 10px;font-size:11.5px;position:fixed;box-shadow:0 4px 12px oklch(0% 0 0/.3)}#dialog-overlay{z-index:100;background:oklch(0% 0 0/.6);justify-content:center;align-items:center;display:none;position:fixed;inset:0}#dialog-overlay.active{display:flex}.dialog-box{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;width:100%;min-width:340px;max-width:480px;padding:20px;box-shadow:0 16px 48px oklch(0% 0 0/.5)}.dialog-title{letter-spacing:-.01em;color:var(--text);margin-bottom:16px;font-size:14px;font-weight:600}.dialog-field{margin-bottom:14px}.dialog-label{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:500;display:block}.dialog-input,.dialog-select{background:var(--bg-0);border:1px solid var(--line);width:100%;color:var(--text);border-radius:var(--r-sm);padding:7px 10px;font-size:13px;display:block}.dialog-input:focus,.dialog-select:focus{border-color:var(--accent);outline:none}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.dialog-btn{border-radius:var(--r-sm);cursor:pointer;border:none;padding:6px 14px;font-size:12.5px;font-weight:600}.dialog-btn-primary{background:var(--accent);color:oklch(18% .02 240)}.dialog-btn-primary:hover{filter:brightness(1.08)}.dialog-btn-secondary{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-mid)}.dialog-btn-secondary:hover{color:var(--text);background:var(--bg-3)}.tm-list-wrap{border:1px solid var(--line-soft);border-radius:var(--r-sm);max-height:220px;margin-bottom:10px;overflow-y:auto}.tm-add-row{gap:6px;margin-bottom:8px;display:flex}.tm-add-row .dialog-input{flex:1}.csv-sample-text{font-family:var(--ui-mono);color:var(--text-dim);background:var(--bg-0);border:1px solid var(--line-soft);border-radius:var(--r-sm);margin-top:6px;padding:8px;font-size:11px;overflow-x:auto}.csv-preview{margin-bottom:10px;overflow-x:auto}.csv-preview table{font-family:var(--ui-mono);border-collapse:collapse;width:100%;font-size:11px}.csv-preview th,.csv-preview td{border:1px solid var(--line-soft);color:var(--text-mid);padding:3px 8px}.csv-preview th{background:var(--bg-2);color:var(--text-dim)}.tm-item{border-bottom:1px solid var(--line-soft);color:var(--text-mid);align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;display:flex}.tm-item:last-child{border-bottom:none}.tm-item-name{flex:1}.tm-item-delete{color:var(--text-faint);opacity:.6;border-radius:3px;padding:2px 6px;font-size:11px}.tm-item-delete:hover{color:var(--red);opacity:1}.ets-item{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:7px 10px;display:flex}.ets-item:last-child{border-bottom:none}.tm-item-input{min-width:0;color:var(--text);font-size:12.5px;font-family:var(--ui-sans);border-radius:var(--r-sm);background:0 0;border:1px solid #0000;flex:1;padding:3px 6px}.tm-item-input:hover{border-color:var(--line-soft)}.tm-item-input:focus{border-color:var(--accent);background:var(--bg-0);outline:none}.ets-color-input{border:1px solid var(--line-soft);border-radius:var(--r-sm);cursor:pointer;background:var(--bg-0);flex-shrink:0;width:26px;height:26px;padding:2px}.ets-color-input::-webkit-color-swatch-wrapper{padding:0}.ets-color-input::-webkit-color-swatch{border:none;border-radius:3px}.ets-line-select{background:var(--bg-0);border:1px solid var(--line-soft);color:var(--text-mid);border-radius:var(--r-sm);font-size:11.5px;font-family:var(--ui-sans);cursor:pointer;flex-shrink:0;padding:3px 6px}.ets-line-select:focus{border-color:var(--accent);outline:none}.tm-delete-btn{color:var(--text-faint);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:11px;line-height:1}.tm-delete-btn:hover{color:var(--red);opacity:1}.type-color-swatch{border:1px solid var(--line-soft);cursor:pointer;border-radius:50%;flex-shrink:0;width:16px;height:16px}.toast-container{z-index:600;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);color:var(--text);white-space:nowrap;padding:8px 14px;font-size:12.5px;animation:.2s ease-out toast-in;box-shadow:0 4px 14px oklch(0% 0 0/.4)}.toast.success{color:oklch(85% .12 145);border-color:oklch(78% .14 145/.6)}.toast.error{color:var(--red);border-color:oklch(75% .12 25/.6)}.toast.warn{color:oklch(82% .12 70);border-color:oklch(78% .12 70/.6)}.toast.fade-out{animation:.2s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(6px)}}.cy-box-selection{border:1px dashed var(--accent);background:oklch(from var(--accent) l c h / .06)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:oklch(28% .008 240) padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:oklch(34% .008 240) padding-box padding-box;border:2px solid #0000}#mode-buttons{flex-direction:column;gap:4px;display:flex}.mode-btn{border-radius:var(--r-sm);width:100%;color:var(--text-mid);background:var(--bg-2);border:1px solid var(--line-soft);text-align:left;cursor:pointer;align-items:center;gap:6px;height:28px;padding:5px 8px;font-size:12px;display:flex}.mode-btn:hover{color:var(--text);background:var(--bg-3);border-color:var(--line)}.mode-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-text)}.nb-hidden{display:none!important}.element-type-badge{font-family:var(--ui-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;align-items:center;margin-bottom:5px;padding:2px 7px;font-size:9.5px;font-weight:600;display:inline-flex}.badge-node{background:var(--accent-bg);color:var(--accent-text)}.badge-edge{color:oklch(80% .1 290);background:oklch(24% .04 290)}.element-title{letter-spacing:-.01em;color:var(--text);margin-bottom:3px;font-size:14px;font-weight:600}.label-row{align-items:center;gap:6px;display:flex}.label-prefix{color:var(--text-dim);font-size:11.5px}.label-input{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text);border-radius:var(--r-xs);cursor:pointer;font-size:12px;font-family:var(--ui-sans);padding:3px 7px}.label-input:focus{border-color:var(--accent);outline:none}.prop-input-wrapper{flex:1;min-width:0}.prop-value-input{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text);border-radius:var(--r-xs);width:100%;font-size:11.5px;font-family:var(--ui-mono);min-width:0;padding:3px 7px}.prop-value-input:focus{border-color:var(--accent);outline:none}.prop-value-input--invalid{border-color:var(--red)!important}.prop-value-input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.prop-value-checkbox{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.prop-validation-error{color:var(--red);font-size:10.5px;font-family:var(--ui-mono);margin-top:3px}.prop-row{position:relative}.prop-row:hover .prop-delete-btn{opacity:1}.prop-link{color:var(--accent-text);font-size:10.5px;font-family:var(--ui-mono);align-items:center;gap:3px;margin-top:2px;text-decoration:none;display:inline-flex}.prop-link:hover{text-decoration:underline}.result-tag{font-family:var(--ui-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:3px;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.tag-ok{color:oklch(80% .12 145);background:oklch(24% .06 145)}.tag-empty{background:var(--bg-2);color:var(--text-dim)}.tag-err{color:var(--red);background:oklch(24% .06 25)}.result-table{border-collapse:collapse;width:100%;font-family:var(--ui-mono);font-size:11.5px}.result-table th,.result-table td{text-align:left;border-bottom:1px solid var(--line-soft);white-space:nowrap;color:var(--text-mid);padding:4px 10px}.result-table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-1);font-size:10px;font-weight:500;position:sticky;top:0}.result-table tr:hover td{background:var(--bg-2);color:var(--text)}.error-box{font-family:var(--ui-mono);color:var(--red);border-radius:var(--r-sm);white-space:pre-wrap;word-break:break-all;background:oklch(20% .04 25/.4);border:1px solid oklch(36% .08 25/.5);padding:8px 12px;font-size:11.5px}#toast-container{z-index:600;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);color:var(--text);white-space:nowrap;opacity:0;pointer-events:auto;cursor:pointer;padding:8px 16px;font-size:12.5px;transition:opacity .2s,transform .2s;transform:translateY(6px);box-shadow:0 4px 14px oklch(0% 0 0/.4)}.toast.toast-visible{opacity:1;transform:none}.toast.toast-success{color:oklch(85% .12 145);border-color:oklch(78% .14 145/.5)}.toast.toast-error{color:var(--red);border-color:oklch(75% .12 25/.5)}.toast.toast-warn{color:oklch(82% .12 70);border-color:oklch(78% .12 70/.5)}.toast.toast-info{color:oklch(82% .12 200);border-color:oklch(78% .12 200/.5)}.dashboard-root{height:100%;padding:24px;font-size:13px;overflow-y:auto}.db-empty{color:var(--text-dim);text-align:center;padding:40px 0;font-size:13px}.db-section{margin-bottom:24px}.db-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:11px;font-weight:600}.db-grid{flex-direction:column;gap:20px;display:flex}.db-cards{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.db-card{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:var(--r-md);border-top:2px solid #0000;padding:14px 16px}.db-card-value{font-family:var(--ui-mono);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:26px;font-weight:600;line-height:1}.db-card-label{color:var(--text-dim);font-size:11px;font-weight:500}.db-sections{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.scrapbook-empty{text-align:center;color:var(--text-faint);padding:32px 16px;font-size:12.5px;line-height:1.6}.nb-cell-dragging{opacity:.5}.nb-cell-drag-insert-before{box-shadow:0 -2px 0 var(--accent)}.nb-cell-drag-insert-after{box-shadow:0 2px 0 var(--accent)}.ctx-item-label{color:var(--text-faint);font-size:11px;font-family:var(--ui-mono);letter-spacing:.04em;padding:4px 12px;display:block}.graph-rename-input{background:var(--bg-2);border:1px solid var(--accent);color:var(--text);border-radius:var(--r-sm);outline:none;max-width:180px;height:26px;padding:3px 8px;font-size:12px}.tooltip-label{font-family:var(--ui-mono);color:var(--accent-text);letter-spacing:.04em;font-size:10.5px}.tooltip-props{font-family:var(--ui-mono);color:var(--text-mid);margin-top:4px;font-size:10.5px;line-height:1.5}.tooltip-key{color:var(--text-dim)}.tooltip-note{color:var(--text-mid);border-top:1px solid var(--line-soft);max-width:260px;margin-top:5px;padding-top:5px;font-size:11.5px;line-height:1.5}.nb-cell{border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--bg-1);margin-bottom:8px;transition:border-color .15s;overflow:hidden}.nb-cell:hover{border-color:var(--line-strong)}.nb-cell-header{border-bottom:1px solid var(--line-soft);background:var(--bg-2);cursor:pointer;align-items:center;gap:8px;padding:7px 10px;display:flex}.nb-cell-kind{font-family:var(--ui-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:9.5px;font-weight:600}.nb-cell-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.nb-cell-body{padding:10px 12px}.nb-cell-toggle{color:var(--text-faint);font-size:10.5px}.nb-chart-tab-btn{color:var(--text-dim);border:1px solid var(--line-soft);border-radius:var(--r-xs);background:var(--bg-2);cursor:pointer;padding:3px 8px;font-size:11px}.nb-chart-tab-btn:hover{color:var(--text)}.nb-chart-tab-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-text)}.nb-chart-series-btn{color:var(--text-dim);background:var(--bg-2);border:1px solid var(--line-soft);cursor:pointer;border-radius:3px;padding:2px 7px;font-size:10.5px}.nb-chart-series-btn.active{background:var(--accent-bg);color:var(--accent-text)}.drawer-backdrop{z-index:25;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:oklch(0% 0 0/.5);display:none;position:fixed;inset:0}.drawer-backdrop[data-show=true]{display:block}.props-toggle{display:none}.rail-toggle{align-self:center;margin:0 4px;display:none}@media (width<=1099px){#app{grid-template-columns:40px 1fr}#resize-h{display:none}#canvas-wrap{grid-column:2}#sidebar{top:var(--chrome-h);grid-column:unset;grid-row:unset;z-index:30;border-left:1px solid var(--line);width:300px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;right:0;transform:translate(105%);box-shadow:-12px 0 40px oklch(0% 0 0/.5)}#sidebar[data-open=true]{transform:translate(0)}#query-toggle,#query-panel{grid-column:1/-1}#left-rail{width:40px;overflow:hidden}.rail-label,.type-name,.type-count,.kbd{display:none}.type-chip{justify-content:center;padding:5px 4px}.rail-btn{justify-content:center;gap:0;padding:5px 4px}.rail-section{padding:6px 4px}.props-toggle{display:inline-flex}.meta{gap:6px;padding:0 6px}.canvas-toolbar{flex-wrap:nowrap;max-width:calc(100% - 16px);overflow-x:auto}}@media (width<=699px){#app{grid-template-columns:1fr}#canvas-wrap{grid-column:1}#left-rail{top:var(--chrome-h);grid-column:unset;grid-row:unset;z-index:30;border-right:1px solid var(--line);width:220px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;overflow:hidden auto;transform:translate(-105%);box-shadow:12px 0 40px oklch(0% 0 0/.5)}#left-rail[data-open=true]{transform:translate(0)}.rail-label,.type-name,.type-count,.kbd{display:revert}.type-chip{justify-content:flex-start;padding:4px 7px}.rail-btn{justify-content:flex-start;gap:6px;padding:5px 8px}.rail-section{padding:8px 10px 10px}.graph-picker,.meta,.spacer,.actions .hide-sm{display:none}.rail-toggle{display:inline-flex}.canvas-toolbar{gap:0;padding:2px}.ct-btn{padding:4px 8px;font-size:11px}.canvas-toolbar .ct-btn span,#minimap{display:none}#query-toggle,#query-panel{grid-column:1/-1}.scrapbook-root{grid-template-columns:1fr;position:relative}.scrap-rail{top:var(--chrome-h);z-index:30;border-right:1px solid var(--line);width:220px;min-width:220px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;transform:translate(-105%);box-shadow:12px 0 40px oklch(0% 0 0/.5)}.scrap-rail[data-open=true]{transform:translate(0)}}