@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8ecf8;background:#090d18;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#090d18;--panel:#0e1422;--panel-2:#111a2b;--border:#202a3e;--muted:#77839e;--text:#e8ecf8;--purple:#9b8afb;--mono:"DM Mono",ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;min-width:320px;overflow:hidden;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #8b7cf6;outline-offset:2px}.app-shell{width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 70% -20%,rgba(74,57,148,.16),transparent 45%),var(--bg)}.topbar{flex:0 0 70px;min-height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#090d18f0;gap:16px}.brand{display:flex;align-items:center;gap:10px;min-width:200px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#d6ccff;background:linear-gradient(145deg,#5142a0,#252449);border:1px solid #7263c0;box-shadow:0 0 25px #6854d32a}.brand-name{font-size:17px;letter-spacing:.14em;font-weight:800}.brand-name span{font:500 9px var(--mono);color:#9b8afb;letter-spacing:.12em;margin-left:5px}.brand-caption{color:#6e7891;font:8px var(--mono);letter-spacing:.1em;margin-top:3px}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.button{border:1px solid #28334a;border-radius:9px;padding:8px 10px;display:inline-flex;align-items:center;gap:7px;color:#c6cde0;background:#111827;font-size:11px;font-weight:700;transition:.18s ease;white-space:nowrap}.button:hover{border-color:#5a5191;background:#191d33}.button-primary{background:#7764e8;border-color:#8c7cf0;color:#fff;box-shadow:0 4px 18px #7764e82c}.button-primary:hover{background:#8978f5}.button-quiet{background:transparent}.workspace{display:grid;grid-template-columns:minmax(245px,310px) minmax(0,1fr) minmax(255px,300px);gap:10px;padding:10px;flex:1;min-height:0;overflow:hidden}.panel{background:linear-gradient(180deg,#101726fa,#0c121ffa);border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:0;min-height:0}.editor-panel,.visual-panel,.details-panel{display:flex;flex-direction:column;height:100%;min-height:0}.panel-heading,.visual-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 9px;gap:9px;flex:0 0 auto}.panel-title{display:flex;align-items:center;gap:8px;color:#dbe1f3;font-size:9px;font-weight:800;letter-spacing:.1em}.panel-title svg{color:#9b8afb}.status-pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;border-radius:20px;padding:5px 8px}.status-ok{color:#65d9a4;background:#153328}.status-error{color:#ff929e;background:#3a1c2b}.editor-subtitle{padding:0 14px 10px;font-size:10px;line-height:1.55;color:#818da8;flex:0 0 auto}.editor-wrap{display:flex;flex:1;min-height:0;overflow:hidden;border-top:1px solid #20283a;border-bottom:1px solid #20283a;background:#0a101c}.line-numbers{display:flex;flex-direction:column;flex:0 0 34px;padding:12px 7px 12px 0;text-align:right;color:#46516a;font:9px/1.75 var(--mono);-webkit-user-select:none;user-select:none;overflow:hidden}.line-numbers span{height:15.75px}.json-editor{flex:1;width:100%;resize:none;border:0;outline:0;padding:12px 10px 12px 0;color:#b9c9e7;background:transparent;font:9.5px/1.75 var(--mono);-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.json-editor:focus{outline:none}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;color:#68758f;font:8px var(--mono);flex:0 0 auto}.editor-footer span:first-child{display:inline-flex;align-items:center;gap:5px;color:#8f83e9}.error-box{margin:0 10px 10px;padding:8px;border-radius:8px;background:#321a28;border:1px solid #633044;color:#ffb3bc;font-size:9px;max-height:125px;overflow:auto}.error-box strong{display:flex;gap:6px;align-items:center}.error-box ul{margin:6px 0 0;padding-left:16px}.error-box li{margin:3px 0;overflow-wrap:anywhere}.error-box small{display:block;margin-top:5px}.schema-hint{display:flex;gap:7px;align-items:flex-start;padding:9px 12px 11px;color:#7886a2;font-size:9px;line-height:1.5;flex:0 0 auto}.schema-hint>svg{flex:0 0 auto;color:#8f83e9;margin-top:2px}.schema-hint strong,.schema-hint span{display:block}.schema-hint strong{color:#bfc8dd;margin-bottom:2px}code{font-family:var(--mono);color:#b7aaff;font-size:.94em}.visual-heading{padding:12px 14px 9px}.map-title{margin-top:5px;color:#7d8ba8;font-size:10px}.visual-tools{display:flex;gap:6px;align-items:center}.search-box{display:flex;align-items:center;gap:6px;height:30px;border:1px solid #2a344b;border-radius:8px;padding:0 8px;background:#0b1220;color:#7f8aa5}.search-box input{width:105px;border:0;outline:0;color:#dce3f6;background:transparent;font-size:9px}.search-box input::placeholder{color:#69758e}.search-box button{border:0;padding:0;display:flex;color:#8993aa;background:transparent}.icon-button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #2a344b;border-radius:8px;background:#0b1220;color:#a5add0}.icon-button:hover{border-color:#7c6be5;color:#fff}.graph-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at center,#151b31,#0b1120 68%,#090e19)}.graph-mount{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.graph-mount canvas{display:block;width:100%;height:100%}.graph-label-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.graph-label{position:absolute;top:0;left:0;padding:4px 7px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #303b57;border-radius:6px;color:#dfe6f9;background:#090e1bd1;box-shadow:0 5px 18px #0003;font-size:9px;font-weight:700;transition:opacity .12s,border-color .12s}.graph-label.is-selected{border-color:#a69aff;color:#fff;background:#41337be6}.graph-label.is-pinned{box-shadow:0 0 14px #ffd16633}.graph-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);white-space:nowrap;display:flex;align-items:center;gap:7px;border:1px solid #29344b;border-radius:30px;padding:6px 10px;background:#0b1120d9;color:#8995b0;font-size:8px;pointer-events:none}.hint-dot{width:5px;height:5px;background:#8b7cf6;border-radius:50%;box-shadow:0 0 8px #8b7cf6}.stale-overlay{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:8px;color:#ffb1bb;background:#351b2cde;border:1px solid #633044;font-size:9px}.topic-card{position:absolute;z-index:5;top:14px;right:14px;width:min(330px,calc(100% - 28px));max-height:calc(100% - 28px);overflow:auto;padding:17px;border:1px solid color-mix(in srgb,var(--topic-color) 50%,#2a344b);border-radius:13px;background:linear-gradient(180deg,#0c111ef7,#090e19f5);box-shadow:0 18px 50px #0008,0 0 35px color-mix(in srgb,var(--topic-color) 15%,transparent);animation:topicIn .25s ease-out}.topic-card:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:4px;background:var(--topic-color)}@keyframes topicIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.topic-close{position:absolute;right:10px;top:10px;width:27px;height:27px;display:grid;place-items:center;border:1px solid #29344b;border-radius:7px;color:#9da7bd;background:#0c1322}.topic-kicker{color:#9284ed;font:8px var(--mono);letter-spacing:.12em;margin-bottom:7px}.topic-card h2{margin:0 25px 8px 0;font-size:17px;line-height:1.25}.topic-description{margin:0 0 11px;color:#9ba6bd;font-size:10px;line-height:1.6}.topic-content{padding:10px;border:1px solid #273149;border-radius:9px;color:#cdd5e7;background:#0a111e;font:10px/1.7 var(--mono);white-space:pre-wrap}.topic-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.topic-meta span{padding:4px 6px;border-radius:5px;background:#151d2d;color:#75819b;font:8px var(--mono)}.graph-stats{min-height:46px;display:flex;align-items:center;gap:14px;padding:8px 13px;border-top:1px solid #202a3e;flex:0 0 auto}.graph-stats>div{display:flex;align-items:center;gap:6px;font-size:9px;color:#7f8ba5}.graph-stats strong{color:#e3e8f6;font-size:11px}.stat-icon{display:grid;place-items:center;color:#9284ed}.graph-stats .validity-note{margin-left:auto;font-size:8px}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%}.status-dot.green{background:#49d69b;box-shadow:0 0 8px #49d69b70}.status-dot.red{background:#fb7185;box-shadow:0 0 8px #fb718570}.details-content{padding:0 13px 13px;overflow:auto;min-height:0}.selected-preview{height:82px;margin:0 0 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #2a3048;border-radius:9px;background:radial-gradient(ellipse,color-mix(in srgb,var(--node-color) 14%,transparent),#0a101d 75%)}.selected-preview>span{color:#68758f;font:7px var(--mono);letter-spacing:.12em}.preview-shape{width:30px;height:30px;background:var(--node-color);box-shadow:0 0 25px color-mix(in srgb,var(--node-color) 48%,transparent),inset -8px -8px 15px #0003,inset 5px 5px 12px #fff4}.preview-sphere{border-radius:50%}.preview-cube{border-radius:5px;transform:rotate(18deg)}.preview-box{border-radius:4px;width:39px;height:25px;transform:rotate(-8deg)}.preview-person{width:22px;height:30px;border-radius:48% 48% 30% 30%;position:relative;box-shadow:0 0 20px color-mix(in srgb,var(--node-color) 45%,transparent)}.preview-person:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;left:4px;top:-8px;background:var(--node-color)}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.quick-button{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 6px;border:1px solid #29344b;border-radius:7px;color:#9da8bf;background:#0b1220;font-size:9px}.quick-button:hover,.quick-button.active{border-color:#6e61c7;color:#e7e2ff;background:#181733}.field{display:block;margin:8px 0}.field>span{display:block;margin-bottom:5px;color:#74819a;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;border:1px solid #273149;border-radius:7px;outline:0;padding:7px 8px;color:#cbd4e8;background:#0a111e;font-size:9px}.field textarea{resize:vertical;line-height:1.5;min-height:50px}.field select{cursor:pointer}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-input{display:flex;align-items:center;gap:8px}.color-input input{width:34px;height:30px;padding:2px}.color-input code{font-size:8px}.position-box{margin-top:10px;padding:9px;border:1px solid #263149;border-radius:8px;background:#0a111e}.position-box>span{display:block;color:#6d7a95;font:8px var(--mono);letter-spacing:.1em;margin-bottom:7px}.position-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.position-fields label{display:flex;align-items:center;gap:3px}.position-fields b{font:8px var(--mono);color:#7885a0}.position-fields input{width:100%;min-width:0;border:1px solid #263149;border-radius:5px;padding:5px 4px;color:#b9c6df;background:#0b1220;font:8px var(--mono)}.detail-note{margin-top:10px;color:#737f98;font-size:8.5px;line-height:1.6}.empty-selection{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;gap:8px}.empty-orb{width:48px;height:48px;display:grid;place-items:center;border:1px solid #38335d;border-radius:15px;background:#211d3c;color:#a89bff}.empty-selection strong{font-size:11px}.empty-selection>span{max-width:210px;color:#7f8ba4;font-size:9px;line-height:1.7}.app-footer{flex:0 0 36px;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-top:1px solid var(--border);color:#65718a;font:8px var(--mono)}.footer-left,.footer-right{display:flex;align-items:center;gap:7px;white-space:nowrap}.footer-logo{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:#2a2450;color:#b5aaff;font-weight:700}.footer-left b{color:#8a96ae;font-weight:400;margin-left:4px}.footer-message{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1200px){html,body,#root{overflow:auto}.app-shell{height:auto;min-height:100dvh;overflow:visible}.workspace{grid-template-columns:minmax(250px,320px) minmax(0,1fr);overflow:visible}.details-panel{grid-column:1/-1;height:360px}.visual-panel,.editor-panel{height:620px}}@media(max-width:760px){.topbar{height:auto;min-height:72px;padding:12px;align-items:flex-start;flex-direction:column}.top-actions{width:100%;flex-wrap:wrap}.button{flex:1;justify-content:center;padding:8px 6px;font-size:9px}.workspace{grid-template-columns:minmax(0,1fr);padding:7px;gap:8px}.editor-panel{height:520px}.visual-panel{height:580px}.details-panel{height:auto;min-height:520px;grid-column:auto}.visual-heading{align-items:flex-start;flex-direction:column}.visual-tools{width:100%}.search-box{flex:1}.search-box input{width:100%}.graph-hint{max-width:calc(100% - 16px);font-size:7px;gap:4px}.graph-stats{flex-wrap:wrap;gap:8px}.graph-stats .validity-note{margin-left:0;width:100%}.topic-card{left:8px;right:8px;top:8px;width:auto;max-height:55%}.app-footer{height:auto;min-height:42px;padding:9px 12px;flex-wrap:wrap;justify-content:center}.footer-message{order:3;width:100%}.field-grid{grid-template-columns:1fr}}.graph-edge-label-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.graph-edge-label{position:absolute;top:0;left:0;padding:3px 6px;border:1px solid #33415f;border-radius:5px;background:#080c16d1;color:#9eabc4;font:7px var(--mono);white-space:nowrap;box-shadow:0 4px 14px #0004}.graph-edge-label.is-selected{border-color:#a69aff;color:#fff;background:#41337be6}.connect-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #6559b8;border-radius:8px;background:#211d3de8;color:#d8d2ff;font:9px var(--mono);box-shadow:0 8px 25px #0005}.quick-button.danger{color:#ff9eac}.quick-button.danger:hover{border-color:#9b4051;color:#ffd6dc;background:#301923}.edge-route{display:grid;gap:5px;margin-top:12px;padding:10px;border:1px solid #263149;border-radius:8px;background:#0a111e}.edge-route b{color:#66748e;font:7px var(--mono);letter-spacing:.1em}.edge-route span{color:#c9d2e5;font-size:9px;margin-bottom:5px}.topic-content a{color:#a99cff;text-decoration:underline;overflow-wrap:anywhere}.topic-content a:hover{color:#d8d2ff}.create-menu{position:absolute;z-index:10;top:12px;left:12px;width:min(270px,calc(100% - 24px));max-height:calc(100% - 60px);display:flex;flex-direction:column;gap:9px;padding:12px;border:1px solid #303b57;border-radius:11px;background:#090e1af7;box-shadow:0 16px 45px #0008;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.create-menu-title{font-size:11px;font-weight:700;color:#e2e8f7}.create-search{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid #2a344b;border-radius:7px;background:#0b1220;color:#8f9ab2}.create-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e1e7f5;font-size:10px}.create-options{display:grid;grid-template-columns:1fr 1fr;gap:5px;overflow:auto;min-height:0}.create-option{padding:8px 7px;text-align:left;border:1px solid #273149;border-radius:7px;background:#0c1322;color:#9ca9c2;font-size:9px;cursor:pointer}.create-option:hover,.create-option.active{border-color:#8173e8;background:#211d3d;color:#f0edff}.create-confirm{justify-content:center;width:100%}.graph-mount canvas{cursor:grab;touch-action:none}.graph-mount canvas:active{cursor:grabbing}