*{box-sizing:border-box}body{margin:0;background:#000;color:#e5e7eb;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto;overscroll-behavior:none}.app.svelte-ybgkbq{display:flex;flex-direction:column;height:100dvh;overflow:hidden}header.svelte-ybgkbq{flex-shrink:0;background:#0a0a0a;border-bottom:1px solid #27272a;padding:.6rem 1rem;display:flex;flex-direction:column;gap:.5rem}.header-top.svelte-ybgkbq{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.logo.svelte-ybgkbq{font-weight:700;color:#61afef;font-size:1.1rem;white-space:nowrap;flex-shrink:0}.logo.svelte-ybgkbq small:where(.svelte-ybgkbq){color:#5c6370;font-weight:400}.input-bar.svelte-ybgkbq{display:flex;gap:8px;flex:1;min-width:0}input.svelte-ybgkbq{flex:1;min-width:0;background:#282c34;border:1px solid #3e4451;color:#abb2bf;padding:8px 12px;border-radius:6px;font-size:.9rem;font-size:max(16px,.9rem)}input.invalid.svelte-ybgkbq{border-color:#e06c75}input.svelte-ybgkbq:focus{outline:none;border-color:#61afef}.step-controls.svelte-ybgkbq{display:flex;align-items:center;gap:6px;justify-content:center}.step-controls.svelte-ybgkbq button:where(.svelte-ybgkbq){min-width:40px;min-height:36px;font-size:1rem}.step-label.svelte-ybgkbq{font-family:monospace;color:#d19a66;font-size:.85rem;padding:0 4px;white-space:nowrap}.mobile-nav.svelte-ybgkbq{display:none;flex-shrink:0;background:#0a0a0a;border-bottom:1px solid #27272a}.mobile-nav.svelte-ybgkbq button:where(.svelte-ybgkbq){flex:1;padding:10px 4px;border-radius:0;background:transparent;border:none;border-bottom:2px solid transparent;color:#5c6370;font-size:.75rem;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;min-height:48px}.mobile-nav.svelte-ybgkbq button.active:where(.svelte-ybgkbq){color:#60a5fa;border-bottom-color:#3b82f6}.nav-icon.svelte-ybgkbq{font-size:1rem}main.svelte-ybgkbq{display:grid;grid-template-columns:280px 1fr 250px;flex:1;overflow:hidden}.panel.svelte-ybgkbq{background:#0a0a0a;padding:1rem;display:flex;flex-direction:column;overflow:hidden}.panel-left.svelte-ybgkbq{border-right:1px solid #27272a}.panel-right.svelte-ybgkbq{border-left:1px solid #27272a}.variable-section.svelte-ybgkbq{display:flex;flex-direction:column;max-height:38%;margin-bottom:1.2rem}.variable-list.svelte-ybgkbq{overflow-y:auto;padding-right:4px}.variable-list.svelte-ybgkbq::-webkit-scrollbar{width:4px}.variable-list.svelte-ybgkbq::-webkit-scrollbar-thumb{background:#3e4451;border-radius:4px}.order-item.svelte-ybgkbq{display:flex;justify-content:space-between;align-items:center;background:#21252b;padding:8px 10px;border-radius:6px;margin-bottom:6px;gap:8px}.var-label.svelte-ybgkbq{font-family:monospace;color:#fbbf24}.btn-group.svelte-ybgkbq{display:flex;gap:4px}.btn-group.svelte-ybgkbq button:where(.svelte-ybgkbq){min-width:32px;min-height:32px;padding:4px 8px}.code-flow.svelte-ybgkbq{flex:1;display:flex;flex-direction:column;min-height:0}.section-header.svelte-ybgkbq{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.section-header.svelte-ybgkbq h3:where(.svelte-ybgkbq){margin-bottom:0}.block-badge.svelte-ybgkbq{font-size:.65rem;background:#3e4451;color:#61afef;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(97,175,239,.3);white-space:nowrap}.tabs.svelte-ybgkbq{display:flex;gap:2px;margin-bottom:8px}.tabs.svelte-ybgkbq button:where(.svelte-ybgkbq){flex:1;background:#21252b;border-radius:4px 4px 0 0;font-size:.7rem;padding:6px 4px;border-bottom:2px solid transparent;min-height:36px}.tabs.svelte-ybgkbq button.active:where(.svelte-ybgkbq){background:#282c34;border-bottom-color:#61afef;color:#61afef}.code-box.svelte-ybgkbq{background:#0a0a0a;padding:10px 0;border-radius:4px;font-family:Fira Code,Consolas,monospace;overflow-x:auto;overflow-y:auto;display:flex;flex-direction:column;flex:1}.code-box.svelte-ybgkbq::-webkit-scrollbar{height:5px;width:4px}.code-box.svelte-ybgkbq::-webkit-scrollbar-thumb{background:#3e4451;border-radius:10px}.code-line.svelte-ybgkbq{display:flex;gap:10px;font-size:.82rem;padding:4px 12px;align-items:flex-start;min-width:max-content;transition:background .15s ease}.code-line.highlight.svelte-ybgkbq{background:#3b82f614;border-left:2px solid #3b82f6;padding-left:9px}.code-line.svelte-ybgkbq code:where(.svelte-ybgkbq){white-space:pre;color:#abb2bf}.arrow.svelte-ybgkbq{color:#e06c75;width:14px;min-width:14px;font-size:.72rem;display:inline-block}.line-num.svelte-ybgkbq{color:#4b5263;font-size:.72rem;width:18px;min-width:18px;text-align:right;-webkit-user-select:none;user-select:none}.visualisation.svelte-ybgkbq{display:flex;justify-content:center;align-items:center;overflow:auto;padding:20px;background:#000}.svg-container.svelte-ybgkbq{max-width:100%;max-height:100%}.svg-container.svelte-ybgkbq svg{max-width:100%;height:auto}.empty-state.svelte-ybgkbq{color:#5c6370;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon.svelte-ybgkbq{font-size:3rem;opacity:.4}.empty-state.svelte-ybgkbq p:where(.svelte-ybgkbq){font-size:.9rem;margin:0}.empty-state.svelte-ybgkbq strong:where(.svelte-ybgkbq){color:#61afef}.stack-list.svelte-ybgkbq{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;padding-right:4px}.stack-list.svelte-ybgkbq::-webkit-scrollbar{width:4px}.stack-list.svelte-ybgkbq::-webkit-scrollbar-thumb{background:#3e4451;border-radius:4px}.stack-card.svelte-ybgkbq{background:#0a0a0a;border:1px solid #27272a;border-radius:6px;overflow:hidden;flex-shrink:0;transition:opacity .2s ease}.stack-header.svelte-ybgkbq{background:#111;padding:5px 10px;display:flex;justify-content:space-between;align-items:center}.func-name.svelte-ybgkbq{color:#61afef;font-weight:700;font-size:.8rem}.depth.svelte-ybgkbq{font-size:.6rem;background:#181a1f;color:#abb2bf;padding:2px 6px;border-radius:10px}.stack-body.svelte-ybgkbq{padding:8px 10px}.var-pill.svelte-ybgkbq{display:flex;justify-content:space-between;font-size:.75rem;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05)}.var-pill.svelte-ybgkbq:last-child{border-bottom:none}.key.svelte-ybgkbq{color:#a78bfa;font-weight:700}.val.svelte-ybgkbq{color:#4ade80}h3.svelte-ybgkbq{font-size:.75rem;text-transform:uppercase;color:#5c6370;margin:0 0 .75rem;letter-spacing:1px}button.svelte-ybgkbq{background:#3e4451;color:#abb2bf;border:none;padding:5px 12px;border-radius:6px;cursor:pointer;font-size:.82rem;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}button.svelte-ybgkbq:hover:not(:disabled){background:#111;border-color:#3b82f6;color:#60a5fa}button.svelte-ybgkbq:active:not(:disabled){background:#61afef22}button.svelte-ybgkbq:disabled{opacity:.3;cursor:not-allowed}.btn-primary.svelte-ybgkbq{background:#3b82f6;color:#000}.btn-primary.svelte-ybgkbq:hover{background:#60a5fa}.btn-primary.svelte-ybgkbq:disabled{background:#3e4451;color:#5c6370}.dim.svelte-ybgkbq{color:#5c6370;font-size:.8rem;margin:0}.help-trigger.svelte-ybgkbq{width:24px;height:24px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;background:#282c34;color:#61afef;border:1px solid #3e4451;font-weight:700}.modal-backdrop.svelte-ybgkbq{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content.svelte-ybgkbq{background:#111;border:1px solid #3e4451;border-radius:12px;width:100%;max-width:400px;box-shadow:0 20px 50px #00000080;animation:svelte-ybgkbq-scaleIn .2s ease-out}@keyframes svelte-ybgkbq-scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header.svelte-ybgkbq{padding:1rem;border-bottom:1px solid #27272a;display:flex;justify-content:space-between;align-items:center}.modal-header.svelte-ybgkbq h3:where(.svelte-ybgkbq){margin:0;color:#61afef}.close-btn.svelte-ybgkbq{background:transparent;font-size:1.5rem;padding:0;color:#5c6370}.modal-body.svelte-ybgkbq{padding:1.25rem}.modal-body.svelte-ybgkbq p:where(.svelte-ybgkbq){font-size:.9rem;color:#abb2bf;margin-top:0}.syntax-grid.svelte-ybgkbq{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem}.syntax-row.svelte-ybgkbq{display:flex;align-items:center;gap:12px;padding:6px;background:#1a1d23;border-radius:6px}.syntax-symbol.svelte-ybgkbq{color:#fbbf24;font-weight:700;min-width:60px;font-size:1rem}.syntax-desc.svelte-ybgkbq{font-size:.85rem;color:#e5e7eb}.example-box.svelte-ybgkbq{background:#000;padding:10px;border-radius:6px;border:1px dashed #3e4451;text-align:center}.example-box.svelte-ybgkbq small:where(.svelte-ybgkbq){display:block;color:#5c6370;margin-bottom:4px}.example-box.svelte-ybgkbq code:where(.svelte-ybgkbq){color:#98c379;font-size:1rem}@media(max-width:768px){.mobile-nav.svelte-ybgkbq{display:flex}main.svelte-ybgkbq{grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden}.panel.svelte-ybgkbq,.visualisation.svelte-ybgkbq{grid-column:1;grid-row:1}.panel-left.svelte-ybgkbq,.panel-right.svelte-ybgkbq{border-right:1px solid #27272a}.mobile-hidden.svelte-ybgkbq{display:none!important}.variable-section.svelte-ybgkbq{max-height:45%}.input-bar.svelte-ybgkbq{flex:1 1 100%}header.svelte-ybgkbq{padding:.5rem .75rem}.logo.svelte-ybgkbq{font-size:1rem}.step-controls.svelte-ybgkbq{width:100%;justify-content:space-between}.step-controls.svelte-ybgkbq button:where(.svelte-ybgkbq){flex:1;max-width:52px}}@media(max-width:380px){.code-line.svelte-ybgkbq{font-size:.75rem}input.svelte-ybgkbq{font-size:16px}}