*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:light;--bg:#fff;--side:#f8faf9;--canvas:#f7f9fa;--text:#26362f;--muted:#84908c;--border:#e7ece9;--accent:#167d69;--accent-soft:#eaf4ef;--hover:#f0f4f2;--dot:#dbe3df;--shadow:0 4px 18px #243a3010;--node-bg:#fff}html[data-theme=dark]{color-scheme:dark;--bg:#1d2429;--side:#192125;--canvas:#141c21;--text:#dde8e3;--muted:#91a29b;--border:#303a3f;--accent:#66c6a7;--accent-soft:#203e35;--hover:#28343a;--dot:#303d44;--shadow:0 4px 20px #0003;--node-bg:#202b31}body{margin:0;font-size:14px;overflow:hidden;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}kbd{font:11px ui-monospace,SFMono-Regular,monospace;color:var(--muted);padding:2px 4px;border:1px solid var(--border);border-radius:4px}.app{height:100vh;height:100dvh;display:flex}.sidebar{width:238px;flex-shrink:0;background:var(--side);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:28px 18px 0;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);margin:0 4px 29px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#167d69;color:white;box-shadow:0 4px 10px #167d6920}.brand-mark svg{width:25px;height:25px}.brand strong{font-size:23px;letter-spacing:2px}.brand strong span{font-weight:400;display:block;font-size:10px;letter-spacing:1.2px;color:var(--muted);margin-top:1px}.new-button{display:flex;align-items:center;gap:7px;background:var(--accent);color:var(--bg);height:42px;border-radius:7px;padding:0 11px;font-weight:600;white-space:nowrap}.new-button kbd{margin-left:auto;font-size:10px;color:inherit;opacity:.65;border:0}.new-button:hover{filter:brightness(1.1)}.nav-section{font-size:11px;letter-spacing:1.5px;color:var(--muted);margin:29px 10px 10px}.nav-button{display:flex;align-items:center;width:100%;height:40px;border-radius:6px;gap:11px;text-align:left;padding:0 11px;margin-bottom:4px;color:var(--muted)}.nav-button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-button span{margin-left:auto;font-size:12px;font-weight:400}.nav-button:hover,.map-item:hover{background:var(--hover)}.section-label{display:flex;align-items:center;justify-content:space-between;margin:24px 10px 8px;font-size:12px;color:var(--muted)}.map-list{max-height:150px;overflow-y:auto;flex-shrink:0}.map-item{display:flex;gap:8px;align-items:center;padding:9px 11px;border-radius:6px;min-height:37px}.map-item>button:first-child{display:flex;gap:8px;align-items:center;flex:1;min-width:0;padding:0;text-align:left}.map-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-item svg{width:16px;height:16px;color:var(--muted)}.map-item.active{background:var(--bg);box-shadow:0 1px 4px #00000006;font-weight:500}.map-delete{opacity:0;padding:0}.map-item:hover .map-delete,.map-delete:focus-visible{opacity:1}.outline-head{border-top:1px solid var(--border);margin-top:22px;padding:23px 9px 13px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:6px;padding:7px 9px;margin-bottom:10px}.search svg{width:15px;height:15px;color:var(--muted)}.search input{border:0;background:transparent;width:100%;min-width:0;font-size:12px}.search input::placeholder{color:var(--muted)}.search kbd{border:0}.outline{overflow:auto;flex:1;min-height:55px;padding-bottom:15px}.outline-item{display:flex;align-items:center;gap:7px;width:100%;text-align:left;border-radius:5px;padding:8px 7px;color:var(--muted);white-space:nowrap;font-size:12px}.outline-item.selected{background:var(--accent-soft);color:var(--accent)}.outline-item:hover{background:var(--hover)}.outline-item svg{width:12px;height:12px}.outline-item .bullet{width:6px;height:6px;border-radius:2px;flex-shrink:0}.outline-item .text{overflow:hidden;text-overflow:ellipsis}.sidebar-bottom{border-top:1px solid var(--border);padding:19px 2px 17px}.local-note{display:flex;gap:9px;font-size:11px;color:var(--muted);padding:0 5px 20px}.local-note svg{width:17px;height:17px;color:var(--accent)}.local-note button{display:block;font-size:11px;color:var(--muted);margin-top:5px;padding:0}.local-note button:hover{color:var(--accent)}.theme-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.theme-options{display:flex;padding:3px;background:var(--hover);border-radius:7px;gap:2px}.theme-options button{display:grid;place-items:center;width:29px;height:27px;border-radius:4px}.theme-options svg{width:15px;height:15px}.theme-options button.active{background:var(--bg);color:var(--accent);box-shadow:0 1px 3px #0001}main{min-width:0;flex:1;display:flex;flex-direction:column}header{height:75px;flex-shrink:0;border-bottom:1px solid var(--border);padding:0 27px;display:flex;justify-content:space-between;align-items:center;gap:16px}.document-meta{display:flex;align-items:center;gap:11px;min-width:0}.doc-icon{color:var(--accent);width:21px;height:21px}#doc-title{font-size:16px;font-weight:600;border:1px solid transparent;background:transparent;width:185px;max-width:32vw;padding:6px 4px}#doc-title:hover{border-color:var(--border)}.save-status{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);white-space:nowrap}.save-status svg{width:13px;height:13px}.header-actions{display:flex;gap:18px;align-items:center}.text-button{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);padding:8px 0}.text-button svg{width:16px;height:16px}.export-button{display:flex;align-items:center;gap:8px;background:var(--accent);color:var(--bg);border-radius:6px;padding:9px 14px;font-size:13px}.export-button svg{width:16px;height:16px}.export-button svg.tiny{width:12px;height:12px}.toolbar{height:54px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px;flex-shrink:0}.tool-group{display:flex;align-items:center;gap:8px;border-right:1px solid var(--border);padding-right:16px}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:var(--muted);padding:0}.icon-button svg{width:18px;height:18px}.icon-button:hover,.tool-button:hover{background:var(--hover);color:var(--text)}.icon-button.active{color:var(--accent);background:var(--accent-soft)}.icon-button.small{width:23px;height:23px}.icon-button.small svg{width:14px;height:14px}.tool-button{display:flex;gap:7px;align-items:center;height:32px;border-radius:5px;font-size:12px;white-space:nowrap}.tool-button svg{width:16px;height:16px;color:var(--muted)}.tool-button kbd{margin-left:6px;font-size:10px}.toolbar-end{margin-left:auto}.workspace{display:flex;flex:1;min-height:0;position:relative}.canvas{flex:1;position:relative;overflow:hidden;outline:0;background-color:var(--canvas);background-image:radial-gradient(var(--dot) .8px,transparent .8px);background-size:20px 20px;touch-action:none;user-select:none;cursor:grab}.canvas.panning{cursor:grabbing}.canvas-label{position:absolute;top:25px;left:27px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;z-index:2;pointer-events:none}.canvas-tag{border:1px solid var(--border);border-radius:4px;background:var(--bg);padding:4px 7px;color:var(--muted);font-size:10px}.canvas-hint{position:absolute;bottom:76px;left:0;width:100%;text-align:center;font-size:11px;color:var(--muted);pointer-events:none}.canvas-hint span{margin:0 10px}.canvas-controls{position:absolute;bottom:25px;left:27px;right:27px;display:flex;justify-content:space-between;pointer-events:none}.floating-controls{display:flex;align-items:center;gap:3px;border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:5px;box-shadow:var(--shadow);pointer-events:auto}.floating-controls .icon-button{width:32px;height:31px}.zoom-controls>span{height:19px;border-right:1px solid var(--border);margin:0 5px}#zoom-level{font-size:11px;min-width:43px;padding:5px}.zoom-controls button[data-action=zoomin],.zoom-controls button[data-action=zoomout]{font-size:21px}#world{position:absolute;transform-origin:0 0;left:0;top:0}#edges{position:absolute;width:1px;height:1px;overflow:visible;pointer-events:none}#nodes{position:absolute}.node{position:absolute;display:flex;align-items:center;justify-content:center;padding:10px 18px;min-height:46px;border:1.5px solid var(--nc);border-radius:9px;color:var(--nc);background:var(--node-bg);font-size:14px;line-height:1.5;cursor:default;box-shadow:0 2px 5px #20382d05;outline:none;white-space:pre-wrap;text-align:center;word-break:break-word;transition:box-shadow .12s}.node.depth-0{background:var(--nc);border-color:var(--nc);color:#fff;min-height:60px;box-shadow:0 7px 20px #19755f21;font-size:20px;font-weight:600}.node.depth-1{background:color-mix(in srgb,var(--nc) 9%,var(--node-bg));font-weight:500}.node.shape-pill{border-radius:40px}.node.shape-rectangle{border-radius:1px}.node.shape-underline{border:0;border-bottom:2px solid var(--nc);border-radius:0;background:transparent;box-shadow:none}.node.selected{outline:2px solid var(--nc);outline-offset:5px}.node .node-add{position:absolute;right:-13px;top:calc(50% - 10px);width:20px;height:20px;line-height:17px;background:var(--bg);border:1px solid var(--nc);color:var(--nc);border-radius:50%;font-size:16px;padding:0;display:none;z-index:3}.node.selected .node-add{display:block}.node-note{position:absolute;right:5px;top:3px;font-size:9px;opacity:.65}.fold-badge{position:absolute;right:-26px;top:calc(50% - 10px);border:1px solid var(--nc);border-radius:10px;background:var(--bg);font-size:10px;min-width:20px;height:20px;color:var(--nc)}.node-edit{position:absolute;inset:0;width:100%;height:100%;border:0;resize:none;text-align:center;font-size:inherit;font-weight:inherit;padding:10px 8px;color:var(--text);background:var(--bg);border-radius:inherit;line-height:1.5;z-index:5}.inspector{width:232px;padding:22px 20px;background:var(--bg);border-left:1px solid var(--border);overflow:auto;flex-shrink:0}.inspector.hidden{display:none}.inspector-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.inspector-title strong{font-size:13px;font-weight:600}.selected-preview{padding:12px 13px;background:var(--side);border:1px solid var(--border);border-radius:7px;margin-bottom:22px}.selected-preview>span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.selected-preview strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--accent);font-weight:500}.property{margin-bottom:21px}.property>label{font-size:12px;color:var(--text);display:flex;justify-content:space-between;margin-bottom:10px}.property label span{font-size:10px;color:var(--muted)}textarea{width:100%;padding:8px 10px;font-size:12px;line-height:1.7;resize:vertical;min-height:54px}textarea::placeholder{color:var(--muted);font-size:11px}select{height:34px;width:100%;font-size:12px;padding:0 8px;cursor:pointer}.colors{display:flex;gap:9px;flex-wrap:wrap}.color-button{width:23px;height:23px;border-radius:50%;background:var(--swatch);position:relative}.color-button.active:after{content:"";position:absolute;inset:-4px;border:1px solid var(--swatch);border-radius:50%}.font-row{display:flex;gap:9px}.font-row select{flex:1}.font-row button{border:1px solid var(--border);border-radius:5px;width:36px;font-weight:700}.font-row button.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.panel-divider{border-top:1px solid var(--border);margin:24px 0}.delete-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;font-size:11px;color:var(--muted);padding:9px;border:1px solid var(--border);border-radius:5px}.delete-button svg{width:14px;height:14px}.delete-button:hover{color:#d46565;border-color:#d46565}.panel-tip{margin:33px 0 5px;display:flex;align-items:center;gap:13px;color:var(--muted);opacity:.65}.panel-tip svg{width:25px;height:25px}.panel-tip p{font-size:11px;line-height:1.9;margin:0}footer{height:32px;flex-shrink:0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:10px;color:var(--muted)}footer>span{display:flex;align-items:center;gap:7px}.status-dot{height:5px;width:5px;background:var(--accent);border-radius:50%}.footer-divider{margin:0 5px;opacity:.5}.mobile-menu{display:none}dialog{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:14px;width:560px;max-width:calc(100vw - 32px);padding:25px;box-shadow:0 24px 100px #0003;max-height:85vh;overflow:auto}dialog::backdrop{background:#111d285e;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{margin:0;font-size:19px}.dialog-copy{color:var(--muted);font-size:14px;line-height:1.8}.dialog-input{padding:12px;width:100%;margin:9px 0 23px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.primary{background:var(--accent);color:var(--bg);border-radius:6px;padding:10px 17px}.secondary{border:1px solid var(--border);padding:9px 16px;border-radius:6px}.export-grid,.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-option,.template-option{padding:17px;border:1px solid var(--border);border-radius:8px;text-align:left;display:block}.export-option:hover,.template-option:hover{border-color:var(--accent);background:var(--accent-soft)}.export-option strong,.template-option strong{display:block;font-size:15px;margin-bottom:7px}.export-option span,.template-option span{font-size:12px;line-height:1.6;color:var(--muted)}.template-option svg{display:block;width:34px;height:34px;margin-bottom:18px;color:var(--accent)}.shortcut-list{display:grid;grid-template-columns:1fr auto;gap:15px;padding:10px 0;font-size:14px}.shortcut-list kbd{font-size:12px}.muted{color:var(--muted)}#toast{position:fixed;bottom:55px;left:50%;transform:translateX(-50%) translateY(15px);background:var(--text);color:var(--bg);padding:12px 21px;border-radius:8px;box-shadow:var(--shadow);z-index:100;opacity:0;pointer-events:none;transition:.2s;font-size:13px;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.empty-search{padding:12px 6px;color:var(--muted);font-size:12px}@media(min-width:1600px){.sidebar{width:258px}.inspector{width:254px}header{height:80px}}@media(max-height:850px){.sidebar{padding-top:22px}.brand{margin-bottom:24px}.nav-section{margin-top:23px}.section-label{margin-top:15px}.outline-head{margin-top:16px;padding-top:17px}.inspector{padding-top:19px}.property{margin-bottom:17px}.selected-preview{margin-bottom:18px}.panel-tip{display:none}}@media(max-width:1200px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.inspector{width:210px;padding-left:16px;padding-right:16px}.tool-button kbd{display:none}.toolbar{gap:10px;padding:0 15px}.tool-group{padding-right:10px}.header-actions{gap:13px}.save-status{font-size:10px}}@media(max-width:1050px){.inspector{display:none}.inspector.mobile-open{display:block;position:absolute;right:0;top:0;bottom:0;z-index:15;box-shadow:-10px 0 35px #0001;width:240px}.canvas-label{font-size:10px}}@media(max-width:700px){.sidebar{display:none;position:fixed;top:0;bottom:0;left:0;width:235px;box-shadow:10px 0 50px #0003}.sidebar.mobile-open{display:flex}.mobile-menu{display:inline-flex}header{height:65px;padding:0 12px;gap:6px}.doc-icon{display:none}.document-meta{gap:6px}#doc-title{max-width:36vw;font-size:14px}.save-status{display:none}.header-actions{gap:12px}.text-button span{display:none}.export-button{padding:8px 10px}.toolbar{padding:0 8px;gap:6px;height:48px}.tool-group{gap:2px;padding-right:6px}.tool-button{font-size:11px;gap:4px;padding:0 4px}.tool-button svg{width:15px}.tool-button[data-action=layout] span{display:none}.canvas-label{left:17px;top:20px}.canvas-label>span:last-child{display:none}.canvas-hint{font-size:10px;padding:0 10px;bottom:78px}.canvas-hint span{margin:0 5px}.canvas-controls{left:15px;right:15px;bottom:25px}.canvas-controls .icon-button{width:28px}footer{padding:0 12px;font-size:9px}footer>span:last-child{display:none}.node{touch-action:none}.export-grid,.template-grid{gap:9px}dialog{padding:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Adjustable node sizing and outline actions. */
.node{font-family:Arial,"Microsoft YaHei",sans-serif;padding:10px 18px;min-height:0!important}.node-label{white-space:pre;line-height:1.5;pointer-events:none;max-width:100%;flex-shrink:0}.resize-handle{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;background:var(--bg);border:2px solid var(--nc);border-radius:2px;padding:0;cursor:nwse-resize;touch-action:none;z-index:6}.resize-handle:hover{background:var(--nc)}.resize-handle:focus-visible{outline:2px solid var(--nc);outline-offset:3px}.dimension-row{display:flex;gap:8px;margin-top:10px}.dimension-row label{display:flex;align-items:center;gap:4px;font-size:11px;flex-wrap:wrap;flex:1;min-width:0;color:var(--muted)}.dimension-row input{width:100%;min-width:0;padding:6px;font-size:13px;order:2}.dimension-row input:disabled{opacity:.6;background:var(--side)}.size-reset{font-size:12px;color:var(--accent);padding:0;margin-top:10px}.size-reset:hover{text-decoration:underline}.size-hint{font-size:11px;line-height:1.7;color:var(--muted);margin:9px 0 0}.outline-row{display:flex;align-items:center;gap:2px;border-radius:5px}.outline-row.selected{background:var(--accent-soft);color:var(--accent)}.outline-row .outline-item{min-width:0;flex:1}.outline-row.selected .outline-item{color:var(--accent)}.outline-delete{flex-shrink:0;display:grid;place-items:center;padding:0;width:27px;height:28px;border-radius:4px;color:var(--muted);opacity:.6}.outline-delete svg{width:14px;height:14px}.outline-delete:hover,.outline-delete:focus-visible{color:#c44f59;opacity:1;background:var(--hover)}