html,body,#root{min-height:100%}body{margin:0}:root{--green:#58cc02;--green-dark:#46a302;--blue:#1cb0f6;--orange:#ff9600;--purple:#ce82ff;--red:#ff4b4b;--yellow:#ffc800;--bg:#f7f7f7;--cream:#fff9f0;--ink:#3c3c3c;--muted:#777;--card:#fff;--shadow:0 8px 0 #00000014;--radius:22px;--font:"MentalisSans", "Nunito", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background:radial-gradient(circle at 10% 10%, #e8ffe0 0, transparent 40%), radial-gradient(circle at 90% 0%, #e0f6ff 0, transparent 35%), var(--bg);min-height:100vh;margin:0}.app{max-width:1400px;margin:0 auto;padding:20px 20px 40px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.brand,.brand-identity{align-items:center;gap:12px;display:flex}.brand-logo{object-fit:cover;border-radius:16px;flex-shrink:0;width:64px;height:64px;box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px #58cc0240,0 6px 16px #0000001f}.brand h1{letter-spacing:-.02em;margin:0;font-size:1.6rem}.tagline{color:var(--muted);margin:0;font-size:.9rem;font-weight:700}.top-actions{flex-wrap:wrap;gap:10px;display:flex}.layout{grid-template-columns:minmax(300px,380px) 1fr;align-items:start;gap:18px;display:grid}.sidebar{flex-direction:column;gap:14px;display:flex}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid #e5e5e5;padding:18px}.setup-card h2,.stage-header h2,.editor-header h3{margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:.85rem}.field{flex-direction:column;gap:6px;margin:14px 0;font-size:.92rem;font-weight:800;display:flex}.field input,.field textarea{font:inherit;resize:vertical;color:var(--ink);background:#fafafa;border:2px solid #e5e5e5;border-radius:16px;outline:none;padding:12px 14px;font-weight:700}.field input:focus,.field textarea:focus{border-color:var(--blue);background:#fff}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{font:inherit;cursor:pointer;color:var(--ink);background:#fff;border:2px solid #e5e5e5;border-radius:999px;padding:8px 14px;font-weight:800;transition:transform .15s}.pill:hover{transform:translateY(-1px)}.pill.active{background:var(--green);border-color:var(--green-dark);color:#fff;box-shadow:0 3px 0 var(--green-dark)}.class-group{margin-bottom:10px}.class-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;font-size:.75rem}.dropzone{text-align:center;cursor:pointer;background:#fbfbfb;border:2px dashed #cfcfcf;border-radius:18px;padding:18px;font-weight:700}.dropzone.over{border-color:var(--blue);background:#f0faff}.drop-emoji{margin-bottom:4px;font-size:1.8rem}.file-list{margin:8px 0 0;padding:0;list-style:none}.file-list li{border-bottom:1px solid #eee;justify-content:space-between;gap:8px;padding:6px 0;font-size:.85rem;font-weight:700;display:flex}.linkish{color:var(--blue);cursor:pointer;background:0 0;border:none;font-weight:800}.ocr-status{color:var(--orange);margin-top:8px;font-weight:700}.actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.btn{font:inherit;cursor:pointer;border:none;border-radius:999px;padding:12px 18px;font-weight:900;transition:transform .12s,filter .12s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(2px)}.btn.primary{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-dark)}.btn.primary:not(:disabled):hover{filter:brightness(1.05)}.btn.secondary{color:var(--ink);background:#fff;border:2px solid #e5e5e5;box-shadow:0 3px #e5e5e5}.btn.ghost{color:var(--blue);background:0 0;border:2px solid #0000}.btn.big{padding:14px 18px;font-size:1.05rem}.stage{background:var(--cream);min-height:640px;padding:14px}.stage-header{padding:4px 8px 10px}.map-frame{background:linear-gradient(#fffdf8,#fff5e8);border:2px solid #ffe0b8;border-radius:20px;overflow:hidden}.mindmap-svg{min-height:560px;display:block}.editor-panel{animation:.2s pop}@keyframes pop{0%{opacity:.5;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.editor-header{justify-content:space-between;align-items:center;display:flex}.icon-btn{cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;width:36px;height:36px;font-weight:900}.emoji-row,.color-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.emoji-chip{cursor:pointer;background:#fff;border:2px solid #eee;border-radius:12px;width:40px;height:40px;font-size:1.2rem}.emoji-chip.active{border-color:var(--green);background:#eaffd8}.color-swatch{cursor:pointer;border:3px solid #fff;border-radius:50%;width:32px;height:32px;box-shadow:0 0 0 2px #ddd}.color-swatch.active{box-shadow:0 0 0 3px #111}.footer{text-align:center;color:var(--muted);margin-top:24px;font-size:.9rem;font-weight:700}@media (width<=960px){.layout{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}.app-status{box-shadow:var(--shadow);border-radius:14px;margin-bottom:14px;padding:12px 16px;font-weight:800;display:block}.app-status-ok{color:#2f6b00;border:2px solid var(--green);background:#e8ffe0}.app-status-err{color:#9b1c1c;border:2px solid var(--red);background:#ffe8e8}.app-status-info{color:#0b5f8a;border:2px solid var(--blue);background:#e8f6ff}.stage-export-row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.stage-export-row .btn{padding:10px 16px;font-size:.9rem}.map-stage-wrap{position:relative}.stage-hint{margin:4px 0 0;font-weight:800}.floating-editor-host{z-index:8;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.floating-editor-host .editor-panel-floating{pointer-events:auto;border:3px solid #111;width:100%;max-width:420px;max-height:min(52vh,420px);margin:0;animation:.22s pop;overflow-y:auto;box-shadow:0 12px 28px #0000002e,0 4px #0000000f}.editor-hint{margin:0 0 8px}.editor-actions{flex-direction:column;gap:8px;margin-top:12px;display:flex}.btn.danger{color:var(--red);border:2px solid var(--red);background:#fff;box-shadow:0 3px #c62828}.btn.danger:not(:disabled):hover{background:#ffe8e8}.btn.danger:disabled{opacity:.45;box-shadow:none}.node-group.selected path{stroke:#111!important}.node-select-ring{animation:1.2s ease-in-out infinite ringPulse}@keyframes ringPulse{0%,to{opacity:.85}50%{opacity:.35}}.inline-rename{justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.inline-rename input{width:100%;font-family:var(--font);text-align:center;color:var(--ink);background:#fff;border:3px solid #111;border-radius:14px;outline:none;padding:8px 10px;font-size:14px;font-weight:800;box-shadow:0 4px 12px #0003}.inline-rename input:focus{border-color:var(--blue)}@media (width<=960px){.floating-editor-host{bottom:8px;left:8px;right:8px}.floating-editor-host .editor-panel-floating{max-height:46vh}.sidebar .editor-panel:not(.editor-panel-floating){display:none}}.poster-svg{-webkit-user-select:none;user-select:none;background:#fff8e8;border-radius:14px;width:100%;max-width:820px;height:auto;margin:0 auto;display:block;box-shadow:0 6px 24px #0000001a}.size-toolbar{font-family:var(--font);background:#fff;border:2px solid #1cb0f6;border-radius:999px;align-items:center;gap:4px;padding:3px 6px;display:flex;box-shadow:0 3px 10px #00000026}.size-toolbar button{color:#11618a;cursor:pointer;background:#eef8ff;border:none;border-radius:999px;min-width:30px;height:28px;font-size:14px;font-weight:800}.size-toolbar button.on{color:#fff;background:#1cb0f6}.size-toolbar-label{padding:0 2px;font-size:16px}.icon-slider{align-items:center;gap:10px;margin:6px 0 4px;font-weight:800;display:flex}.icon-slider input{accent-color:#58cc02;flex:1;max-width:260px}.icon-slider-val{min-width:48px;color:var(--muted)}.ai-panel{background:#fbfdff;border:2px solid #e5e5e5;border-radius:16px;margin:12px 0}.ai-panel.open{border-color:#1cb0f6}.ai-toggle{width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-weight:800;display:flex}.ai-toggle-state{color:#1cb0f6;font-size:.85rem}.ai-body{padding:0 14px 14px}.key-row{gap:8px;display:flex}.key-row input{flex:1}.small-btn{padding:6px 10px}.ai-help{margin:6px 0 10px;line-height:1.4}.ai-help a{color:#1c7ed6;font-weight:800}.ai-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width>=901px){.floating-editor-host{width:360px;position:fixed;bottom:16px;left:auto;right:16px}}.status-main{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.status-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.status-details{white-space:pre-wrap;word-break:break-word;background:#0000000d;border-radius:10px;max-height:220px;margin:8px 0 0;padding:8px 10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;overflow:auto}.engine-badge{vertical-align:middle;border-radius:999px;margin-left:10px;padding:3px 10px;font-size:.75rem;font-weight:800;display:inline-block}.engine-gemini{color:#1565c0;background:#e8f4ff;border:2px solid #90caf9}.engine-local{color:#555;background:#f3f3f3;border:2px solid #ddd}.key-test{border-radius:12px;margin-top:10px;padding:8px 10px;font-size:.9rem;font-weight:700}.key-test.ok{color:#2e6b00;background:#eaffd9}.key-test.err{color:#a01818;background:#ffecec}.page-select{flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 8px;font-weight:800;display:flex}.page-select select{font:inherit;background:#fff;border:2px solid #e5e5e5;border-radius:10px;padding:6px 10px;font-weight:700}.ai-progress{background:#eef8ff;border:2px solid #1cb0f6;border-radius:14px;max-width:1200px;margin:10px auto;padding:12px 16px;font-weight:700}.ai-progress-main{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ai-progress-time{font-variant-numeric:tabular-nums;color:#1873a8;min-width:3.2em}.ai-progress-main .btn{margin-left:auto}.ai-spinner{border:3px solid #bfe6fb;border-top-color:#1cb0f6;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite ai-spin}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-progress-steps{color:#4b5563;margin:8px 0 0;padding:0;font-size:.92em;font-weight:600;list-style:none}.ai-progress-steps .current{color:#0b5c8a}