.mind-map-page{--map-accent:#5b4bdb;--map-deep:#242044;--map-soft:#eeebff;background:var(--cream);overflow-x:hidden}
.mind-hero{display:grid;gap:48px;align-items:center;padding:52px 0 88px}
.mind-hero h1{font:700 clamp(43px,10vw,70px)/1.04 'Fredoka';letter-spacing:-.035em;margin:13px 0 22px}
.mind-hero h1 em{color:var(--map-accent);font-style:normal}
.mind-hero>div:first-child>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:17px}
.mind-hero .button{margin-top:13px}
.hero-trust{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:23px;color:var(--muted);font-size:12px;font-weight:700}
.mind-preview{position:relative;min-height:360px;border-radius:32px;background:linear-gradient(145deg,#ece9ff,#fff8d9);overflow:hidden;box-shadow:0 22px 48px rgba(43,35,104,.12)}
.mind-preview span{position:absolute;z-index:2;display:grid;place-items:center;min-width:112px;min-height:53px;padding:11px 15px;border-radius:16px;background:#fff;box-shadow:0 12px 24px rgba(43,35,104,.13);font:700 14px 'Fredoka';text-align:center}
.mind-preview .preview-root{left:50%;top:50%;min-width:150px;min-height:70px;border-radius:23px;background:var(--map-accent);color:#fff;transform:translate(-50%,-50%);font-size:18px}
.preview-node.one{left:7%;top:13%;color:#3f34a5}.preview-node.two{right:7%;top:15%;color:#16705b}.preview-node.three{left:8%;bottom:13%;color:#a35a00}.preview-node.four{right:6%;bottom:12%;color:#b33f32}
.mind-preview i{position:absolute;z-index:1;left:50%;top:50%;width:28%;height:3px;border-radius:4px;background:#bdb6e7;transform-origin:left center}.mind-preview .l1{transform:rotate(-145deg)}.mind-preview .l2{transform:rotate(-35deg)}.mind-preview .l3{transform:rotate(145deg)}.mind-preview .l4{transform:rotate(35deg)}
.editor-section{padding:78px 0;background:#eeebff;scroll-margin-top:18px}
.editor-heading{display:grid;gap:8px;margin-bottom:25px}.editor-heading h2,.export-panel h2,.section-heading h2{font:700 clamp(34px,7vw,49px)/1.08 'Fredoka';margin:6px 0}.save-state{display:flex;flex-direction:column;color:var(--muted);font-size:12px}.save-state span{color:#278267;font-weight:800}.save-state span[data-error]{color:#b43d2b}
.map-manager{display:grid;gap:14px;margin-bottom:17px;padding:18px;border:1px solid #d9d4ef;border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(43,35,104,.06)}
.map-manager label,.node-panel label,.export-controls>label{display:grid;gap:6px;color:#5d5872;font-size:12px;font-weight:800}
.map-manager input,.map-manager select,.node-panel textarea,.node-panel select,.export-controls select{width:100%;min-width:0;border:1px solid #dcd8e9;border-radius:11px;background:#fff;color:var(--ink);padding:11px 12px;font:500 14px 'DM Sans';resize:vertical}
.map-manager input:focus,.map-manager select:focus,.node-panel textarea:focus,.node-panel select:focus,.export-controls select:focus{outline:3px solid rgba(91,75,219,.15);border-color:var(--map-accent)}
.manager-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.manager-actions button{min-height:43px}.manager-actions .danger{padding-inline:12px}
.editor-shell{display:grid;gap:14px}
.node-panel{display:grid;align-content:start;gap:16px;padding:18px;border:1px solid #d9d4ef;border-radius:22px;background:#fff;box-shadow:0 15px 32px rgba(43,35,104,.07)}
.panel-title{display:flex;flex-direction:column;padding-bottom:12px;border-bottom:1px solid var(--line)}.panel-title span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.panel-title b{font:700 19px 'Fredoka'}
.node-actions,.history-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.node-actions button,.history-actions button{min-height:42px;border:1px solid #cfc9eb;border-radius:11px;background:#f8f7ff;color:#40369d;font:700 12px 'DM Sans';cursor:pointer}.node-actions button:hover,.history-actions button:hover{background:#eeebff}.node-actions button:disabled,.history-actions button:disabled{opacity:.45;cursor:not-allowed}.node-actions .danger-action{border-color:#f0c9c3;background:#fff2ef;color:#ae3d2c}
.node-panel fieldset{margin:0;padding:0;border:0}.node-panel legend{margin-bottom:7px;color:#5d5872;font-size:12px;font-weight:800}.color-options{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.color-options button{aspect-ratio:1;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d8d4e4;cursor:pointer}.color-options button[aria-pressed=true]{box-shadow:0 0 0 3px var(--map-deep)}.color-options [data-color=purple]{background:#5b4bdb}.color-options [data-color=blue]{background:#3d7edb}.color-options [data-color=green]{background:#38a884}.color-options [data-color=yellow]{background:#f4bd30}.color-options [data-color=coral]{background:#ef715f}.color-options [data-color=gray]{background:#77738b}.panel-tip{margin:0;padding:12px;border-radius:12px;background:#f7f5ff;color:var(--muted);font-size:11px}
.canvas-column{min-width:0}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:9px 12px;border:1px solid #d9d4ef;border-bottom:0;border-radius:20px 20px 0 0;background:#fff}.canvas-toolbar>span{color:var(--muted);font-size:12px}.canvas-toolbar>span b{color:var(--map-accent)}.canvas-toolbar>div{display:flex;gap:6px}.canvas-toolbar button{min-width:36px;height:35px;border:1px solid #d7d2e7;border-radius:10px;background:#fff;color:var(--ink);font:700 12px 'DM Sans';cursor:pointer}.canvas-toolbar button:hover{background:#f1efff}.canvas-toolbar #fitCanvas{padding-inline:10px}
.canvas-viewport{position:relative;height:590px;border:1px solid #d9d4ef;border-radius:0 0 22px 22px;background:#faf9fd;overflow:hidden;touch-action:none;box-shadow:0 15px 32px rgba(43,35,104,.07)}
#mindMapCanvas{display:block;width:100%;height:100%;cursor:grab;user-select:none}#mindMapCanvas.is-panning{cursor:grabbing}.canvas-background{pointer-events:all}.map-edge{fill:none;stroke:#b5afca;stroke-width:4;stroke-linecap:round}.map-node{cursor:grab}.map-node:active{cursor:grabbing}.map-node .node-shape{stroke:#fff;stroke-width:4;filter:drop-shadow(0 7px 7px rgba(43,35,104,.16))}.map-node.selected .node-shape{stroke:#242044;stroke-width:5}.map-node text{fill:#fff;font:700 17px 'DM Sans';text-anchor:middle;pointer-events:none}.map-node[data-color=yellow] text{fill:#594300}.map-node[data-color=gray] text{fill:#fff}.map-node .node-add{display:none;fill:#fff;stroke:#5b4bdb;stroke-width:3}.map-node.selected .node-add{display:block}.map-node .node-add-text{display:none;fill:#5b4bdb;font-size:20px}.map-node.selected .node-add-text{display:block}
#canvasHint{position:absolute;left:50%;bottom:12px;max-width:calc(100% - 24px);margin:0;padding:6px 10px;border-radius:20px;background:rgba(36,32,68,.86);color:#fff;font-size:10px;text-align:center;transform:translateX(-50%);pointer-events:none}
.export-panel{display:grid;gap:22px;margin-top:17px;padding:25px;border-radius:24px;background:var(--map-deep);color:#fff}.export-panel .eyebrow{color:#c9c3ff}.export-panel h2{font-size:36px}.export-panel p{margin:0;color:#c9c5d9}.export-controls{display:grid;gap:12px}.export-controls>label{color:#ddd9ec}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.export-actions button{min-height:44px}.export-actions .dark{border-color:#514c72;background:#373253;color:#fff}.export-actions .share-link{border-color:#ffd65a;background:#ffd65a;color:#4a3c00}.export-panel .status-message{min-height:22px;margin:0;color:#ffd65a;font-size:12px;font-weight:800}.export-panel .status-message.error{color:#ff9b8c}
.template-section,.guide-section{padding:84px 0}.section-heading>p:last-child{max-width:650px;color:var(--muted)}.template-grid{display:grid;gap:12px;margin-top:28px}.template-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:left;cursor:pointer}.template-card:hover{border-color:#afa7e6;box-shadow:0 10px 25px rgba(43,35,104,.08)}.template-card>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eeebff;font-size:21px}.template-card b{display:block;font:700 17px 'Fredoka'}.template-card small{display:block;color:var(--muted)}.template-card>i{color:var(--map-accent);font-style:normal;font-weight:800}.guide-section{padding-top:20px}.guide-grid{display:grid;gap:14px;margin-top:27px}.guide-grid article{padding:22px;border:1px solid var(--line);border-radius:21px;background:#fff}.guide-grid span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#eeebff;color:#40369d;font:700 13px 'Fredoka'}.guide-grid h3{font:700 22px 'Fredoka';margin:13px 0 5px}.guide-grid p{margin:0;color:var(--muted)}
@media(min-width:760px){.mind-hero{grid-template-columns:1.02fr .98fr;gap:70px;padding:75px 0 105px}.editor-heading{grid-template-columns:1fr auto;align-items:end}.save-state{text-align:right}.map-manager{grid-template-columns:1.35fr 1fr 1fr;align-items:end}.manager-actions{grid-column:1/-1;grid-template-columns:auto auto auto;justify-content:end}.export-panel{grid-template-columns:.8fr 1.2fr;align-items:center;padding:30px}.template-grid{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:980px){.editor-shell{grid-template-columns:245px minmax(0,1fr)}.node-panel{border-radius:22px}.canvas-viewport{height:650px}}
@media(max-width:700px){.mind-hero{padding-top:35px}.mind-preview{min-height:315px}.preview-node.one,.preview-node.three{left:3%}.preview-node.two,.preview-node.four{right:3%}.editor-section{padding:62px 0}.map-manager{padding:15px}.manager-actions{grid-template-columns:1fr 1fr}.manager-actions .danger{grid-column:1/-1}.node-panel{grid-template-columns:1fr 1fr}.node-panel .panel-title,.node-panel>label:first-of-type,.node-panel .node-actions,.node-panel fieldset,.node-panel .panel-tip{grid-column:1/-1}.canvas-viewport{height:520px}.canvas-toolbar{align-items:flex-start;flex-direction:column}.canvas-toolbar>div{width:100%}.canvas-toolbar button{flex:1}.export-actions{grid-template-columns:1fr}.template-section,.guide-section{padding:62px 0}}
@media(max-width:430px){.mind-preview span{min-width:92px;padding-inline:9px;font-size:12px}.mind-preview .preview-root{min-width:132px;font-size:16px}.node-panel{display:grid;grid-template-columns:1fr 1fr;padding:14px}.canvas-viewport{height:480px}.canvas-toolbar #fitCanvas{font-size:0}.canvas-toolbar #fitCanvas:after{content:'Pas';font-size:12px}.template-card small{font-size:11px}}
@media print{.nav,.mind-hero,.editor-heading,.map-manager,.node-panel,.canvas-toolbar,.export-panel,.template-section,.guide-section,footer,#canvasHint{display:none!important}.editor-section{padding:0;background:#fff}.editor-shell{display:block}.canvas-viewport{height:95vh;border:0;box-shadow:none}}