.node-sections{position:absolute;inset:0;pointer-events:none}
.node-section{position:absolute;box-sizing:border-box;border:1px solid var(--section-border,#63aeed);border-radius:9px;background:var(--section-fill,#3479aa24);box-shadow:inset 0 0 0 1px #a0d5ff18;pointer-events:none}
.node-section.is-selected{outline:2px solid var(--section-border,#63aeed);outline-offset:3px;box-shadow:0 0 18px var(--section-fill,#3479aa55),inset 0 0 0 1px #a0d5ff44}
.node-section.is-locked{border-style:dashed;opacity:.82}
.node-section.is-locked .node-section-head{cursor:default}
.node-section.is-locked .node-section-resize{display:none}
.node-section.is-drawing{border-style:dashed;background:#58a8ff24}
.node-section-head{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:7px;max-width:calc(100% - 16px);min-height:26px;padding:2px 6px;border:1px solid var(--section-border,#63aeed);border-radius:6px;background:var(--section-head,#24445e);color:var(--section-text,#e9f6ff);pointer-events:auto;cursor:grab}
.node-section-head:active{cursor:grabbing}
.node-section-title{min-width:0;max-width:240px;overflow:hidden;padding:2px 0;border:0;background:transparent;color:var(--section-text,#e9f6ff);font-size:10px;font-weight:700;line-height:1.4;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.node-section-title:hover,.node-section-title:focus-visible{text-decoration:underline;outline:0}
.node-section-count{flex:none;color:var(--section-text,#e9f6ff);font-size:9px;white-space:nowrap;opacity:.76}
.node-section-lock{flex:none;width:22px;height:20px;padding:0;border:0;border-radius:4px;background:transparent;color:#d7e9f7;font-size:12px;line-height:20px;cursor:pointer}
.node-section-lock:hover,.node-section-lock:focus-visible{background:#ffffff26;outline:1px solid var(--section-border,#63aeed)}
.node-section-delete{flex:none;width:19px;height:19px;padding:0;border:0;border-radius:4px;background:transparent;color:#bad1e2;font-size:13px;line-height:18px;cursor:pointer}
.node-section-delete:hover,.node-section-delete:focus-visible{background:#803b45;color:#fff}
.node-section-resize{position:absolute;right:-6px;bottom:-6px;width:15px;height:15px;border:1px solid var(--section-border,#63aeed);border-radius:4px;background:var(--section-head,#24445e);pointer-events:auto;cursor:nwse-resize}
.node-section-colors{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 4px;padding:0;border:0}
.node-section-colors legend{width:100%;margin-bottom:8px;color:#d7e5f1;font-size:11px;font-weight:700}
.node-section-colors label{position:relative;display:inline-flex;align-items:center;gap:6px;margin:0;padding:7px 9px;border:1px solid #405269;border-radius:7px;background:#172330;color:#d7e5f1;font-size:10px;cursor:pointer}
.node-section-colors label:has(input:checked){border-color:var(--swatch);background:#243a4b;color:#fff}
.node-section-colors label:focus-within{outline:2px solid #8acaff;outline-offset:2px}
.node-section-colors input{position:absolute;width:1px;height:1px;opacity:0}
.node-color-swatch{display:block;width:14px;height:14px;border-radius:4px;background:var(--swatch);box-shadow:0 0 0 1px #fff5}
.node-viewport.is-section-tool{cursor:crosshair}
.node-bottom-tools{position:fixed;z-index:40;left:calc(50% + 96px);bottom:43px;display:flex;align-items:center;gap:3px;max-width:calc(100vw - 220px);padding:5px;border:1px solid #405165;border-radius:11px;background:#18212df2;box-shadow:0 12px 35px #0009;backdrop-filter:blur(12px);transform:translateX(-50%)}
.node-bottom-tools button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:31px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#b8c8d8;font-size:13px;white-space:nowrap;cursor:pointer}
.node-bottom-tools button span{font-size:10px}
.node-bottom-tools button:hover,.node-bottom-tools button:focus-visible{background:#26394d;color:#fff;outline:0}
.node-bottom-tools button.is-active{background:#2b5d89;color:#fff}
.node-tool-divider{width:1px;height:22px;margin:0 3px;background:#405165}
.node-bottom-tools output{min-width:39px;color:#bfd0e0;font-size:10px;text-align:center}
@media(max-width:580px){.node-bottom-tools{left:calc(50% + 50px);bottom:42px;max-width:calc(100vw - 105px);padding:4px}.node-bottom-tools button{padding:0 6px}.node-bottom-tools button span{display:none}.node-section-title{max-width:120px}}

body.account-nodes .node-bottom-tools button{min-height:36px;padding-inline:11px;font-size:15px}
body.account-nodes .node-bottom-tools button span{font-size:12px}
body.account-nodes .node-bottom-tools output{font-size:12px}
body.account-nodes .node-section-title{font-size:12px}
body.account-nodes .node-section-count{font-size:11px}

body.account-nodes[data-node-mode="editor"] .node-bottom-tools button{min-height:40px;font-size:17px}
body.account-nodes[data-node-mode="editor"] .node-bottom-tools button span{font-size:14px}
body.account-nodes[data-node-mode="editor"] .node-bottom-tools output{font-size:14px}
body.account-nodes[data-node-mode="editor"] .node-section-title{font-size:14px}
body.account-nodes[data-node-mode="editor"] .node-section-count{font-size:12px}
body.account-nodes[data-node-mode="editor"] .node-section-colors legend{font-size:14px}
body.account-nodes[data-node-mode="editor"] .node-section-colors label{font-size:13px}