:root{color-scheme:light;--bg: #ffffff;--surface: #ffffff;--panel: #f7f7f7;--border: #d4d4d4;--border-strong: #0a0a0a;--text: #0a0a0a;--muted: #525252;--grid-line: #e5e5e5;--viz-canvas: #fafafa;font-family:DM Sans,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}#app{max-width:1280px;margin:0 auto;padding:1.75rem 1.25rem 2.5rem}.app-header{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.app-header h1{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;letter-spacing:-.02em;margin:0 0 .35rem}.app-header p{margin:0;color:var(--muted);font-size:.9rem;max-width:56ch}.app-header code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.88em;background:#f0f0f0;padding:.1em .35em;border-radius:3px;border:1px solid var(--border)}.main-layout{display:grid;gap:0;min-height:min(70vh,640px);border:1px solid var(--border);border-radius:2px;overflow:hidden;background:var(--surface)}@media(min-width:880px){.main-layout{grid-template-columns:minmax(280px,340px) 1fr}}.ops-column{border-bottom:1px solid var(--border);display:flex;flex-direction:column;min-height:0;background:var(--panel)}@media(min-width:880px){.ops-column{border-bottom:none;border-right:1px solid var(--border)}}.ops-column-inner{padding:1.25rem 1.2rem;flex:1;overflow-y:auto}.ops-column h2{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 .85rem;font-weight:600}.op-list{display:flex;flex-direction:column;gap:.4rem}.op-list button{text-align:left;font-size:.84rem;font-weight:600;padding:.65rem .75rem;border-radius:2px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background .12s,border-color .12s}.op-list button:hover{border-color:var(--border-strong);background:#fff}.op-list button:active{background:#ebebeb}.op-list button.danger-pick:hover{border-color:var(--border-strong)}.op-detail{display:flex;flex-direction:column;gap:1rem}.op-detail[hidden]{display:none!important}.back-row{margin:0}.back-btn{font-family:inherit;font-size:.8rem;font-weight:600;padding:0;border:none;background:none;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.back-btn:hover{color:var(--text)}.op-detail-title{font-size:1.05rem;font-weight:700;margin:0;letter-spacing:-.01em}.op-detail-desc{margin:0;font-size:.84rem;color:var(--muted)}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}input[type=text],input[type=number]{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9rem;padding:.6rem .65rem;border-radius:2px;border:1px solid var(--border);background:var(--surface);color:var(--text);width:100%}input:focus{outline:2px solid var(--text);outline-offset:1px;border-color:transparent}.detail-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.btn-solid{font-family:inherit;font-size:.82rem;font-weight:700;padding:.65rem 1rem;border-radius:2px;border:1px solid var(--border-strong);background:var(--text);color:var(--bg);cursor:pointer}.btn-solid:hover{background:#262626}.btn-solid:active{background:#000}.btn-ghost{font-family:inherit;font-size:.82rem;font-weight:600;padding:.65rem 1rem;border-radius:2px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.btn-ghost:hover{border-color:var(--border-strong)}.viz-column{display:flex;flex-direction:column;min-width:0;background:var(--surface)}.status{padding:.75rem 1.15rem;font-size:.84rem;border-bottom:1px solid var(--border);min-height:2.85rem;display:flex;align-items:center;color:var(--muted)}.status.ok{color:var(--text);background:#fafafa}.status.err{color:var(--text);background:#f0f0f0;border-left:4px solid var(--text);padding-left:calc(1.15rem - 4px)}.status.muted{color:var(--muted)}.viz-wrap{flex:1;display:flex;flex-direction:column;min-height:0}.viz-wrap>.viz-head{padding:.85rem 1.15rem;border-bottom:1px solid var(--border)}.viz-wrap h2{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0;font-weight:600}.viz-canvas{position:relative;flex:1;padding:1.75rem 1.15rem 2rem;min-height:12rem;background-color:var(--viz-canvas);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:20px 20px;overflow-x:auto}.list-row{display:flex;align-items:center;gap:.15rem;flex-wrap:nowrap;width:max-content;margin:0 auto;min-height:5.5rem;padding:.25rem 0}.head-badge{flex-shrink:0;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text);padding:.45rem .55rem;border-radius:2px;border:2px solid var(--text);background:var(--surface)}.viz-link{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2rem;color:var(--muted)}.link-svg{width:100%;height:100%;overflow:visible}.link-svg path:first-child{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-dasharray:40;stroke-dashoffset:40;animation:draw-link .55s ease forwards}.link-svg path:last-child{fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:fade-tip .35s ease .2s forwards}@keyframes draw-link{to{stroke-dashoffset:0}}@keyframes fade-tip{to{opacity:1}}.node{flex-shrink:0;width:4.5rem;padding:.55rem .5rem .45rem;border-radius:2px;border:1px solid var(--border);background:var(--surface);font-family:JetBrains Mono,monospace;text-align:center;box-shadow:0 4px 14px #0000000f;transition:border-color .2s ease,box-shadow .2s ease}.node .node-val{font-weight:600;font-size:1.05rem;line-height:1.2;color:var(--text)}.node .node-meta{margin-top:.2rem;font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.node.is-highlight{border-color:var(--text);border-width:2px;box-shadow:0 4px 14px #00000014,0 0 0 1px var(--text)}.null-node{flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:500;color:var(--muted);padding:.55rem .75rem;border-radius:2px;border:1px dashed var(--border-strong);background:#ffffffd9}.empty-hint{margin:0 auto;color:var(--muted);font-size:.92rem;font-style:italic;text-align:center;width:100%;max-width:28rem}.legend{display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem 1.15rem 1rem;font-size:.76rem;color:var(--muted);border-top:1px solid var(--border);background:var(--surface)}.legend span{display:inline-flex;align-items:center;gap:.35rem}.dot{width:8px;height:8px;border-radius:50%}.dot.head{background:var(--text)}.dot.match{background:var(--text);box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--text)}