:root{--color-canvas: #ededf3;--color-surface: #ffffff;--color-text: #6b6b6e;--color-text-strong: #4e4e51;--color-text-muted: #87878f;--color-accent-solid: #559ca9;--color-hover: color-mix(in oklch, var(--color-text) 7%, transparent);--color-border: color-mix(in oklch, var(--color-text) 13%, transparent);--shadow-toolbar: 0 2px 5px #36364405, 0 6px 24px #36364406, 0 0 0 1px #ffffffb0;--motion-duration: 0ms;--motion-easing: cubic-bezier(.2, .7, .2, 1);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}*,*:before,*:after{box-sizing:border-box;min-width:0}body{margin:0;overflow:clip;background:var(--color-canvas);color:var(--color-text);height:100dvh;font-size:12px}button,textarea{font:inherit;color:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:0;border-radius:7px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;min-height:36px;padding-inline:11px}button:disabled{cursor:default;opacity:.3}button:active:not(:disabled){scale:.97}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent-solid);outline-offset:3px}svg{display:block}.icon{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-button{width:36px;padding:0;flex:none}[hidden]{display:none!important}.topbar{position:absolute;inset:0 0 auto;height:64px;padding-inline:25px 20px;display:flex;justify-content:space-between;gap:25px;align-items:center;z-index:5;background:var(--color-canvas)}.document-group{display:flex;align-items:center;gap:15px}.wordmark{color:var(--color-text-strong);font-size:16px;font-weight:650;letter-spacing:-.5px;flex:none}.wordmark span{color:var(--color-accent-solid);margin-inline-start:2px}.divider{width:1px;height:17px;background:var(--color-border);flex:none;display:block}#document-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:12px}#save-state{color:var(--color-text-muted);font-size:10px;white-space:nowrap}#save-state.error{color:#af4656}.topbar nav{display:flex;align-items:center;gap:4px;flex:none}.topbar nav .icon{width:15px;height:15px}#canvas-root{position:absolute;top:64px;right:0;bottom:90px;left:0;overflow:clip;touch-action:none;outline-offset:-4px}#canvas-root.panning{cursor:grabbing}#canvas-root.space-held{cursor:grab}#viewport{position:absolute;inset:0 auto auto 0;width:0;height:0;transform-origin:0 0}#edges-layer,#nodes-layer{position:absolute;inset:0 auto auto 0;width:1px;height:1px;overflow:visible}#edges-layer{pointer-events:none}.edge{fill:none;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}.node{position:absolute;left:0;top:0;translate:-50% -100%;opacity:var(--node-opacity, 1);display:flex;align-items:end;justify-content:center;padding:3px 10px 5px;border-radius:5px;cursor:grab;-webkit-user-select:none;user-select:none;color:var(--color-text);background:transparent;line-height:1.4}.node-title{display:block;width:100%;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center}.node.depth-0{translate:-50% -50%;background:var(--color-surface);border-radius:10px;color:var(--color-text-strong);padding:17px 22px;align-items:center;font-size:22px;font-weight:700}.node.depth-1{font-size:21px;font-weight:650}.node:not(.depth-0):not(.depth-1){font-size:17px;font-weight:400}.node.selected{background:color-mix(in srgb,var(--branch) 12%,transparent)}.node.depth-0.selected{background:var(--color-surface);box-shadow:0 0 0 2px color-mix(in srgb,var(--branch) 55%,transparent)}.node:focus-visible{outline-color:var(--branch)}.node-fold{position:absolute;top:calc(100% - 14px);left:calc(100% + 6px);height:27px;min-height:27px;width:27px;padding:0;background:var(--color-canvas);color:var(--color-text);border-radius:50%;box-shadow:0 0 0 1.5px var(--branch);font-size:11px;opacity:0;pointer-events:auto}.node-fold:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%}.node[data-side="-1"] .node-fold{left:auto;right:calc(100% + 6px)}.node.depth-0 .node-fold{top:calc(50% - 14px)}.node-fold .icon{width:13px;height:13px}.node.selected .node-fold,.node:focus-within .node-fold,.node-fold.is-collapsed{opacity:1;pointer-events:auto}.node.editing{align-items:stretch;z-index:4}.node.editing label{position:absolute;bottom:calc(100% + 7px);left:0;font-size:10px;font-weight:400;white-space:nowrap;color:var(--color-text-muted)}.node-editor{width:100%;border:0;padding:0;resize:none;outline:none;background:transparent;line-height:inherit;text-align:center;font-size:inherit;font-weight:inherit;white-space:pre-wrap;overflow:hidden}.node.drop-child{outline:2px dashed var(--branch);outline-offset:5px;background:color-mix(in srgb,var(--branch) 15%,transparent)}#drop-indicator{position:fixed;z-index:8;height:3px;translate:0 -50%;border-radius:3px;background:var(--branch);pointer-events:none}#drop-indicator:before,#drop-indicator:after{content:"";position:absolute;top:-2px;width:7px;height:7px;border:2px solid var(--branch);border-radius:50%;background:var(--color-canvas)}#drop-indicator:before{left:-3px}#drop-indicator:after{right:-3px}.node.dragging{opacity:.35}.node[data-exiting]{pointer-events:none}.motion-reset{transition:none!important}#drag-hint{position:fixed;z-index:10;pointer-events:none;max-width:280px;padding:9px 12px;border-radius:8px;background:var(--color-surface);color:var(--color-text-strong);box-shadow:var(--shadow-toolbar);font-size:12px}.bottom-bar{position:absolute;inset:auto 24px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none}.tools{display:flex;align-items:center;gap:2px;padding:5px;background:color-mix(in srgb,var(--color-surface) 82%,transparent);border-radius:12px;box-shadow:var(--shadow-toolbar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.tools .divider{margin-inline:5px}.tool-label{font-size:12px}.canvas-hint{color:var(--color-text-muted);font-size:11px;white-space:nowrap;margin:0}.canvas-hint span{padding-inline:7px}#zoom-reset{width:48px;padding:0;font-variant-numeric:tabular-nums;font-size:11px}#toast{position:fixed;z-index:20;bottom:92px;left:50%;translate:-50% 0;background:var(--color-text-strong);color:var(--color-surface);border-radius:9px;padding:12px 18px;font-size:12px;max-width:calc(100vw - 30px);box-shadow:0 5px 25px #0001}dialog{color:var(--color-text);background:var(--color-surface);width:min(450px,calc(100vw - 32px));max-height:calc(100dvh - 40px);border:0;border-radius:16px;padding:25px;box-shadow:0 15px 80px #3332}dialog::backdrop{background:#43435230;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:20px;font-weight:600;margin:0;color:var(--color-text-strong);text-wrap:balance}dialog p{line-height:1.8;text-wrap:pretty}dl{margin-block:22px}dl>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:9px;border-bottom:1px solid var(--color-border)}dd{margin:0}kbd{font:inherit;font-size:11px;background:var(--color-canvas);padding:3px 6px;border-radius:4px}.help-footnote{font-size:11px;color:var(--color-text-muted);margin-bottom:0}.skip-link{position:fixed;top:-70px;left:10px;z-index:30;padding:12px;background:var(--color-surface);color:var(--color-text-strong);border-radius:6px}.skip-link:focus{top:10px}@media (hover: hover){button:hover:not(:disabled){background:var(--color-hover)}.node-fold:hover:not(:disabled){background:var(--color-canvas)}.node:hover:not(.selected){background:color-mix(in srgb,var(--branch) 7%,transparent)}.node.depth-0:hover{background:var(--color-surface)}.node:hover .node-fold{opacity:1;pointer-events:auto}}@media (hover: none){.node-fold{opacity:1}}.node[data-exiting] .node-fold{pointer-events:none}@media (prefers-reduced-motion: no-preference){:root{--motion-duration: .24s}button{transition:scale .16s ease-out,background-color .12s ease,opacity .12s ease}.node{transition:transform var(--motion-duration) var(--motion-easing),opacity var(--motion-duration) ease-out,background-color .12s ease,box-shadow .12s ease,color .12s ease}.node-fold{transition:opacity .12s ease,scale .16s ease-out,background-color .12s ease}.edge{transition:d var(--motion-duration) var(--motion-easing),opacity var(--motion-duration) ease-out,stroke .12s ease}#viewport.view-motion{transition:transform var(--motion-duration) var(--motion-easing)}.fold-content.changed,.node-title.text-updated,.node-editor{animation:content-enter .14s ease-out}#toast,#drag-hint,#drop-indicator{opacity:1;transition:opacity .14s ease-out,display .14s allow-discrete}#toast{transform:translateY(0);transition:opacity .16s ease-out,transform .16s ease-out,display .16s allow-discrete}#toast[hidden],#drag-hint[hidden],#drop-indicator[hidden]{opacity:0}#toast[hidden]{transform:translateY(6px)}dialog{opacity:0;transform:translateY(6px) scale(.98);transform-origin:top right;transition:opacity .16s ease-out,transform .16s ease-out,display .16s allow-discrete,overlay .16s allow-discrete}dialog[open]{opacity:1;transform:translateY(0) scale(1)}dialog::backdrop{opacity:0;transition:opacity .16s ease-out,display .16s allow-discrete,overlay .16s allow-discrete}dialog[open]::backdrop{opacity:1}@starting-style{#toast,#drag-hint,#drop-indicator{opacity:0}#toast{transform:translateY(6px)}dialog[open]{opacity:0;transform:translateY(6px) scale(.98)}dialog[open]::backdrop{opacity:0}}}@keyframes content-enter{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.canvas-hint{display:none}}@media (max-width: 700px){.topbar{height:56px;padding-inline:15px;gap:10px}.document-group{gap:9px}.wordmark{font-size:15px}#document-title{max-width:120px;font-size:11px}#save-state{display:none}.topbar nav{gap:0}.topbar nav button{padding-inline:8px;font-size:11px}#help-button{width:30px}#canvas-root{inset-block:56px 110px}.bottom-bar{inset-inline:12px;bottom:15px;gap:8px;flex-wrap:wrap}.tools{gap:0;padding:4px}.tools .icon-button{width:32px;min-height:38px}.tool-label{padding-inline:7px}.tool-label>span:last-child{display:none}.tools .divider{margin-inline:3px}.zoom-tools{margin-inline-start:auto}}@media (max-width: 450px){.document-group>.divider,#document-title{display:none}.bottom-bar{justify-content:center}.zoom-tools{margin-inline-start:0}#canvas-root{inset-block-end:132px}}