.rnn-compute-graph.svelte-w9kpbw{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);margin:24px 0;overflow:hidden;width:100%;position:relative}@media(max-width:768px){.rnn-compute-graph.svelte-w9kpbw{width:calc(100% + 16px);margin-left:-8px;margin-right:-8px}}.graph-header.svelte-w9kpbw{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.header-actions.svelte-w9kpbw{display:flex;align-items:center;gap:12px}.graph-title.svelte-w9kpbw{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;color:var(--text)}.graph-title.svelte-w9kpbw svg:where(.svelte-w9kpbw){color:var(--primary)}.mode-indicator.svelte-w9kpbw{font-size:11px;font-weight:500;padding:3px 10px;border-radius:12px;background:#dbeafe;color:#1d4ed8}.mode-indicator.backward.svelte-w9kpbw{background:#fee2e2;color:#dc2626}[data-theme=dark] .mode-indicator.svelte-w9kpbw{background:#1e3a5f;color:#60a5fa}[data-theme=dark] .mode-indicator.backward.svelte-w9kpbw{background:#4a2525;color:#f87171}.inline-legend.svelte-w9kpbw{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.inline-legend.svelte-w9kpbw .legend-item:where(.svelte-w9kpbw){display:flex;align-items:center;gap:4px}.inline-legend.svelte-w9kpbw .legend-array:where(.svelte-w9kpbw){width:8px;height:16px;border-radius:2px;border:1px solid var(--border);position:relative;overflow:hidden}.inline-legend.svelte-w9kpbw .legend-array.input:where(.svelte-w9kpbw){background:linear-gradient(180deg,#fecaca,#bbf7d0,#bfdbfe)}.inline-legend.svelte-w9kpbw .legend-array.input:where(.svelte-w9kpbw):before,.inline-legend.svelte-w9kpbw .legend-array.input:where(.svelte-w9kpbw):after{content:"";position:absolute;left:1px;right:1px;height:3px;background:#ffffff80;border-radius:1px}.inline-legend.svelte-w9kpbw .legend-array.input:where(.svelte-w9kpbw):before{top:2px}.inline-legend.svelte-w9kpbw .legend-array.input:where(.svelte-w9kpbw):after{top:7px}[data-theme=dark] .inline-legend.svelte-w9kpbw .legend-array.input:where(.svelte-w9kpbw){background:linear-gradient(180deg,#7f1d1d,#14532d,#1e3a5f)}[data-theme=dark] .inline-legend.svelte-w9kpbw .legend-array.input:where(.svelte-w9kpbw):before,[data-theme=dark] .inline-legend.svelte-w9kpbw .legend-array.input:where(.svelte-w9kpbw):after{background:#0000004d}.inline-legend.svelte-w9kpbw .legend-table:where(.svelte-w9kpbw){width:14px;height:14px;background:#fef3c7;border:1px solid var(--border);border-radius:2px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1px;padding:2px}.inline-legend.svelte-w9kpbw .legend-table:where(.svelte-w9kpbw):before{content:"";grid-column:span 2;grid-row:span 2;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1px;background:linear-gradient(#fff,#fff) 0 0 / 4px 4px no-repeat,linear-gradient(#fff,#fff) 5px 0 / 4px 4px no-repeat,linear-gradient(#fff,#fff) 0 5px / 4px 4px no-repeat,linear-gradient(#fff,#fff) 5px 5px / 4px 4px no-repeat}[data-theme=dark] .inline-legend.svelte-w9kpbw .legend-table:where(.svelte-w9kpbw){background:#4a3f1d}.inline-legend.svelte-w9kpbw .legend-op-multiply:where(.svelte-w9kpbw),.inline-legend.svelte-w9kpbw .legend-op-add:where(.svelte-w9kpbw){width:10px;height:10px;background:#f3e8ff;border:1px solid var(--border);border-radius:50%;position:relative}.inline-legend.svelte-w9kpbw .legend-op-multiply:where(.svelte-w9kpbw):before,.inline-legend.svelte-w9kpbw .legend-op-multiply:where(.svelte-w9kpbw):after{content:"";position:absolute;background:var(--text);opacity:.7}.inline-legend.svelte-w9kpbw .legend-op-multiply:where(.svelte-w9kpbw):before{width:6px;height:1px;top:4px;left:1px;transform:rotate(45deg)}.inline-legend.svelte-w9kpbw .legend-op-multiply:where(.svelte-w9kpbw):after{width:6px;height:1px;top:4px;left:1px;transform:rotate(-45deg)}.inline-legend.svelte-w9kpbw .legend-op-add:where(.svelte-w9kpbw):before,.inline-legend.svelte-w9kpbw .legend-op-add:where(.svelte-w9kpbw):after{content:"";position:absolute;background:var(--text);opacity:.7}.inline-legend.svelte-w9kpbw .legend-op-add:where(.svelte-w9kpbw):before{width:6px;height:1px;top:4px;left:1px}.inline-legend.svelte-w9kpbw .legend-op-add:where(.svelte-w9kpbw):after{width:1px;height:6px;top:1px;left:4px}[data-theme=dark] .inline-legend.svelte-w9kpbw .legend-op-multiply:where(.svelte-w9kpbw),[data-theme=dark] .inline-legend.svelte-w9kpbw .legend-op-add:where(.svelte-w9kpbw){background:#3b2d4f}.inline-legend.svelte-w9kpbw .legend-op-curve:where(.svelte-w9kpbw){width:16px;height:10px;background:#f3e8ff;border:1px solid var(--border);border-radius:4px;position:relative;overflow:hidden}.inline-legend.svelte-w9kpbw .legend-op-curve:where(.svelte-w9kpbw):before{content:"";position:absolute;width:10px;height:6px;border:1px solid var(--text);border-radius:0 6px 0 0;border-left:none;border-bottom:none;top:3px;left:2px;opacity:.5}[data-theme=dark] .inline-legend.svelte-w9kpbw .legend-op-curve:where(.svelte-w9kpbw){background:#3b2d4f}.inline-legend.svelte-w9kpbw .legend-gradient-flow:where(.svelte-w9kpbw){width:20px;height:3px;background:linear-gradient(90deg,#ef4444 0%,transparent 50%,#ef4444 100%);border-radius:2px;animation:svelte-w9kpbw-legend-flow 1s linear infinite}@keyframes svelte-w9kpbw-legend-flow{0%{background-position:0% 0%}to{background-position:200% 0%}}.inline-legend.svelte-w9kpbw .legend-accumulate:where(.svelte-w9kpbw){width:14px;height:14px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;font-weight:700}.inline-legend.svelte-w9kpbw .legend-accumulate:where(.svelte-w9kpbw):before{content:"Σ"}.inline-legend.svelte-w9kpbw .legend-dhnext:where(.svelte-w9kpbw){width:20px;height:4px;background:#ef4444;border-radius:2px;position:relative}.inline-legend.svelte-w9kpbw .legend-dhnext:where(.svelte-w9kpbw):after{content:"";position:absolute;right:-2px;top:-2px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:6px solid #ef4444}.canvas-panel.svelte-w9kpbw{flex:1;min-height:480px}@media(max-width:600px){.inline-legend.svelte-w9kpbw{display:none}}