.mind-toolbar,.mind-tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.mind-toolbar label{min-width:200px}.mind-tabs button[aria-pressed=true]{background:var(--orange);color:#171819}.mind-toolbar #mind-state{color:var(--muted);font-size:13px}.mind-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px}.mind-inspector{padding:20px;border:1px solid var(--line);border-radius:20px;display:grid;align-content:start;gap:12px}.mind-inspector h2{font-size:22px}.mind-inspector label{font-size:13px}.mind-viewport{height:65vh;min-height:400px;overflow:auto;border:1px solid var(--line);border-radius:22px;background:radial-gradient(var(--line) 1px,transparent 1px) 0 0/24px 24px}.mind-world{position:relative;width:2400px;height:1500px;transform-origin:top left}.mind-links{position:absolute;inset:0;pointer-events:none}.mind-links path{stroke:var(--orange);stroke-width:3;fill:none;opacity:.65}.mind-node{position:absolute;width:240px;min-height:130px;border-radius:18px;background:var(--node-color);color:#191822;border:3px solid transparent;box-shadow:0 8px 24px #0002}.mind-node.selected{border-color:#fff;outline:3px solid var(--orange)}.mind-node button{background:none;color:inherit;border:0}.mind-grip{position:absolute;top:3px;right:4px;touch-action:none;cursor:grab;z-index:1}.mind-node-title{width:100%;text-align:left;padding:24px 18px!important;display:grid;gap:10px;white-space:normal}.mind-node-title strong{overflow-wrap:anywhere;font-size:19px}.mind-node-title small,.mind-node-title span{font-size:12px}.mind-empty{position:absolute;top:100px;left:80px;max-width:420px;color:var(--muted)}.mind-portfolio{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.mind-portfolio button{display:block;text-align:left;white-space:normal;padding:22px;border-radius:18px}.mind-portfolio h3{font-size:23px;overflow-wrap:anywhere}.mind-portfolio p{font-size:14px;color:var(--muted);line-height:1.5}.mind-portfolio progress{width:100%;accent-color:var(--orange)}.mind-portfolio span{display:block;font-size:12px;margin-top:12px}.mind-agenda{display:grid;gap:10px}.mind-agenda button{display:grid;grid-template-columns:120px minmax(0,1fr) 160px;text-align:left;gap:18px;padding:18px;white-space:normal}.mind-agenda strong{overflow-wrap:anywhere}.mind-agenda span{font-size:13px;color:var(--muted)}@media(max-width:800px){.mind-workspace{grid-template-columns:1fr}.mind-inspector{grid-template-columns:1fr 1fr;padding:15px}.mind-inspector h2,.mind-inspector p{grid-column:1/-1}.mind-inspector>*{min-width:0}.mind-agenda button{grid-template-columns:1fr;gap:7px}.mind-viewport{height:55vh}}
.mind-workspace>section,.mind-workspace>aside{min-width:0}.mind-inspector input,.mind-inspector select{width:100%;min-width:0}.mind-toolbar select{max-width:100%}.mind-toolbar label{max-width:100%}


/* Spacious, branch-first canvas. The original Studio colours remain authoritative. */
.mind-workspace{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:16px}
.mind-workspace>section{grid-column:1;grid-row:1}.mind-inspector{grid-column:2;grid-row:1;background:var(--panel);padding:17px;max-height:75vh;overflow:auto;border-radius:16px}
.mind-inspector h2{font-size:17px;margin-bottom:0}.mind-inspector button{font-size:12px}.mind-inspector .note-hint{line-height:1.6;font-size:11px}
.mind-workspace>section>.mind-toolbar{background:var(--panel);border:1px solid var(--line);padding:10px;border-radius:14px;margin-bottom:10px;gap:6px}.mind-workspace .mind-toolbar button{font-size:11px;min-height:38px;padding:8px 10px}
.mind-viewport{height:70vh;min-height:480px;border-radius:16px;background-color:var(--bg);cursor:grab;overscroll-behavior:contain;touch-action:pan-x pan-y}.mind-viewport.is-panning{cursor:grabbing;user-select:none}
.mind-links path{stroke-width:4;stroke-linecap:round;opacity:.85}
.mind-node{min-height:130px;background:var(--panel);color:var(--ink);border:2px solid var(--node-color);border-radius:18px;box-shadow:0 5px 18px #0002;border-bottom-width:5px}
.mind-node.selected{border-color:var(--node-color);outline:3px solid var(--node-color);outline-offset:5px}.mind-node-title{padding:22px 18px!important}.mind-node-title strong{font-size:19px}.mind-node-title small{color:var(--node-color);font-size:10px;letter-spacing:.08em}.mind-node-title span{color:var(--muted);font-size:11px}.mind-grip{color:var(--node-color)!important}.mind-node button:hover{background:transparent!important}
.mind-empty{top:80px;left:70px;padding:30px;border:1px dashed var(--line);border-radius:22px;background:var(--panel);max-width:560px}.mind-empty button{margin:8px 8px 0 0}.mind-empty h2{margin-top:18px}
.mind-expanded{position:fixed;inset:12px;z-index:110;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:15px;box-shadow:0 0 0 30px #0009;overflow:auto}.mind-expanded .mind-viewport{height:calc(100dvh - 135px)}.mind-expanded .mind-inspector{max-height:calc(100dvh - 56px)}
@media(max-width:950px){.mind-workspace{grid-template-columns:minmax(0,1fr)}.mind-workspace>section{grid-column:1;grid-row:1}.mind-inspector{grid-column:1;grid-row:2;grid-template-columns:1fr 1fr;max-height:none}.mind-inspector h2,.mind-inspector p{grid-column:1/-1}.mind-viewport{height:60vh;min-height:360px}.mind-expanded{inset:6px;padding:10px}.mind-expanded .mind-viewport{height:65dvh}.mind-expanded .mind-inspector{max-height:none}}
@media(max-width:500px){.mind-inspector{grid-template-columns:1fr}.mind-workspace .mind-toolbar button{min-height:44px}.mind-toolbar #mind-state{flex-basis:100%}.mind-empty{left:25px;width:420px}.mind-portfolio{grid-template-columns:1fr}}
body:has(.mind-expanded) #poke-assistant,body:has(.mind-expanded) #poke-walker,body:has(.mind-expanded) .flash-fab{display:none!important}
body:has(.mind-expanded) .sidebar{visibility:hidden!important;pointer-events:none!important}
.mind-project-tools{display:grid;gap:12px;padding-bottom:18px;margin-bottom:5px;border-bottom:1px solid var(--line)}.mind-project-tools h3{font-size:16px;margin:0;color:var(--orange)}.mind-project-tools small,.mind-project-tools p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.mind-project-tools button{border-color:var(--orange)}
.mind-pokemon-mark{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);font-size:11px;pointer-events:none}.mind-pokemon-mark img{width:36px;height:36px;image-rendering:pixelated;border-radius:6px}.mind-linked-badge{display:block;padding:0 18px 9px;color:var(--node-color);font-size:9px;font-weight:700;letter-spacing:.04em;pointer-events:none}
html[data-theme^="poke-"] .mind-node{background:color-mix(in srgb,var(--node-color) 10%,var(--panel))}
html[data-theme^="poke-"][data-theme-decor=on] .mind-viewport{background-image:radial-gradient(var(--line) 1px,transparent 1px),linear-gradient(135deg,color-mix(in srgb,var(--orange) 7%,var(--bg)),var(--bg));background-size:24px 24px,100% 100%}
.mind-expanded:has(.mind-pokemon-mark) .mind-viewport{height:calc(100dvh - 200px)}
@media(max-width:950px){.mind-project-tools{grid-column:1/-1}.mind-expanded:has(.mind-pokemon-mark) .mind-viewport{height:55dvh}}
html[data-theme-decor=off] .mind-pokemon-mark{display:none}