:root{--surface: #0f172a;--surface-1: #1e293b;--surface-2: #334155;--accent: #7c3aed;--accent-hover: #4f46e5;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #334155;--border-light: #475569;--input-bg: #0f172a;--danger: #f87171;--bg: var(--surface);--card: var(--surface-1);--fg: var(--text-primary);--fg-muted: var(--text-secondary);--mm-root-fill: var(--accent);--mm-root-text: #ffffff;--mm-node-fill: #1e293b;--mm-node-stroke: #334155;--mm-node-text: #e2e8f0;--mm-canvas-bg: #0f172a;--mm-connection: var(--accent);--mm-collapse-fill: #1e293b;--mm-collapse-stroke: #475569;--mm-collapse-text: #94a3b8;--mm-grid-dot: #1e293b;color-scheme:dark}:root.light{--surface: #f8fafc;--surface-1: #ffffff;--surface-2: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #cbd5e1;--input-bg: #ffffff;--danger: #dc2626;--mm-node-fill: #ffffff;--mm-node-stroke: #cbd5e1;--mm-node-text: #1e293b;--mm-canvas-bg: #f1f5f9;--mm-collapse-fill: #f8fafc;--mm-collapse-stroke: #94a3b8;--mm-collapse-text: #475569;--mm-grid-dot: #e2e8f0;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55;transition:background-color .2s,color .2s}h1,h2,h3{margin:0;line-height:1.3}h1{font-size:1.35rem;font-weight:600}h2{font-size:1rem;font-weight:600}p{margin:0}.muted{color:var(--fg-muted)}.small{font-size:.85rem}.field-error{color:var(--danger);font-size:.875rem}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--card)}.brand{display:flex;align-items:center;gap:.55rem;font-weight:600;letter-spacing:-.01em}.brand-mark{width:1.75rem;height:1.75rem;border-radius:.5rem;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:700}.brand-live{color:var(--accent);font-weight:500}.topbar-right{display:flex;align-items:center;gap:.5rem}.who{font-size:.875rem;color:var(--fg-muted)}.page{flex:1;width:100%;max-width:68rem;margin:0 auto;padding:1.75rem 1.25rem 4rem;overflow-y:auto;min-height:0}.page-full{max-width:none;padding:0;overflow:hidden;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;gap:.45rem;font:inherit;font-size:.9rem;font-weight:500;padding:.5rem .9rem;border-radius:.5rem;border:1px solid transparent;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:default}.btn-accent{background:var(--accent);color:#fff}.btn-accent:not(:disabled):hover{background:var(--accent-hover)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--fg)}.btn-ghost:not(:disabled):hover{border-color:var(--border-light);background:var(--surface-2)}.btn-sm{font-size:.8rem;padding:.35rem .6rem}.tool{display:grid;place-items:center;padding:.45rem;border:none;border-radius:.5rem;background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color .15s,color .15s}.tool:not(:disabled):hover{background:var(--surface-2);color:var(--fg)}.tool:disabled{opacity:.4;cursor:default}.tool-danger:not(:disabled):hover{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.link{font:inherit;background:none;border:none;padding:0;color:var(--accent);cursor:pointer}.lobby-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.75rem}.lobby-head .muted{margin-top:.35rem;font-size:.9rem;max-width:34rem}.lobby-actions{display:flex;gap:.5rem}.map-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media(min-width:44rem){.map-grid{grid-template-columns:1fr 1fr}}.map-card{overflow:hidden;border:1px solid var(--border);border-radius:.75rem;background:var(--card)}.map-spine{height:4px}.map-body{padding:1rem;display:flex;flex-direction:column;gap:.7rem}.map-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.map-title{flex:1;min-width:0;text-align:left;background:none;border:none;padding:0;color:inherit;font:inherit;cursor:pointer}.map-title:disabled{cursor:default}.title-text{font-size:1.05rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-meta{margin-top:.2rem;font-size:.78rem;color:var(--text-muted)}.map-tools{display:flex;gap:.15rem;flex-shrink:0}.pills{display:flex;flex-wrap:wrap;gap:.4rem}.pill{border-radius:999px;border:1px solid var(--border);padding:.15rem .55rem;font-size:.7rem;font-weight:500;color:var(--fg-muted)}.pill-accent{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--fg)}.pill-warn{border-color:#f59e0b66;background:#f59e0b1a;color:#fbbf24}:root.light .pill-warn{color:#b45309}.pill-muted{opacity:.8}.rename-row{display:flex;gap:.4rem;align-items:center}.rename-input{flex:1;min-width:0;font:inherit;font-weight:600;padding:.4rem .6rem;border-radius:.4rem;border:1px solid var(--accent);background:var(--input-bg);color:var(--fg)}.rename-input:focus{outline:none;box-shadow:0 0 0 1px var(--accent)}.empty{border:1px dashed var(--border);border-radius:.75rem;padding:2.5rem 1.5rem;text-align:center}.empty .muted{margin:.5rem auto 0;max-width:30rem;font-size:.9rem}.signin-wrap{min-height:100%;display:grid;place-items:center;padding:2rem 1.25rem}.card{width:100%;max-width:26rem;background:var(--card);border:1px solid var(--border);border-radius:.85rem;padding:1.75rem}.card-wide{max-width:42rem}.lead{color:var(--fg-muted);font-size:.9rem;margin-top:.4rem}form{display:flex;flex-direction:column;gap:.9rem;margin-top:1.5rem}label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--fg-muted)}input[type=text],input[type=password]{font:inherit;color:var(--fg);background:var(--input-bg);border:1px solid var(--border);border-radius:.5rem;padding:.55rem .7rem}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.signin-note{display:flex;gap:.5rem;align-items:flex-start;margin-top:1.25rem;font-size:.8rem;color:var(--text-muted)}.list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.list-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:.5rem;background:transparent}.list-title{flex:1;font-weight:500}.notice{border-left:3px solid var(--accent);padding:.5rem 0 .5rem .75rem;color:var(--fg-muted);font-size:.9rem}.row{display:flex;gap:.5rem;flex-wrap:wrap}.space-between{justify-content:space-between;align-items:center}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;padding:1.5rem;z-index:50}.modal{width:100%;max-width:34rem;max-height:80vh;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:.85rem;padding:1.5rem}.vault-list .list-row{gap:.65rem}.vault-dot{width:.6rem;height:.6rem;border-radius:50%;flex:none}.vault-list .list-title{display:flex;flex-direction:column;min-width:0}.vault-list .list-title>span{margin-top:0}.samples{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.samples .small{margin-top:.25rem}.sample-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.6rem;margin:1rem 0}.sample{position:relative;display:flex;flex-direction:column;gap:.15rem;text-align:left;font:inherit;color:inherit;padding:.75rem .85rem;border:1px solid var(--border);border-radius:.6rem;background:var(--card);cursor:pointer;transition:border-color .15s,background-color .15s}.sample:not(:disabled):hover{border-color:var(--accent)}.sample:disabled{opacity:.55;cursor:default}.sample-name{font-weight:600;font-size:.92rem;padding-right:2.5rem}.sample-format{position:absolute;top:.6rem;right:.7rem;font-size:.65rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.05rem .4rem}.samples a.link{text-decoration:none}.samples a.link:hover{text-decoration:underline}.mm-canvas-wrap{position:relative;flex:1;min-height:0;width:100%;overflow:hidden}.mm-canvas{width:100%;height:100%;display:block;cursor:grab;background:var(--mm-canvas-bg);background-image:radial-gradient(circle,var(--mm-grid-dot) 1px,transparent 1px);background-size:28px 28px;touch-action:none}.mm-canvas:active{cursor:grabbing}.mm-connection{stroke:var(--mm-connection);stroke-width:2;opacity:.55;stroke-linecap:round}.mm-node-group{-webkit-tap-highlight-color:transparent;cursor:pointer}.mm-node-group rect{transition:stroke .12s,stroke-width .12s,filter .12s}.mm-node-group:hover rect{filter:brightness(1.08)}.mm-node-selected{filter:drop-shadow(0 0 6px var(--accent))}.mm-node-text{-webkit-user-select:none;user-select:none;outline:none}.mm-node-text:focus-visible{outline:none}.mm-checkbox-g,.mm-collapse-btn{cursor:pointer}.mm-collapse-btn circle{transition:fill .1s}.mm-collapse-btn:hover circle{fill:var(--accent)}.mm-collapse-btn:hover text{fill:#fff}.mm-remote-tag{pointer-events:none;font-weight:600}.mm-edit-input{width:100%;font:inherit;font-size:13px;padding:.15rem .3rem;border:1px solid var(--accent);border-radius:4px;background:var(--input-bg);color:var(--fg)}.mm-edit-input:focus{outline:none}.mm-zoom{position:absolute;right:.75rem;bottom:.75rem;display:flex;align-items:center;gap:.15rem;padding:.15rem;border:1px solid var(--border);border-radius:.5rem;background:var(--card)}.mm-zoom .tool{padding:.25rem .5rem;font-size:.95rem;line-height:1}.mm-zoom-level{font-size:.75rem;min-width:3.2rem}.mm-hint{margin-top:.75rem}.notes-area{width:100%;min-height:12rem;margin-top:1rem;font:inherit;font-size:.9rem;line-height:1.6;padding:.7rem .8rem;border:1px solid var(--border);border-radius:.5rem;background:var(--input-bg);color:var(--fg);resize:vertical}.notes-area:focus{outline:none;border-color:var(--accent)}.mm-edit-textarea{width:100%;height:100%;font:inherit;font-size:13px;text-align:center;border:none;outline:none;resize:none;background:transparent;padding:0}.mm-url-link{cursor:pointer;text-decoration:underline}.mm-indicator{transition:r .1s}.node-menu{position:fixed;z-index:60;min-width:13rem;padding:.35rem;border:1px solid var(--border);border-radius:.6rem;background:var(--card);box-shadow:0 12px 32px #00000059}.menu-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;font:inherit;font-size:.85rem;text-align:left;padding:.35rem .55rem;border:none;border-radius:.35rem;background:transparent;color:var(--fg);cursor:pointer}.menu-item:hover{background:var(--surface-2)}.menu-danger:hover{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.menu-key{font-size:.7rem;color:var(--text-muted)}.menu-sep{height:1px;margin:.3rem .2rem;background:var(--border)}.menu-label{padding:.35rem .55rem .15rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.swatches{display:grid;grid-template-columns:repeat(9,1fr);gap:.25rem;padding:.2rem .55rem .45rem}.swatch{aspect-ratio:1;border-radius:50%;border:1px solid var(--border-light);cursor:pointer;padding:0}.swatch-none{background:linear-gradient(45deg,transparent 44%,var(--danger) 44%,var(--danger) 56%,transparent 56%),var(--surface-2)}.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.2rem;padding:.2rem .55rem .5rem}.icon-btn{display:grid;place-items:center;aspect-ratio:1;border:1px solid transparent;border-radius:.35rem;background:transparent;color:var(--fg-muted);cursor:pointer}.icon-btn:hover{border-color:var(--accent);color:var(--fg)}.mm-node-group.mm-dragging{opacity:.85}.mm-node-group.mm-drop-target rect{filter:drop-shadow(0 0 6px #22c55e)}.editor{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.editor-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:var(--card);flex:none}.editor-title{font-size:1rem;font-weight:600;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor .toolbar{flex:none;margin:0;padding:.4rem 1rem;border-bottom:1px solid var(--border);background:var(--card);align-items:center;overflow-x:auto;scrollbar-width:thin}.editor .toolbar .btn{flex:none}.editor-notice{padding:1.5rem}.side-panel{position:fixed;z-index:20;width:min(22rem,calc(100vw - 2rem));max-height:60%;overflow-y:auto;padding:.85rem 1rem 1rem;border:1px solid var(--border);border-radius:.6rem;background:var(--card);box-shadow:0 12px 32px #00000059}.editor-toast{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);z-index:20;max-width:min(34rem,calc(100vw - 2rem));padding:.6rem .9rem;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:.5rem;background:var(--card);box-shadow:0 12px 32px #00000059;font-size:.85rem}.editor-toast p{margin:0}.keys{display:grid;grid-template-columns:auto 1fr;gap:.3rem .9rem;margin:.75rem 0;font-size:.82rem}.keys dt{color:var(--fg);font-weight:500;white-space:nowrap}.keys dd{margin:0;color:var(--fg-muted)}.toolbar-divider{width:1px;align-self:stretch;margin:.1rem .3rem;background:var(--border)}.editor .toolbar .btn{padding:.35rem .6rem;font-size:.82rem}.badge-button{font:inherit;font-size:.75rem;cursor:pointer;background:transparent}.badge-button:hover{border-color:var(--accent)}.badge-latency{opacity:.75}.stats{display:grid;grid-template-columns:auto 1fr;gap:.3rem .9rem;margin:.75rem 0 1rem;font-size:.82rem}.stats dt{color:var(--fg-muted);white-space:nowrap}.stats dd{margin:0;color:var(--fg);font-variant-numeric:tabular-nums}.find{display:flex;align-items:center;gap:.35rem}.find-input{font:inherit;font-size:.82rem;width:9rem;padding:.3rem .55rem;border:1px solid var(--border);border-radius:.4rem;background:var(--input-bg);color:var(--fg)}.find-input:focus{outline:none;border-color:var(--accent)}.find-count{font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:2.5rem}.mm-node-group.mm-match rect{stroke:#f59e0b;stroke-width:2}.mm-node-group.mm-match-current rect{stroke:#f59e0b;stroke-width:3}.mm-node-group.mm-match-current{filter:drop-shadow(0 0 8px #f59e0b)}.mm-node-group.mm-faded{opacity:.12;pointer-events:none}.mm-connection.mm-faded{opacity:.08}.mm-node-group,.mm-connection{transition:opacity .35s ease}.btn-ghost.btn-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--fg)}.field-row{display:flex;gap:.6rem;align-items:flex-end;margin-top:.6rem}.field-row label{flex:1;min-width:0;margin:0}.field-row .tool{margin-bottom:.15rem}.modal h2{margin-top:1.5rem}.modal input[type=datetime-local]{font:inherit;color:var(--fg);background:var(--input-bg);border:1px solid var(--border);border-radius:.5rem;padding:.5rem .6rem}.modal input[type=datetime-local]:focus{outline:none;border-color:var(--accent)}.change-log{list-style:none;margin:.5rem 0 .75rem;padding:0;font-size:.85rem}.change-log li{display:grid;grid-template-columns:1fr auto;gap:0 .5rem;align-items:baseline;padding:.4rem 0;border-bottom:1px solid var(--border)}.change-log li:last-child{border-bottom:0}.change-who{font-weight:600}.change-what{color:var(--fg)}.change-when{grid-column:2;grid-row:1;font-variant-numeric:tabular-nums;font-size:.75rem;color:var(--fg-muted);white-space:nowrap}.badge-count{opacity:.65;font-variant-numeric:tabular-nums}.pill-live{display:inline-flex;align-items:center;gap:.35rem;color:var(--ok, #34d399);border-color:currentColor}.pill-dot{width:.45rem;height:.45rem;border-radius:50%;background:currentColor;animation:pill-pulse 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.pill-dot{animation:none}}@keyframes pill-pulse{0%,to{opacity:1}50%{opacity:.35}}.side-panel-head{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;margin:-.85rem -1rem 0;padding:.85rem 1rem .5rem;border-radius:.6rem .6rem 0 0}.side-panel-head:active{cursor:grabbing}.side-panel-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.side-panel-head button{cursor:pointer}