.viz-layout.svelte-1j00w9m{border:1px solid oklch(var(--b3));background:oklch(var(--b2));border-radius:.75rem;height:calc(100vh - 240px);min-height:500px;display:flex;overflow:hidden}.editor-panel.svelte-1j00w9m{border-right:1px solid oklch(var(--b3) / .5);flex-direction:column;width:38%;min-width:280px;display:flex}.editor-inner.svelte-1j00w9m{flex:1;overflow:auto}.editor-inner.svelte-1j00w9m .codemirror-wrapper{height:100%;border:none!important;border-radius:0!important}.editor-inner.svelte-1j00w9m .editor-container{min-height:100%!important;max-height:none!important}.editor-inner.svelte-1j00w9m .cm-editor{min-height:100%!important}.divider-drag.svelte-1j00w9m{background:oklch(var(--b3));cursor:col-resize;width:4px;transition:background .15s}.divider-drag.svelte-1j00w9m:hover{background:oklch(var(--p))}.viz-panel.svelte-1j00w9m{flex-direction:column;flex:1;min-width:0;display:flex}.viz-canvas.svelte-1j00w9m{background:radial-gradient(circle at 50% 50%, oklch(var(--b2)) 0%, oklch(var(--b1)) 100%), repeating-linear-gradient(0deg, transparent, transparent 39px, oklch(var(--bc) / .03) 39px, oklch(var(--bc) / .03) 40px), repeating-linear-gradient(90deg, transparent, transparent 39px, oklch(var(--bc) / .03) 39px, oklch(var(--bc) / .03) 40px);flex:1;position:relative;overflow:hidden}.viz-content.svelte-1j00w9m{transform-origin:0 0;position:absolute;top:0;left:0}.connections-layer.svelte-1j00w9m{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.conn-label.svelte-1j00w9m{fill:oklch(var(--bc) / .35);font-family:ui-monospace,monospace;font-size:10px}.graph-node.svelte-1j00w9m{border:1px solid oklch(var(--bc) / .1);background:oklch(var(--b2));box-shadow:0 2px 12px oklch(var(--bc) / .06), 0 0 0 1px oklch(var(--bc) / .04);cursor:pointer;border-radius:10px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;transition:box-shadow .2s,border-color .2s,transform .15s;position:absolute;overflow:hidden}.graph-node.svelte-1j00w9m:hover{box-shadow:0 4px 20px oklch(var(--bc) / .12), 0 0 0 1px oklch(var(--bc) / .08);border-color:oklch(var(--bc) / .18);transform:translateY(-1px)}.graph-node.node-selected.svelte-1j00w9m{border-color:oklch(var(--p));box-shadow:0 0 0 2px oklch(var(--p) / .3), 0 4px 20px oklch(var(--p) / .15)}.node-header.svelte-1j00w9m{justify-content:space-between;align-items:center;gap:6px;height:40px;padding:0 10px;display:flex}.node-header.node-obj.svelte-1j00w9m{background:linear-gradient(135deg,#6366f1,#4f46e5)}.node-header.node-arr.svelte-1j00w9m{background:linear-gradient(135deg,#10b981,#059669)}.node-type-badge.svelte-1j00w9m{letter-spacing:.05em;color:#fff;background:#ffffff2e;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:9px;font-weight:700}.node-key.svelte-1j00w9m{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.node-count.svelte-1j00w9m{color:#fff9;flex-shrink:0;font-size:10px}.copy-btn.svelte-1j00w9m{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s;display:flex}.copy-btn.svelte-1j00w9m:hover{background:#ffffff40}.node-body.svelte-1j00w9m{padding:4px 0}.node-prop.svelte-1j00w9m{align-items:center;gap:4px;padding:3px 10px;font-size:11px;line-height:1.6;display:flex;overflow:hidden}.node-prop.svelte-1j00w9m:hover{background:oklch(var(--bc) / .04)}.node-prop.truncated.svelte-1j00w9m{color:oklch(var(--bc) / .4);font-size:10px;font-style:italic}.prop-key.svelte-1j00w9m{color:#ec4899;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:80px;overflow:hidden}.prop-sep.svelte-1j00w9m{color:oklch(var(--bc) / .3);flex-shrink:0}.prop-val.svelte-1j00w9m{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.empty-state.svelte-1j00w9m{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;display:flex}@media (width<=768px){.viz-layout.svelte-1j00w9m{flex-direction:column;height:calc(100vh - 200px)}.editor-panel.svelte-1j00w9m{border-right:none;border-bottom:1px solid oklch(var(--b3) / .5);min-width:0;max-height:40%;width:100%!important}.divider-drag.svelte-1j00w9m{cursor:row-resize;width:100%;height:4px}}