.lab.svelte-d0c5rx{padding:var(--space-2xl) var(--space-xl) var(--space-4xl)}.lab-header.svelte-d0c5rx{margin-bottom:var(--space-xl)}.lab-header.svelte-d0c5rx h1:where(.svelte-d0c5rx){margin-bottom:var(--space-sm)}.lab-header.svelte-d0c5rx p:where(.svelte-d0c5rx){color:var(--text-secondary)}.category-tabs.svelte-d0c5rx{display:flex;margin-bottom:0;flex-wrap:wrap;position:relative;z-index:1}.category-tab.svelte-d0c5rx{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);flex:1 0 auto;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:.825rem;font-weight:500;white-space:nowrap;color:var(--text-tertiary);background:var(--bg-primary);border:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);margin-right:-1px;transition:color var(--transition-fast),background var(--transition-fast)}.category-tab.svelte-d0c5rx:hover{color:var(--text-primary);background:var(--bg-tertiary)}.category-tab.active.svelte-d0c5rx{background:var(--bg-tertiary);color:var(--odin-accent);font-weight:600;border-color:var(--border-primary);border-bottom-color:var(--bg-tertiary)}.category-tabs.tabs-detached.svelte-d0c5rx{margin-bottom:-1px}.tabs-detached.svelte-d0c5rx .category-tab:where(.svelte-d0c5rx){border-bottom-color:var(--border-primary)}.tabs-detached.svelte-d0c5rx .category-tab.active:where(.svelte-d0c5rx){background:var(--bg-tertiary);border-bottom-color:var(--bg-tertiary)}.example-panel.svelte-d0c5rx{margin-bottom:0;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:0;padding:var(--space-md);margin-top:-1px}.example-card-grid.svelte-d0c5rx{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.example-card.svelte-d0c5rx{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.example-card.svelte-d0c5rx:hover,.example-card.active.svelte-d0c5rx{border-color:var(--odin-accent);background:var(--bg-tertiary)}.example-card-icon.svelte-d0c5rx{color:var(--odin-accent);flex-shrink:0;margin-top:2px}.example-card-body.svelte-d0c5rx{display:flex;flex-direction:column;gap:2px;min-width:0}.example-card-title.svelte-d0c5rx{font-size:.825rem;font-weight:600;color:var(--text-primary);line-height:1.3}.example-card.active.svelte-d0c5rx .example-card-title:where(.svelte-d0c5rx){color:var(--odin-accent)}.example-card-desc.svelte-d0c5rx{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.panel.svelte-d0c5rx{border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.panel-header.svelte-d0c5rx{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.panel-label.svelte-d0c5rx{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.format-badge.svelte-d0c5rx{display:inline-flex;align-items:center;padding:1px var(--space-sm) 2px;font-size:.65rem;font-weight:600;font-family:inherit;line-height:normal;text-transform:uppercase;letter-spacing:.05em;color:var(--odin-accent);background:var(--bg-secondary);border:1px solid var(--odin-accent);border-radius:var(--radius-sm);box-sizing:border-box}.panel-body.svelte-d0c5rx{flex:1}.transform-panel.svelte-d0c5rx{margin-bottom:var(--space-md);border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.transform-panel.svelte-d0c5rx .panel-body:where(.svelte-d0c5rx){min-height:300px;max-height:300px}.io-panels.svelte-d0c5rx{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-md);align-items:stretch;margin-bottom:var(--space-lg)}.io-panels.svelte-d0c5rx .panel-body:where(.svelte-d0c5rx){min-height:360px;max-height:360px}.odin-panel.svelte-d0c5rx .panel-body:where(.svelte-d0c5rx),.roundtrip-panel.svelte-d0c5rx .panel-body:where(.svelte-d0c5rx){overflow:auto;background:var(--bg-code)}.editor-wrapper.svelte-d0c5rx{position:relative;overflow:hidden}.code-highlight.svelte-d0c5rx{position:absolute;inset:0;margin:0;padding:var(--space-md);background:var(--bg-code);font-family:var(--font-mono);font-size:.8rem;line-height:1.7;border:none;border-radius:0;pointer-events:none;white-space:pre;overflow:auto;scrollbar-width:none}.code-highlight.svelte-d0c5rx::-webkit-scrollbar{display:none}.code-highlight.svelte-d0c5rx .odin-verb[data-verb]{pointer-events:auto;cursor:help;border-radius:2px;transition:background var(--transition-fast)}.code-highlight.svelte-d0c5rx .odin-verb[data-verb]:hover{background:#9b59b626}.code-editor.svelte-d0c5rx{position:absolute;inset:0;padding:var(--space-md);background:transparent;color:transparent;caret-color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;line-height:1.7;border:none;resize:none;outline:none;white-space:pre;overflow:auto}.code-output.svelte-d0c5rx{margin:0;padding:var(--space-md);height:100%;border:none;border-radius:0;font-size:.8rem;background:var(--bg-code);overflow:auto}.format-tabs.svelte-d0c5rx{display:flex;align-items:center;gap:2px}.format-tab.svelte-d0c5rx{padding:1px var(--space-sm) 2px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:transparent;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.format-tab.svelte-d0c5rx:hover{color:var(--text-primary);border-color:var(--border-primary)}.format-tab.active.svelte-d0c5rx{color:var(--odin-accent);border-color:var(--odin-accent);background:var(--bg-secondary)}.error-display.svelte-d0c5rx{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg);color:#ef4444;font-family:var(--font-mono);font-size:.8rem;line-height:1.6}.error-display.svelte-d0c5rx svg{flex-shrink:0;margin-top:2px}.explore-grid.svelte-d0c5rx{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-top:var(--space-xl)}.explore-card.svelte-d0c5rx{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.explore-card.svelte-d0c5rx:hover{border-color:var(--odin-accent);transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.explore-card.svelte-d0c5rx svg{color:var(--odin-accent)}.explore-card.svelte-d0c5rx h3:where(.svelte-d0c5rx){font-size:1.05rem;font-weight:600;margin-top:var(--space-xs)}.explore-card.svelte-d0c5rx p:where(.svelte-d0c5rx){font-size:.825rem;color:var(--text-secondary);line-height:1.6;flex:1}.explore-cta.svelte-d0c5rx{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;font-weight:600;color:var(--odin-accent);margin-top:var(--space-sm);transition:gap var(--transition-fast)}.explore-card.svelte-d0c5rx:hover .explore-cta:where(.svelte-d0c5rx){gap:var(--space-sm)}.verb-tooltip.svelte-d0c5rx{position:fixed;transform:translateY(-100%);z-index:1000;background:var(--bg-secondary);border:1px solid rgba(150,150,150,.4);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);box-shadow:0 4px 12px #00000040;max-width:280px;pointer-events:auto}.verb-tooltip-sig.svelte-d0c5rx{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--odin-magenta);margin-bottom:2px}.verb-tooltip-desc.svelte-d0c5rx{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--space-xs)}.verb-tooltip-link.svelte-d0c5rx{font-size:.675rem;font-weight:600;color:var(--odin-accent)}.verb-tooltip-link.svelte-d0c5rx:hover{text-decoration:underline}@media(max-width:1024px){.io-panels.svelte-d0c5rx{grid-template-columns:1fr}.io-panels.svelte-d0c5rx .panel-body:where(.svelte-d0c5rx){min-height:300px;max-height:300px}.example-card-grid.svelte-d0c5rx,.explore-grid.svelte-d0c5rx{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.example-card-grid.svelte-d0c5rx,.explore-grid.svelte-d0c5rx{grid-template-columns:1fr}}