:root{--ink:#303631;--muted:#969b95;--line:#e8eae3;--green:#526849;--paper:#fcfcf9;--sidebar:244px}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden;background:var(--paper)}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:hover{background:#eeefe9}button:focus-visible{outline:2px solid #829b70;outline-offset:3px}button:disabled{opacity:.5}#sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#f4f5ef;border-right:1px solid var(--line);padding:28px 17px;display:flex;flex-direction:column;z-index:5}.brand{font-size:31px;font-weight:650;letter-spacing:-1.6px;display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;padding:0 10px}.brand-mark{font-size:40px;font-weight:400;color:#677756}.beta{font:9px monospace;letter-spacing:1px;margin:8px 0 0 7px;color:#92978b;border:1px solid #dfe2d7;padding:3px;border-radius:4px}.workspace{display:flex;align-items:center;gap:10px;margin:34px 8px 22px;font-size:12px;font-weight:600}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e2e8d9;color:#657553;font-size:13px}.workspace small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}.search-button{border:1px solid #e0e3d8;background:#f9faf6;width:100%;display:flex;justify-content:space-between;padding:10px;border-radius:7px;color:#7f867a;font-size:11px}kbd{font:10px inherit;color:#a0a59c}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#979c90;margin:29px 10px 13px}.section-label button{font-size:21px;line-height:1}#tree{overflow:auto}.tree-row{display:flex;align-items:center;gap:8px;border-radius:7px;min-height:36px;font-size:12px;color:#777e70;cursor:pointer;padding:8px 10px;position:relative}.tree-row.active{background:#e5eadc;color:#4c6144;font-weight:600}.tree-row:hover{background:#e9ede2}.tree-row .tree-count{margin-left:auto;color:#9bA28e;font-size:10px}.tree-row .chev{font-size:11px;width:8px}.sidebar-note{margin-top:auto;padding:24px 12px;color:#afb4a5;font-size:11px;line-height:1.7}.sidebar-note>span{font-size:29px}footer{border-top:1px solid #e1e4d9;padding:20px 7px 0;font-size:10px;color:#959c8b;display:flex;align-items:center;gap:7px}footer button{margin-left:auto;border:1px solid #d3dacb;border-radius:50%;font-size:11px;width:19px;height:19px}.online-dot{width:5px;height:5px;background:#88a16d;border-radius:50%}main{margin-left:var(--sidebar);height:100vh;position:relative}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:11px;background:#fdfdfa}#breadcrumbs{display:flex;align-items:center;gap:10px;color:#92988b}#breadcrumbs button{padding:5px 0}#breadcrumbs button:last-child{color:#4d5747}.header-actions{display:flex;align-items:center;gap:22px;color:#949b8c}#saveStatus{font-size:10px}#saveStatus:before{content:'✓';margin-right:5px;color:#9cae85}.header-actions button{border:1px solid #e3e6dd;border-radius:6px;padding:8px 11px;font-size:11px;color:#6c7565}.small{width:28px;height:28px}.board-intro{padding:34px 44px 24px;display:flex;align-items:center;justify-content:space-between;position:absolute;top:72px;left:0;right:0;z-index:2;pointer-events:none;background:linear-gradient(var(--paper) 65%,transparent)}.board-intro>*{pointer-events:auto}.eyebrow{font-size:8px;font-weight:600;letter-spacing:2.1px;color:#a6ad9a}h1{font-size:32px;font-weight:550;letter-spacing:-1px;margin:10px 0 8px}.board-intro p{font-size:12px;color:#969e8d;margin:0}.primary{background:#586e4d;color:white;border-radius:7px;padding:11px 17px;font-size:12px;box-shadow:0 2px 3px #34432b12}.primary:hover{background:#455b3b}#canvas{position:absolute;inset:72px 0 0;overflow:hidden;background-image:radial-gradient(#d8decf 0.65px,transparent .65px);background-size:22px 22px;touch-action:none}#world{position:absolute;transform-origin:0 0;width:5000px;height:5000px}#connections{position:absolute;inset:0;width:5000px;height:5000px;overflow:visible;pointer-events:none}#connections path{fill:none;stroke:#b6c3a8;stroke-width:1.5;pointer-events:stroke;cursor:pointer}#connections path:hover{stroke:#da8873;stroke-width:4}.node{position:absolute;width:250px;border:1px solid #e1e5db;border-radius:9px;background:#fff;box-shadow:0 3px 6px #36462b04,0 9px 22px #36462b03;user-select:none;touch-action:none;transition:box-shadow .15s}.node:hover{box-shadow:0 5px 20px #36462b0c}.node.selected{outline:2px solid #a6b893;outline-offset:3px}.node .handle{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#a4ac9b;font-size:9px;letter-spacing:1px;cursor:grab}.handle .dots{font-size:17px;opacity:0}.node:hover .dots,.node.selected .dots{opacity:1}.node h3{font-size:15px;line-height:1.45;margin:0 0 12px;font-weight:600;letter-spacing:-.2px}.node .body{padding:4px 20px 20px}.node .note-content{font-size:12px;line-height:1.8;color:#7c8474;max-height:230px;overflow:hidden;overflow-wrap:anywhere}.note-content p{margin:0 0 8px}.note-content h2{font-size:16px}.node.yellow{background:#fffdf1;border-color:#eae6cf}.node.green{background:#f1f5ed;border-color:#dce5d5}.node.purple{background:#f4f1fa;border-color:#e5def1}.node.pink{background:#fff2ee;border-color:#f0ded8}.node.folder{width:250px;min-height:150px}.folder-graphic{width:47px;height:34px;background:#e6c979;border:1px solid #d9b45b;border-radius:4px 5px 6px 6px;position:relative;margin:6px 0 17px;box-shadow:inset 0 3px #f4d995}.folder-graphic:before{content:'';position:absolute;width:22px;height:7px;background:#e6c979;border:1px solid #d9b45b;border-bottom:0;top:-7px;left:-1px;border-radius:4px 5px 0 0}.node.folder h3{margin-bottom:7px}.node.folder .meta{font-size:10px;color:#9ca38f}.node.folder .folder-arrow{position:absolute;right:20px;bottom:22px;color:#a6ae99;font-size:17px}.node.heading{background:none;border:0;box-shadow:none;width:300px}.node.heading .body{padding:0 3px}.node.heading h3{font-size:20px;letter-spacing:-.5px}.node.heading .handle{padding:0;height:20px}.node.heading .handle>span{visibility:hidden}.checkline{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#6d7863;margin:13px 0;line-height:1.5}.checkline input{accent-color:#71875e;width:13px;height:13px;margin:1px 0 0}.checkline.done span{text-decoration:line-through;color:#abb2a2}.progress-meta{display:flex;justify-content:space-between;font-size:9px;color:#9ba38f;margin-top:21px}.progress-track{height:4px;border-radius:5px;background:#e8ecdf;margin-top:7px;overflow:hidden}.progress-track div{height:100%;background:#8ea875;border-radius:5px}.node.image img{width:100%;display:block;max-height:300px;object-fit:cover;pointer-events:none}.node.image .body{padding:12px 15px}.node.image h3{font-size:11px;margin:0}.link-icon{width:32px;height:32px;background:#f0f3e9;display:grid;place-items:center;border-radius:8px;margin-bottom:13px;font-size:21px;color:#8b9d78}.node a{font-size:11px;color:#879a70;text-decoration:none;word-break:break-all}.file-icon{font-size:36px;color:#9bab89;margin-bottom:12px}.drop-target{outline:2px dashed #7a965d!important;background:#e8efde!important}.canvas-note{position:absolute;bottom:26px;left:35px;font-size:9px;color:#b2b9a9;pointer-events:none}.bottom-bar{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:3}.tools{pointer-events:auto;display:flex;align-items:center;gap:3px;background:#fff;border:1px solid #e3e7db;border-radius:12px;padding:7px 10px;box-shadow:0 5px 22px #263d2510}.tools button{width:53px;height:47px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.tools button>span{font-size:21px;line-height:22px;font-weight:400;color:#6d7a60}.tools small{font-size:8px;color:#9ca68f}.tools i{height:28px;border-left:1px solid #e9ede3;margin:0 5px}.tools button.active{background:#e7efdf}.zoom{position:absolute;right:26px;bottom:9px;display:flex;align-items:center;pointer-events:auto;background:#fff;border:1px solid #e4e8db;border-radius:7px;padding:4px}.zoom button{height:27px;min-width:27px;font-size:11px;border-radius:4px}#zoomValue{font-size:10px;color:#869276;width:43px}#empty{position:absolute;top:45%;text-align:center;width:100%;color:#87977c;font-size:22px;pointer-events:none}#empty small{display:block;font-size:12px;margin-top:15px;color:#a1ad97}.popup{position:fixed;z-index:20;background:white;border:1px solid #e2e7d9;border-radius:9px;padding:6px;box-shadow:0 8px 35px #24371c20;min-width:180px}.popup button{display:block;width:100%;padding:10px 13px;text-align:left;font-size:12px;border-radius:5px}.popup button.danger{color:#b36a5a}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#3f5037;color:white;padding:12px 22px;border-radius:8px;z-index:40;box-shadow:0 5px 20px #20302020;opacity:0;pointer-events:none;transition:opacity .2s;font-size:12px}#toast.show{opacity:1}dialog{border:1px solid #dfe5d7;border-radius:15px;width:580px;max-width:calc(100vw - 32px);padding:26px 30px;box-shadow:0 20px 100px #24361f25;color:var(--ink);max-height:85vh;overflow:auto}dialog::backdrop{background:#303a2827;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;color:#929d87;font-size:9px;letter-spacing:1.7px}.dialog-top button{font-size:25px;color:#929d87}#editTitle{width:100%;font-size:27px;font-weight:600;border:0;outline:0;margin:22px 0 20px;background:transparent;color:#35402e}#editBody{outline:0;min-height:145px;font-size:15px;line-height:1.8;padding:14px 0;color:#5c6854;overflow-wrap:anywhere}#editBody:empty:before{content:attr(data-placeholder);color:#b5bdac}.format-bar{border-block:1px solid #e9ede4;display:flex;padding:7px 0;gap:5px}.format-bar button{width:31px;height:29px;border-radius:4px;color:#79866e}.editor-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9ede4;padding-top:18px;margin-top:23px}.colors{display:flex;gap:8px}.colors button{width:19px;height:19px;border:1px solid #dce2d4;border-radius:50%}.colors button.active{outline:2px solid #839770;outline-offset:3px}[data-color="white"]{background:white}[data-color="yellow"]{background:#f8edb8}[data-color="green"]{background:#dbe8cf}[data-color="purple"]{background:#e5d9f4}[data-color="pink"]{background:#f7ddd4}.task-edit-row{display:flex;gap:10px;align-items:center;margin:12px 0}.task-edit-row input[type=text]{flex:1;min-width:0;border:0;border-bottom:1px solid #e6ebdf;padding:8px 0;outline:0;font-size:13px}.task-edit-row input[type=number]{width:52px;border:1px solid #e1e7d9;border-radius:4px;padding:5px;font-size:11px}.task-edit-row input[type=checkbox]{accent-color:#70875c}.task-edit-row small{color:#8a9680}.subtle{font-size:12px;color:#7a8c68;padding:10px 0}#linkEditor input,#searchInput{width:100%;padding:12px;border:1px solid #dfe6d6;border-radius:7px;margin:10px 0;outline:0}#linkEditor label{font-size:11px;color:#8c977e}#searchResults button{display:block;width:100%;text-align:left;padding:14px 10px;border-bottom:1px solid #eef1e8}#searchResults small{display:block;color:#9aa78d;margin-top:5px}#helpDialog p{font-size:13px;line-height:1.8;color:#748168}#helpDialog h2{font-size:29px;font-weight:500;line-height:1.35}#helpDialog .muted{font-size:11px;color:#9aa58e}.connect-mode .node{cursor:crosshair}.connect-mode .node:hover{outline:2px dashed #9eb58b}body.dragging,body.dragging *{cursor:grabbing!important}.node.preview{width:250px}.preview-art{height:148px;position:relative;overflow:hidden;background:linear-gradient(140deg,#cbd5bc,#e9e5d2 54%,#b8c4a5)}.building{position:absolute;background:#f4f2e5;bottom:0;left:43px;width:120px;height:126px;transform:skewY(-5deg);box-shadow:15px 10px 0 #b2b8a5}.building:before{content:'';position:absolute;inset:14px 12px 0;background:repeating-linear-gradient(0deg,transparent 0 13px,#eeeadd 13px 23px),repeating-linear-gradient(90deg,#7a8878 0 17px,#eeeadd 17px 27px)}.plant{position:absolute;bottom:-30px;right:-20px;width:125px;height:150px;background:#718365;border-radius:55% 55% 0 0;transform:rotate(-12deg)}.preview-art .art-label{position:absolute;bottom:10px;left:13px;font-size:8px;letter-spacing:1.5px;color:white;text-shadow:0 1px 5px #222}.preview .body h3{font-size:12px}.preview .body p{font-size:10px;color:#99a18e;margin:4px 0 0}@media(max-width:1100px){:root{--sidebar:205px}.zoom{right:12px;bottom:76px}.canvas-note{display:none}.header-actions{gap:10px}.board-intro{padding-left:32px}#saveStatus{max-width:125px}}@media(max-width:700px){:root{--sidebar:0px}#sidebar{display:none}header{padding:0 16px}.header-actions #export,.header-actions .avatar{display:none}.board-intro{padding:26px 20px}h1{font-size:27px}.eyebrow{font-size:7px}.board-intro p{font-size:10px}.tools{gap:0;padding:5px}.tools button{width:41px}.tools i{margin:0 1px}.bottom-bar{bottom:15px}.zoom{bottom:70px}.primary{padding:10px 12px}}
[hidden]{display:none!important}
.navigation{display:flex;align-items:center;gap:7px;min-width:0}.navigation>button{border:1px solid #e2e7da;border-radius:6px;font-size:17px;width:29px;height:29px;flex-shrink:0}.navigation>button:disabled{opacity:.3;cursor:default}#breadcrumbs{margin-left:10px;white-space:nowrap;overflow:auto}.quick-actions{display:flex;align-items:center;gap:3px;opacity:0;transition:opacity .15s}.node:hover>.handle .quick-actions,.node.selected>.handle .quick-actions,.node:focus-within>.handle .quick-actions{opacity:1}.quick-actions button{width:23px;height:23px;padding:0;border-radius:4px;font-size:16px;line-height:1;color:#89957c}.quick-actions button:hover{color:#4b6240;background:#e8efdf}.quick-actions [data-quick=delete]:hover{color:#b36052;background:#fae6df}.quick-actions .dots{opacity:1!important}.node.collection{width:570px;background:#f7f9f3;border:1px solid #d5dfc9;box-shadow:0 4px 18px #354a2606;z-index:1}.node.collection>.handle{height:31px}.node.collection>.body{padding:4px 18px 16px}.collection-toggle{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:5px 0;border-radius:6px}.collection-symbol{font-size:29px;color:#91a47b}.collection-toggle strong{display:block;font-weight:550;font-size:16px}.collection-toggle small{display:block;font-size:10px;color:#9aa58d;margin-top:5px}.collection-chevron{margin-left:auto;color:#8c9d7d;font-size:19px}.collection-space{display:grid;grid-template-columns:repeat(2,250px);align-items:start;gap:16px;padding:18px;border-top:1px solid #e1e8d8;min-height:150px;background:#edf2e670;border-radius:0 0 9px 9px;animation:unfold .18s ease-out}.collection-space>.node{position:relative!important;left:auto!important;top:auto!important;width:250px;min-width:0}.collection-space>.node.collection{grid-column:1/-1;width:100%}.collection-space .collection-space{grid-template-columns:minmax(0,1fr);padding:12px}.collection-space .collection-space>.node{width:100%}.collection-empty{grid-column:1/-1;border:1px dashed #d5dfc9;border-radius:8px;padding:25px;text-align:center;line-height:1.9;color:#a1ad93;font-size:12px}.collection-upload{font-size:11px;color:#849773;width:100%;padding:12px;border-top:1px solid #e3eadb;border-radius:0 0 9px 9px}.collection.collapsed{width:280px}.collection.collapsed>.body{padding-bottom:16px}#connections{z-index:2}#connections path{stroke-width:2;stroke:#9aad89}#nodes{position:relative}.node.heading .handle>.quick-actions{visibility:visible}@keyframes unfold{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@media(hover:none){.quick-actions{opacity:1}}@media(max-width:700px){.tools button{width:37px}.navigation{gap:4px}#breadcrumbs{margin-left:4px;max-width:240px}.header-actions #saveStatus{max-width:90px;font-size:9px}}
body.sidebar-hidden{--sidebar:0px}body.sidebar-hidden #sidebar{transform:translateX(-100%);width:244px;visibility:hidden}#sidebar{transition:transform .2s,visibility .2s}main{transition:margin-left .2s}.intro-actions{display:flex;gap:12px;align-items:center}.generate-button{font-size:12px;color:#7b886f;border:1px solid #e1e6d9;background:#fdfefb;padding:10px 12px;border-radius:7px}.generate-button:hover{background:#edf1e7}.popup-label{font-size:9px;letter-spacing:1.2px;color:#9aa68d;padding:9px 13px}.popup{max-height:calc(100vh - 16px);overflow:auto;min-width:215px}.ai-tabs{display:flex;gap:7px;padding:4px;background:#f1f4eb;border-radius:8px;margin:20px 0}.ai-tabs button{padding:10px 20px;border-radius:6px;flex:1;font-size:12px}.ai-tabs button.active{background:white;box-shadow:0 1px 5px #3246290e}.ai-status{font-size:12px;line-height:1.65;color:#7a8a6d}.chatgpt-login{display:block;background:#212721;color:#fff;text-align:center;text-decoration:none;border-radius:8px;padding:13px;margin:15px 0;font-size:14px}#aiConnect p,.ai-privacy,#aiImage p{font-size:11px;color:#96a08c;line-height:1.7}#aiDialog h2{font-size:24px;font-weight:500;letter-spacing:-.5px}.ai-label{display:block;font-size:11px;color:#859578}#aiDialog select{display:block;width:100%;margin:8px 0 15px;border:1px solid #e0e6d7;background:#fafcf6;color:#516346;border-radius:6px;padding:9px}#aiDialog textarea{display:block;width:100%;border:1px solid #dce4d3;border-radius:8px;padding:12px;font:13px/1.7 inherit;line-height:1.7;resize:vertical;color:#536548;background:#fdfefb;outline-color:#99ad86;margin:12px 0}#aiResult{border-top:1px solid #e1e7d9;padding-top:20px;margin-top:20px}.ai-account{display:flex;justify-content:space-between;gap:12px;margin-top:25px;font-size:10px}.ai-account button,.ai-account a{font-size:10px;color:#97a38b;text-decoration:none}.ai-account button{text-align:left}#toggleSidebar{font-size:15px}body.sidebar-open #sidebar{visibility:visible;transform:none}@media(max-width:900px){.generate-button span{display:none}.generate-button{font-size:19px;padding:5px 10px}.intro-actions{gap:6px}}@media(max-width:700px){body.sidebar-open #sidebar{display:flex;width:244px;box-shadow:8px 0 25px #20301520;padding-top:75px}body.sidebar-open #toggleSidebar{position:fixed;left:18px;top:22px;z-index:10;background:#f4f5ef}body.sidebar-open main{margin-left:0}#breadcrumbs{max-width:190px}.board-intro{gap:10px}.board-intro p{max-width:280px}}
.node.collection:not(.collapsed){display:flex;flex-direction:column;min-width:300px;min-height:210px}.node.collection>.handle,.node.collection>.body,.collection-upload{flex-shrink:0}.collection-space{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-content:start;min-height:80px;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbd7bf transparent}.collection-space>.node{width:100%;max-width:none}.collection-space>.node.collection{max-width:100%;min-width:0}.resize-collection{position:absolute;right:3px;bottom:3px;width:24px;height:24px;font-size:16px;line-height:1;color:#9bad8b;cursor:nwse-resize;touch-action:none;padding:0;border-radius:5px;z-index:4}.resize-collection:hover{background:#e0e9d6;color:#617950}.node.collection .collection-upload{padding-right:35px}#canvas:has(.collection-space:hover){overscroll-behavior:contain}
.node.heading{width:max-content;max-width:460px;min-width:150px;background:transparent!important;border:0!important}.node.heading>.body{padding:0}.node.heading h3{padding:10px 15px;border-radius:5px;margin:0;color:#111;overflow-wrap:anywhere;font-size:20px}.node.heading>.handle{position:absolute;top:-25px;left:0;right:0;height:25px;justify-content:flex-end}.node.heading>.handle>span{display:none}.node.shape{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;min-width:50px;min-height:50px}.node.shape>.body{padding:0;width:100%;height:100%;cursor:grab}.node.shape>.handle{position:absolute;top:-27px;right:0;left:0;height:27px;justify-content:flex-end;padding:0}.node.shape>.handle>span{display:none}.shape-svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.shape-svg>*{fill:var(--shape-fill);stroke:var(--shape-stroke);stroke-width:var(--shape-stroke-width);vector-effect:non-scaling-stroke;stroke-linejoin:round}.resize-shape{position:absolute;right:-6px;bottom:-6px;width:20px;height:20px;background:#fafcf5;border:1px solid #c8d3bd;border-radius:4px;font-size:12px;padding:0;color:#738b61;cursor:nwse-resize;touch-action:none;opacity:0}.node.shape:hover>.resize-shape,.node.shape.selected>.resize-shape{opacity:1}.shape-menu-icon{display:inline-block;width:28px;font-size:22px;vertical-align:middle;color:#6c805c}#appearanceEditor{border-top:1px solid #e5eadf;padding-top:18px}.appearance-title{font-size:9px;letter-spacing:1.6px;color:#97a38c;margin-bottom:15px}.appearance-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.appearance-controls label{display:flex;align-items:center;gap:7px;font-size:12px;color:#79866c}.appearance-controls input[type=color]{width:29px;height:29px;padding:2px;border:1px solid #dce5d2;background:#fff;border-radius:5px;cursor:pointer}.appearance-controls input[type=checkbox]{accent-color:#6d8659}.appearance-controls select{border:1px solid #dce5d2;border-radius:5px;background:white;padding:5px;color:#718363}#appearancePreview{margin-top:20px;min-height:100px;display:flex;align-items:center;justify-content:center;padding:18px;background-color:#fafbf8;background-image:linear-gradient(45deg,#e9ece3 25%,transparent 25%),linear-gradient(-45deg,#e9ece3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ece3 75%),linear-gradient(-45deg,transparent 75%,#e9ece3 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border-radius:8px}#appearancePreview .shape-svg{width:170px;height:110px}#appearancePreview>span{padding:9px 15px;border-radius:5px;font-size:20px;color:#111;overflow-wrap:anywhere;max-width:100%}.node.shape.selected{outline:1px dashed #92a77e;outline-offset:5px}@media(hover:none){.resize-shape{opacity:1}}@media(max-width:700px){.tools button{width:33px}.tools small{font-size:7px}.tools{padding:5px 3px}.tools i{margin:0}}
.shape-rail{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:4px;padding:7px 5px;background:#fffffff5;border:1px solid #e0e6d9;border-radius:11px;box-shadow:0 4px 18px #2e422413;backdrop-filter:blur(8px)}.shape-rail button{width:33px;height:33px;padding:7px;display:grid;place-items:center;border-radius:6px;color:#77866b}.shape-rail button:hover,.shape-rail button.active{background:#eaf0e2;color:#445e36}.shape-rail button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.shape-rail i{height:1px;background:#e4eadd;margin:5px 4px}.shape-svg>line{fill:none;stroke-linecap:round}@media(max-width:700px){.shape-rail{right:9px;padding:5px 3px;gap:2px}.shape-rail button{width:30px;height:30px;padding:6px}}
.node.collection:not(.collapsed){height:460px}.collection-space{display:block!important;padding:0!important;position:relative;overflow:auto;touch-action:pan-x pan-y;background-image:radial-gradient(#cad4bf .7px,transparent .7px);background-size:20px 20px;border-radius:0;isolation:isolate}.collection-surface{position:relative;min-width:100%;min-height:100%}.collection-surface>.node{position:absolute!important;max-width:none;max-height:none}.collection-surface>.node.collection{min-width:300px}.collection-space .collection-space{display:block;padding:0}.collection-surface>.collection-empty{position:absolute;left:24px;top:24px;width:300px;pointer-events:none;background:#fafcf680}.drag-ghost,.drag-ghost *{pointer-events:none!important}.collection-surface>.node.heading{width:max-content}

#headingTextControls{margin-top:18px;padding-top:16px;border-top:1px solid #e5eadf}
#canvas.drawing-mode,#canvas.drawing-mode .node,#canvas.drawing-mode .node .body,#canvas.drawing-mode .handle{cursor:crosshair}.shape-drawing-preview{position:absolute;pointer-events:none;z-index:10;opacity:.8}.shape-drawing-preview *{pointer-events:none}.node.shape{min-width:1px;min-height:1px}.drawn-line path{fill:none;stroke-linecap:round}.shape-rail button.active{box-shadow:inset 0 0 0 1px #a8bb95}

.node.heading{min-width:0;max-width:1600px}.resize-heading{position:absolute;right:-7px;bottom:-7px;width:20px;height:20px;background:#fafcf5;border:1px solid #c8d3bd;border-radius:4px;font-size:12px;padding:0;color:#738b61;cursor:nwse-resize;touch-action:none;opacity:0}.node.heading:hover>.resize-heading,.node.heading.selected>.resize-heading{opacity:1}#headingFontSize{width:65px;border:1px solid #dce5d2;border-radius:5px;padding:6px;color:#516346}#appearancePreview{overflow:auto;max-height:300px}@media(hover:none){.resize-heading{opacity:1}}

.node.image>.body{display:none}.node.image img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:8px;display:block}.node.image>.handle{position:absolute;top:-27px;left:0;right:0;height:27px;padding:0;justify-content:flex-end}.node.image>.handle>span{display:none}.resize-image{position:absolute;right:-7px;bottom:-7px;width:20px;height:20px;background:#fafcf5;border:1px solid #c8d3bd;border-radius:4px;font-size:12px;padding:0;color:#738b61;cursor:nwse-resize;touch-action:none;opacity:0}.node.image:hover>.resize-image,.node.image.selected>.resize-image{opacity:1}@media(hover:none){.resize-image{opacity:1}}

.node.selection-reference{outline:2px solid #425f32!important;outline-offset:4px}#selectionHint{position:absolute;bottom:102px;left:50%;transform:translateX(-50%);z-index:5;max-width:calc(100% - 110px);padding:8px 14px;border:1px solid #dce4d3;border-radius:7px;background:#fffffff2;color:#718164;font-size:10px;text-align:center;pointer-events:none;box-shadow:0 3px 10px #24391b08}

header .header-actions{gap:14px;flex-shrink:0}.header-create{display:flex;gap:5px;align-items:center}.header-actions .header-create button{display:grid;place-items:center;width:32px;height:32px;padding:6px;border:1px solid #e2e7dc;border-radius:7px;background:transparent;color:#708063;box-shadow:none}.header-create svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.header-actions .header-create button:hover{background:#edf2e7;color:#405936}header .navigation{flex:1;overflow:hidden}header #breadcrumbs{min-width:0}header{gap:16px}@media(max-width:700px){header{gap:8px;padding:0 12px}.header-actions{gap:8px!important}header #saveStatus{display:none}.header-create{gap:4px}.header-actions .header-create button{width:30px;height:30px}}

.bottom-bar .tools{gap:2px;padding:5px 7px;border-radius:10px}.bottom-bar .tools button{width:34px;height:34px;gap:0;padding:5px;border-radius:6px}.bottom-bar .tools button>span{font-size:20px;line-height:22px}.bottom-bar .tools i{height:21px;margin:0 4px}.bottom-bar{bottom:22px}#selectionHint{bottom:80px}@media(max-width:700px){.bottom-bar{bottom:15px}.bottom-bar .tools{padding:4px 5px;gap:1px}.bottom-bar .tools button{width:31px;height:32px}.bottom-bar .tools i{margin:0 3px}}
.node.note,.node.task,.node.folder,.node.priority,.node.link,.node.file,.node.preview{display:flex;flex-direction:column}.node.note>.handle,.node.task>.handle,.node.folder>.handle,.node.priority>.handle,.node.link>.handle,.node.file>.handle,.node.preview>.handle{flex-shrink:0}.node.note>.body,.node.task>.body,.node.folder>.body,.node.priority>.body,.node.link>.body,.node.file>.body,.node.preview>.body{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.node.note .note-content,.node.task .note-content,.node.priority .note-content{max-height:none;overflow:visible}.resize-card{position:absolute;right:-7px;bottom:-7px;width:20px;height:20px;background:#fafcf5;border:1px solid #c8d3bd;border-radius:4px;font-size:12px;padding:0;color:#738b61;cursor:nwse-resize;touch-action:none;opacity:0;z-index:4}.node:hover>.resize-card,.node.selected>.resize-card{opacity:1}.folder-custom-icon{width:54px;height:48px;object-fit:contain;display:block;margin:4px 0 14px;border-radius:7px;pointer-events:none}.folder-symbol{display:block;font-size:39px;line-height:1.2;margin:4px 0 14px}.folder-custom-icon.small-icon{width:32px;height:32px;margin:0;flex-shrink:0}.folder-symbol.small-icon{font-size:29px;margin:0;flex-shrink:0}.folder-icon-settings{display:flex;gap:18px;align-items:center;padding-bottom:18px}.folder-icon-settings>#folderIconPreview{min-width:64px;display:grid;place-items:center}.folder-icon-settings .folder-graphic{margin:0}#folderIconChoices{display:flex;flex-wrap:wrap;gap:4px}#folderIconChoices button{font-size:20px;border-radius:5px;width:32px;height:32px;padding:2px}#folderIconChoices button.active{background:#e2ebd7;outline:1px solid #b7c7a6}.icon-upload-row{display:flex;gap:10px;margin-top:10px}.icon-upload-row button{border:1px solid #dfe6d6;border-radius:6px;padding:7px 10px;font-size:11px;color:#718660}#folderIconStatus{display:block;font-size:10px;color:#8b9b7d;margin-top:6px}.priority-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.7px;color:#8c9b7c;margin:3px 0 13px}.priority-dot{width:6px;height:6px;background:#8bA973;border-radius:50%}.node.priority h3{font-size:16px;margin-bottom:14px}.priority-value{font-size:44px;line-height:1;font-weight:400;letter-spacing:-2px;color:#566e45}.priority-value small{font-size:17px;margin-left:5px;color:#92a47f;letter-spacing:0}.priority-track{height:4px;border-radius:5px;background:#dfe7d6;margin:17px 0}.priority-track>span{display:block;height:100%;border-radius:5px;background:#8ca774}.priority-edit-value{display:flex;align-items:center;justify-content:space-between;color:#8b9a7f;font-size:12px}.priority-edit-value output{font-size:36px;color:#607a4e;letter-spacing:-1px}#priorityRange{width:100%;accent-color:#829e69;margin:18px 0}#priorityEditor{padding:5px 0 22px}#priorityEditor label{font-size:12px;color:#7f8f72}#priorityNumber{width:65px;border:1px solid #dce5d2;border-radius:5px;padding:6px;margin-left:10px}.format-bar{flex-wrap:wrap;align-items:center}.format-bar select{border:1px solid #e0e6d9;border-radius:5px;background:#fafcf6;color:#718164;font-size:11px;height:29px;padding:3px}.format-bar input[type=color]{width:29px;height:29px;padding:2px;border:1px solid #e0e6d9;border-radius:5px;background:white;cursor:pointer}.node.preview .preview-art{flex-shrink:0}@media(hover:none){.resize-card{opacity:1}}@media(max-width:700px){.bottom-bar .tools button{width:29px}}

.tree-folder-icon{width:18px;height:18px;display:grid;place-items:center;flex-shrink:0;color:#a6ae93}.tree-folder-icon .folder-custom-icon.small-icon{width:18px;height:18px;border-radius:3px}.tree-folder-icon .folder-symbol.small-icon{font-size:16px}
#pinterestToggle{position:fixed;right:24px;bottom:82px;z-index:7;display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:11px;padding:10px 14px;font-size:12px;box-shadow:0 4px 18px #3036310c}#pinterestToggle b,.pin-header b{color:#bd1732;font-family:Georgia,serif;font-style:italic;font-size:23px}#pinterestPanel{position:fixed;z-index:18;right:24px;bottom:132px;width:365px;height:485px;min-width:280px;min-height:260px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 150px);resize:both;overflow:auto;background:#fff;border:1px solid #e3e5de;border-radius:15px;box-shadow:0 16px 60px #28302725}#pinterestPanel[hidden]{display:none}.pin-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:1}.pin-header strong{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:500}.pin-header button{font-size:24px}.pin-content{padding:18px;display:flex;flex-direction:column;gap:15px;font-size:12px}.pin-content p{margin:0;line-height:1.65;color:#7d8479}.pin-content small{color:#949b90;line-height:1.6}.pin-open{display:block;border:1px solid #e4e6df;border-radius:8px;padding:11px;text-align:center;text-decoration:none;color:var(--ink);font-size:12px}#pinDrop{border:1px dashed #cbd2c3;border-radius:10px;padding:25px 10px;text-align:center;line-height:1.8;background:#fafbf7}.pin-input{display:flex;gap:7px;margin-top:8px}.pin-input input{min-width:0;flex:1;border:1px solid var(--line);border-radius:7px;padding:10px;font-size:12px}.pin-input button{background:#bd1732;color:white;border-radius:7px;width:38px;font-size:21px}.quick-actions .image-download{font-size:17px;color:inherit;padding:2px 6px;border-radius:4px}.image-download:hover{background:#edf1e7}@media(max-width:1100px){#pinterestToggle{right:12px;bottom:144px}#pinterestPanel{right:12px;bottom:195px;max-height:calc(100dvh - 215px)}}

/* Compact Pinterest link importer. */
#pinterestPanel{height:76px;min-height:76px;padding:16px;resize:horizontal}#pinterestPanel .pin-input{margin:0}

/* Keep backdrop shapes below cards and connections, including inside mini boards. */
.node,.node.collection{z-index:3}
.node.shape.layer-background{z-index:0}
.node.shape.layer-foreground{z-index:4}
.collection-surface{isolation:isolate}
#accountButton{display:grid;place-items:center;padding:7px}.read-only .header-create,.read-only .tools,.read-only .shape-rail,.read-only #newProject,.read-only #pinterestToggle,.read-only .quick-actions button,.read-only [class^="resize-"],.read-only .collection-upload{display:none!important}.read-only input[data-task]{pointer-events:none}.no-download #export,.no-download .image-download,.no-download .node.file a{display:none!important}#accountDialog{width:480px}#accountDialog form>label{display:block;margin:14px 0;font-size:12px;color:#76816c}#accountDialog input:not([type=checkbox]){display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #dfe5d7;border-radius:7px;background:#fcfdf9;color:var(--ink)}.account-section,.account-user-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-user-row{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.account-user-row button{color:#60764f}.account-error{color:#b04d49;font-size:12px;line-height:1.5}.account-error:empty{display:none}#userForm{border-top:1px solid var(--line);margin-top:20px;padding-top:8px}#userForm p{color:#87927d;font-size:12px;line-height:1.6}#userBoards{max-height:190px;overflow:auto;border:1px solid var(--line);padding:10px;border-radius:8px}#userBoards label{display:flex;gap:7px;padding:6px;font-size:12px}#accountDialog .account-check{display:flex;gap:7px;align-items:center}#accountDialog input[type=checkbox]{accent-color:#6f895d}
#controlModes{position:absolute;left:16px;bottom:25px;z-index:6;display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fffffff2;box-shadow:0 3px 12px #30363108}#controlModes button{font-size:10px;padding:6px 8px;border-radius:5px;color:#89917f}#controlModes button.active{background:#e9efdf;color:#526849}body.board-panning,body.board-panning *{cursor:grabbing!important}body[data-control-mode=phone] #canvas{touch-action:none;overscroll-behavior:none}body[data-control-mode=phone] .node.selected>.handle .quick-actions{opacity:1}body[data-control-mode=phone] .quick-actions button{min-width:28px;min-height:28px}body[data-control-mode=phone] .node>.handle{min-height:30px}body[data-control-mode=phone] #controlModes button{min-height:32px}@media(max-width:1100px){#controlModes{bottom:83px;left:12px}}@media(max-width:700px){#controlModes{bottom:78px;left:8px}#controlModes button{padding:5px 7px}}

/* Additional soft card colors, shared by existing and new elements. */
[data-color="blue"]{background:#d4e5f8}.node.blue{background:#eff6fd;border-color:#d5e3f1}
[data-color="teal"]{background:#c8e8e2}.node.teal{background:#edf8f5;border-color:#cee5de}
[data-color="peach"]{background:#f6d6b8}.node.peach{background:#fff4e9;border-color:#efddc9}
[data-color="sand"]{background:#e7d9bd}.node.sand{background:#f8f4eb;border-color:#e5dcc9}
[data-color="gray"]{background:#dce1e5}.node.gray{background:#f1f3f5;border-color:#dce1e5}
.editor-bottom{gap:16px}.editor-bottom .colors{flex-wrap:wrap;row-gap:12px}.editor-bottom .colors button{flex:0 0 19px}.editor-bottom>.primary{flex-shrink:0}

/* Keep mobile controls inside the visible viewport, above browser chrome and the menu. */
main{height:100dvh}
@media(max-width:700px){
 #controlModes{position:fixed;left:max(8px,env(safe-area-inset-left));bottom:calc(78px + env(safe-area-inset-bottom));z-index:12;max-width:calc(100vw - 16px);background:#fff}
 #controlModes button{min-height:36px;padding:6px 9px;font-size:11px}
 .bottom-bar{bottom:calc(15px + env(safe-area-inset-bottom))}
}