:root{--mml-bg: #ffffff;--mml-text: #1a1a1a;--mml-border: #e0e0e0;--mml-accent: #3b82f6;--mml-drop-bg: rgba(59, 130, 246, .08);--mml-grid-color: #e5e5e5;--mml-node-bg: #ffffff;--mml-node-border: #d0d0d0;--mml-node-selected-border: #3b82f6;--mml-node-selected-bg: #eff6ff;--mml-node-shadow: 0 1px 3px rgba(0, 0, 0, .1);--mml-edge-color: #b0b0b0;--mml-edge-selected-color: #3b82f6;--mml-outline-bg: #fafafa;--mml-outline-item-selected: #eff6ff;--mml-outline-item-focused: #e0e7ff;--mml-outline-toggle: #999;--mml-outline-excerpt-empty: #aaa;--mml-outline-search-match: #fef08a;--mml-outline-indent: 20px}.mml-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--mml-bg);color:var(--mml-text)}.mml-canvas{width:100%;height:100%;position:relative;overflow:hidden;cursor:grab;outline:none;background:var(--mml-bg);user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.mml-canvas:active{cursor:grabbing}.mml-canvas-viewport{position:absolute;left:0;top:0;transform-origin:0 0}.mml-background-grid{pointer-events:none}.mml-edge{stroke:var(--mml-edge-color);stroke-width:2;fill:none;pointer-events:none}.mml-edge--selected{stroke:var(--mml-edge-selected-color);stroke-width:3}.mml-node{position:absolute;background:var(--mml-node-bg);border:1px solid var(--mml-node-border);border-radius:6px;padding:8px 12px;box-shadow:var(--mml-node-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;max-width:300px;min-width:40px;transition:border-color .15s ease,background-color .15s ease}.mml-node:hover{border-color:var(--mml-accent)}.mml-node--selected{border-color:var(--mml-node-selected-border);background:var(--mml-node-selected-bg);box-shadow:0 0 0 2px var(--mml-accent)}.mml-node--editing{border-color:var(--mml-accent);box-shadow:0 0 0 3px #3b82f633}.mml-node-content{font-size:14px;line-height:1.4}.mml-node-content p{margin:0}.mml-node-content h1{font-size:1.4em;margin:.2em 0}.mml-node-content h2{font-size:1.2em;margin:.2em 0}.mml-node-content h3{font-size:1.1em;margin:.2em 0}.mml-node-content ul,.mml-node-content ol{margin:.2em 0;padding-left:1.5em}.mml-node-content pre{margin:.2em 0;padding:4px 6px;background:#f5f5f5;border-radius:4px;font-size:.9em}.mml-node-content code{font-family:SF Mono,Monaco,monospace;font-size:.85em}.mml-node-content a{color:var(--mml-accent);text-decoration:underline}.mml-node-content--editing{outline:none}.mml-node-content--editing .ProseMirror{outline:none;min-height:20px}.mml-node-content--editing .ProseMirror:focus{outline:none}.mml-outline{height:100%;display:flex;flex-direction:column;background:var(--mml-outline-bg)}.mml-outline-toolbar{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--mml-border);flex-shrink:0}.mml-outline-search{flex:1;padding:4px 8px;border:1px solid var(--mml-border);border-radius:4px;font-size:13px;outline:none}.mml-outline-search:focus{border-color:var(--mml-accent)}.mml-outline-collapse-all,.mml-outline-expand-all{padding:4px 8px;border:1px solid var(--mml-border);border-radius:4px;background:#fff;cursor:pointer;font-size:12px;white-space:nowrap}.mml-outline-collapse-all:hover,.mml-outline-expand-all:hover{border-color:var(--mml-accent)}.mml-outline-tree{flex:1;overflow-y:auto;padding:4px 0;outline:none}.mml-outline-item{padding-left:calc(var(--mml-outline-indent, 20px) * (var(--mml-level, 1) - 1));border-bottom:1px solid transparent;border-top:1px solid transparent;transition:background-color .1s ease}.mml-outline-item--selected{background:var(--mml-outline-item-selected)}.mml-outline-item--focused{background:var(--mml-outline-item-focused)}.mml-outline-item--selected.mml-outline-item--focused{background:var(--mml-outline-item-selected);box-shadow:inset 3px 0 0 var(--mml-accent)}.mml-outline-row{display:flex;align-items:center;gap:4px;padding:4px 8px;cursor:pointer}.mml-outline-toggle{background:none;border:none;cursor:pointer;font-size:10px;color:var(--mml-outline-toggle);padding:0;width:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mml-outline-toggle:hover{color:var(--mml-accent)}.mml-outline-excerpt{flex:1;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mml-outline-excerpt--empty{color:var(--mml-outline-excerpt-empty);font-style:italic}.mml-outline-search-match{background:var(--mml-outline-search-match)}.mml-outline-badge{font-size:11px;color:#888;background:#eee;border-radius:8px;padding:1px 6px;flex-shrink:0}.mml-outline-drop--before{border-top:2px solid var(--mml-accent)}.mml-outline-drop--after{border-bottom:2px solid var(--mml-accent)}.mml-outline-drop--inside{background:var(--mml-drop-bg)}*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#4c4f57;background:#f6f4ef;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;min-height:100vh}.demo-shell{--paper: #f6f4ef;--paper-2: #f1eee6;--card: #ffffff;--ink: #16181d;--text: #4c4f57;--muted: #9b9da4;--accent: #21426f;--accent-soft: #355585;--line: #e6e2d9;--line-strong: #d6d1c5;--danger: #9f2f2f;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(22, 24, 29, .04);--shadow-md: 0 1px 3px rgba(22, 24, 29, .06), 0 8px 24px -12px rgba(22, 24, 29, .12);--mml-bg: var(--paper-2);--mml-text: var(--ink);--mml-border: var(--line);--mml-accent: var(--accent);--mml-drop-bg: rgba(33, 66, 111, .08);--mml-grid-color: rgba(33, 66, 111, .16);--mml-node-bg: var(--card);--mml-node-border: var(--line-strong);--mml-node-selected-border: var(--accent);--mml-node-selected-bg: #f8f6f1;--mml-node-shadow: var(--shadow);--mml-edge-color: rgba(33, 66, 111, .34);--mml-edge-selected-color: var(--accent);--mml-outline-bg: #fbfaf7;--mml-outline-item-selected: rgba(33, 66, 111, .1);--mml-outline-item-focused: rgba(33, 66, 111, .07);--mml-outline-toggle: var(--muted);--mml-outline-excerpt-empty: var(--muted);--mml-outline-search-match: #f3df9b;min-height:100vh;background:radial-gradient(1100px 520px at 78% 12%,rgba(33,66,111,.06),transparent 60%),radial-gradient(800px 600px at 0% 100%,rgba(33,66,111,.04),transparent 55%),var(--paper);color:var(--text);display:flex;flex-direction:column}.theme-triplea-dark{--paper: #080e27;--paper-2: #0b1434;--card: rgba(15, 23, 60, .82);--ink: #f1f5f9;--text: #c3cede;--muted: #64748b;--accent: #7fa6d9;--accent-soft: #9ab8df;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--danger: #f87171;--mml-node-selected-bg: rgba(127, 166, 217, .14);--mml-outline-bg: rgba(8, 14, 39, .72);--mml-outline-item-selected: rgba(127, 166, 217, .16);--mml-outline-item-focused: rgba(127, 166, 217, .1);--mml-grid-color: rgba(127, 166, 217, .18);--mml-edge-color: rgba(127, 166, 217, .42)}.theme-triplea-dark.demo-shell{background:radial-gradient(ellipse 800px 500px at 20% 10%,rgba(37,99,235,.12) 0%,transparent 70%),radial-gradient(ellipse 600px 600px at 80% 90%,rgba(127,166,217,.09) 0%,transparent 70%),var(--paper)}.topbar{flex-shrink:0;height:56px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-block{display:flex;align-items:center;gap:10px}.brand-mark{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.brand-mark svg{flex-shrink:0}.demo-badge{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:3px 7px;border-radius:4px;line-height:1}.topbar-actions{display:flex;align-items:center;gap:6px}button,select{font:inherit}button{cursor:pointer}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:13px;font-weight:500;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn-primary{background:var(--accent);color:#fbfaf7}.btn-primary:hover{background:var(--accent-soft)}.btn-secondary{background:transparent;border-color:var(--line-strong);color:var(--text)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--muted);padding:0 8px}.btn-ghost:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}.theme-select{height:32px;padding:0 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:color .15s ease}.theme-select:hover{color:var(--ink)}.theme-select option{background:var(--card);color:var(--ink)}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,360px) minmax(0,1fr);gap:16px;padding:16px}.sidebar,.map-card{min-height:0;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--card) 92%,transparent);box-shadow:var(--shadow);overflow:hidden}.sidebar{display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.sidebar-header h2{margin:0;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink)}.sidebar-body{flex:1;overflow:auto;padding:12px}.empty-state{margin:0;padding:24px 12px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}.session-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.session-list li{min-width:0;display:flex;align-items:stretch;gap:4px}.session-button{flex:1 1 auto;min-width:0;min-height:0;padding:8px 10px;display:flex;flex-direction:column;gap:2px;text-align:left;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;box-shadow:none;color:var(--text);transition:background .15s ease,border-color .15s ease}.session-button:hover{background:color-mix(in srgb,var(--ink) 4%,transparent);border-color:var(--line);transform:none}.session-button.active{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--ink)}.session-button span{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-button small{font-size:11px;color:var(--muted)}.delete-button{flex-shrink:0;align-self:center;width:28px;height:28px;min-height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:5px;background:transparent;color:var(--muted);box-shadow:none}.delete-button:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent);transform:none}.session-actions{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.session-action-button{flex-shrink:0;align-self:center;width:24px;height:28px;min-height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:5px;background:transparent;color:var(--muted);box-shadow:none}.session-action-button svg,.delete-button svg{display:block}.session-action-button:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);transform:none}.map-card{display:flex;flex-direction:column}.map-toolbar{flex-shrink:0;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.map-title-block{display:flex;flex-direction:column;gap:2px;min-width:0}.map-title-block strong{font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--muted)}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted)}.status-badge.saving:before{background:#e0a830}.status-badge.saved:before{background:#5b9c5b}.status-badge.error:before,.status-badge.conflict:before{background:var(--danger)}.toolbar-buttons{display:flex;align-items:center;gap:4px}.toolbar-group{display:flex;align-items:center;gap:3px;padding:3px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink) 3%,transparent)}.toolbar-divider{width:1px;height:20px;background:var(--line);margin:0 4px;flex-shrink:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;padding:0;border:none;border-radius:5px;background:transparent;color:var(--muted);box-shadow:none;cursor:pointer;transition:background .15s ease,color .15s ease}.icon-button:hover{background:var(--card);color:var(--ink);transform:none}.icon-button.active{background:var(--accent);color:#fbfaf7}.icon-button:disabled{cursor:not-allowed;opacity:.38}.icon-button:disabled:hover{background:transparent;color:var(--muted)}.text-icon-button{width:auto;min-width:30px;padding:0 7px;font-size:11px;font-weight:700;letter-spacing:.02em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error-banner{flex-shrink:0;padding:8px 16px;border-bottom:1px solid color-mix(in srgb,var(--danger) 30%,transparent);background:color-mix(in srgb,var(--danger) 6%,transparent);color:var(--danger);font-size:13px}.map-host{flex:1;min-height:0}.demo-mindmap{height:100%}.demo-mindmap .mml-node{border-radius:var(--radius-sm);padding:8px 12px}.demo-mindmap .mml-node-content{font-size:13px;color:var(--ink)}.demo-mindmap .mml-outline-wrapper{background:var(--mml-outline-bg)}.shortcuts-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#080e2770;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shortcuts-dialog{width:min(780px,100%);max-height:min(720px,calc(100vh - 48px));display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:16px;background:color-mix(in srgb,var(--card) 98%,transparent);color:var(--text);box-shadow:0 24px 80px -32px #080e278c;overflow:hidden}.shortcuts-header{flex-shrink:0;display:flex;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid var(--line)}.shortcuts-header h2{margin:0;font-size:18px;line-height:1.2;color:var(--ink)}.shortcuts-header p{margin:8px 0 0;max-width:560px;font-size:13px;line-height:1.5;color:var(--muted)}.shortcuts-close{flex-shrink:0;width:32px;height:32px;border:none;border-radius:8px;background:color-mix(in srgb,var(--ink) 4%,transparent);color:var(--muted);font-size:22px;line-height:1}.shortcuts-close:hover,.shortcuts-close:focus-visible{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);outline:none}.shortcuts-content{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 24px}.shortcuts-group{min-width:0}.shortcuts-group h3{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.shortcuts-group dl{margin:0;display:flex;flex-direction:column;gap:8px}.shortcut-row{display:grid;grid-template-columns:minmax(126px,max-content) minmax(0,1fr);gap:12px;align-items:center}.shortcut-row dt{display:flex;flex-wrap:wrap;gap:5px}.shortcut-row dd{margin:0;color:var(--text);font-size:13px;line-height:1.35}.shortcut-row kbd{display:inline-flex;align-items:center;min-height:24px;padding:2px 7px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:6px;background:color-mix(in srgb,var(--ink) 4%,transparent);color:var(--ink);font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:11px;font-weight:600;white-space:nowrap}.shortcuts-footer{flex-shrink:0;padding:12px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}@media(max-width:960px){.topbar{height:auto;padding:12px 16px;flex-wrap:wrap}.workspace{grid-template-columns:1fr;height:auto}.sidebar{max-height:200px}.map-card{height:70vh}.map-toolbar{flex-direction:column;align-items:stretch}.toolbar-buttons{flex-wrap:wrap;max-width:100%}.shortcuts-content{grid-template-columns:1fr}.shortcut-row{grid-template-columns:1fr;gap:4px}}@media(max-width:480px){.topbar{padding:10px 12px;gap:10px}.brand-block,.topbar-actions{width:100%}.topbar-actions{justify-content:space-between}.topbar-divider{margin-left:auto}.workspace{gap:10px;padding:10px}.sidebar{max-height:160px}.sidebar-footer{display:none}.map-card{height:calc(100svh - 92px);min-height:560px}.map-toolbar{gap:10px;padding:10px}.toolbar-buttons{gap:3px}.toolbar-group{gap:2px;padding:2px}.toolbar-divider{margin:0 2px}.icon-button{width:28px;height:28px;min-height:28px}.demo-mindmap .mml-outline-wrapper{max-width:45vw}}.topbar-divider{width:1px;height:22px;background:var(--line-strong);margin:0 4px;flex-shrink:0}.theme-toggle{display:flex;align-items:center;padding:3px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink) 5%,transparent)}.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:26px;padding:0;border:none;border-radius:5px;background:transparent;color:var(--muted);box-shadow:none;cursor:pointer;transition:background .15s ease,color .15s ease}.theme-btn:hover{color:var(--ink)}.theme-btn.active{background:var(--card);color:var(--accent);box-shadow:0 1px 2px #00000014}.demo-mindmap .mml-outline-wrapper{flex-shrink:0}.demo-mindmap .mml-outline-toolbar{flex-wrap:wrap;gap:6px;padding:8px}.demo-mindmap .mml-outline-search{flex:1 1 100%;order:-1}.demo-mindmap .mml-outline-collapse-all,.demo-mindmap .mml-outline-expand-all{flex:1;text-align:center;font-size:11px;padding:4px 6px}.sidebar-footer{flex-shrink:0;padding:10px 14px;border-top:1px solid var(--line)}.rich-hint{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.4;color:var(--muted)}.rich-hint svg{flex-shrink:0;opacity:.7}.demo-mindmap .mml-node-content strong,.demo-mindmap .mml-node-content b{font-weight:700;color:var(--ink)}.demo-mindmap .mml-node-content em,.demo-mindmap .mml-node-content i{font-style:italic}.demo-mindmap .mml-node-content code{font-family:SF Mono,Fira Code,monospace;font-size:.85em;padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.demo-mindmap .mml-node-content a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:2px}.demo-mindmap .mml-node-content a:hover{text-decoration-color:var(--accent)}.demo-mindmap .mml-node-content ul{margin:4px 0 0;padding-left:16px}.demo-mindmap .mml-node-content li{font-size:13px;line-height:1.5;color:var(--ink)}