.hero-compare[data-astro-cid-x6e7lyf5]{text-align:center;opacity:0;animation:reveal-hero-compare var(--duration-reveal) .2s var(--ease-standard) forwards;margin-block:0 clamp(3.5rem,7vw,6rem);padding:0;position:relative;transform:translateY(20px)}@keyframes reveal-hero-compare{to{opacity:1;transform:translateY(0)}}.compare-window[data-astro-cid-x6e7lyf5]{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);transition:box-shadow var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard);overflow:hidden;box-shadow:0 1px 3px #0000000a}.compare-window[data-astro-cid-x6e7lyf5]:hover{border-color:var(--border-strong);box-shadow:0 2px 8px #00000014}.compare-window__header[data-astro-cid-x6e7lyf5]{padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border-bottom:1px solid var(--border-subtle);user-select:none;justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.window-controls[data-astro-cid-x6e7lyf5]{flex-shrink:0;align-items:center;gap:7px;width:60px;display:flex}.window-dot[data-astro-cid-x6e7lyf5]{border-radius:50%;width:10px;height:10px;display:inline-block}.window-dot--close[data-astro-cid-x6e7lyf5]{background:#ff5f56;border:1px solid #e0443e}.window-dot--min[data-astro-cid-x6e7lyf5]{background:#ffbd2e;border:1px solid #dea123}.window-dot--zoom[data-astro-cid-x6e7lyf5]{background:#27c93f;border:1px solid #1aab29}.window-title[data-astro-cid-x6e7lyf5]{align-items:center;gap:var(--space-2);font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:inline-flex;overflow:hidden}.window-title__icon[data-astro-cid-x6e7lyf5]{color:var(--signal);flex-shrink:0;align-items:center;display:inline-flex}.window-title__filename[data-astro-cid-x6e7lyf5]{color:var(--text-primary);font-weight:500}.window-title__sep[data-astro-cid-x6e7lyf5]{color:var(--text-secondary);opacity:.6}.window-title__output[data-astro-cid-x6e7lyf5]{color:var(--text-secondary)}.window-actions[data-astro-cid-x6e7lyf5]{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.compare-presets[data-astro-cid-x6e7lyf5]{background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-control);align-items:center;gap:2px;padding:2px;display:inline-flex}.preset-btn[data-astro-cid-x6e7lyf5]{color:var(--text-secondary);font-family:var(--font-code);border-radius:var(--radius-control);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);background:0 0;border:none;padding:3px 9px;font-size:.7rem;font-weight:500}.preset-btn[data-astro-cid-x6e7lyf5]:hover{color:var(--text-primary);background:color-mix(in srgb, var(--text-primary) 8%, transparent)}.preset-btn[data-astro-cid-x6e7lyf5].is-active{background:var(--signal);color:var(--signal-contrast)}.window-link[data-astro-cid-x6e7lyf5]{border-radius:var(--radius-control);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-code);transition:all var(--duration-fast) var(--ease-standard);background:0 0;align-items:center;gap:4px;padding:3px 9px;font-size:.7rem;font-weight:500;display:inline-flex}.window-link[data-astro-cid-x6e7lyf5]:hover{color:var(--signal);border-color:var(--signal);background:color-mix(in srgb, var(--signal) 8%, transparent)}.compare-stage[data-astro-cid-x6e7lyf5]{touch-action:pan-y;user-select:none;background:var(--surface-canvas);cursor:col-resize;width:100%;height:clamp(420px,52vw,560px);position:relative;overflow:hidden}.compare-stage[data-astro-cid-x6e7lyf5].is-animating{transition:--slider-pos var(--duration-base) var(--ease-standard)}.compare-layer[data-astro-cid-x6e7lyf5]{pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.compare-layer--code[data-astro-cid-x6e7lyf5]{clip-path:inset(0 calc(100% - var(--slider-pos)) 0 0);background:var(--surface-sunken);z-index:1;cursor:text;user-select:text}.code-scroller[data-astro-cid-x6e7lyf5]{width:100%;height:100%;padding:var(--space-5) var(--space-4) var(--space-4) var(--space-3);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;-webkit-overflow-scrolling:touch;text-align:left;overflow:auto}.code-body[data-astro-cid-x6e7lyf5]{font-family:var(--font-code);background:0 0;margin:0;padding:0;font-size:clamp(.72rem,1.1vw,.82rem);line-height:1.65}.code-lines[data-astro-cid-x6e7lyf5]{white-space:pre;flex-direction:column;font-family:inherit;display:flex}.hero-compare .code-line{align-items:baseline;min-height:1.65em;display:flex}.hero-compare .code-line:hover{background:color-mix(in srgb, var(--text-primary) 4%, transparent)}.hero-compare .line-number{width:2.5rem;padding-right:var(--space-3);text-align:right;color:var(--text-secondary);opacity:.45;user-select:none;flex-shrink:0;font-size:.72rem}.hero-compare .line-content{color:var(--text-primary);flex:1}.hero-compare .hl-keyword{color:var(--signal);font-weight:600}.hero-compare .hl-value{color:color-mix(in srgb, var(--signal) 75%, var(--text-primary));font-weight:500}.hero-compare .hl-scope{color:#e59958;font-weight:600}.hero-compare .hl-scope-name{color:var(--text-primary);font-weight:500}.hero-compare .hl-identifier{color:var(--text-primary)}.hero-compare .hl-resource{color:#64b5f6;font-weight:500}.hero-compare .hl-string{color:#ffd54f}.hero-compare .hl-arrow{color:var(--text-secondary);opacity:.8}.hero-compare .hl-relationship{color:#ba68c8;font-style:italic;font-weight:500}.hero-compare .hl-punctuation,.hero-compare .hl-bracket,.hero-compare .hl-brace{color:var(--text-secondary)}.hero-compare .hl-comment{color:var(--text-secondary);opacity:.7;font-style:italic}.compare-layer--diagram[data-astro-cid-x6e7lyf5]{clip-path:inset(0 0 0 var(--slider-pos));background:var(--surface-canvas);z-index:2;cursor:default}.diagram-canvas[data-astro-cid-x6e7lyf5]{justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(1rem,3vw,2.5rem);display:flex;position:relative}.diagram-blueprint-grid[data-astro-cid-x6e7lyf5]{background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--border-subtle) 75%, transparent) 1px, transparent 0);opacity:.4;pointer-events:none;background-size:24px 24px;position:absolute;inset:0}.diagram-canvas[data-astro-cid-x6e7lyf5] img[data-astro-cid-x6e7lyf5]{object-fit:contain;filter:drop-shadow(0 10px 24px #00000024);pointer-events:none;width:auto;max-width:100%;height:auto;max-height:100%}:root[data-theme=light] .diagram-canvas[data-astro-cid-x6e7lyf5] img[data-astro-cid-x6e7lyf5]{filter:drop-shadow(0 6px 16px #0000000d)}.layer-pill[data-astro-cid-x6e7lyf5]{top:var(--space-3);z-index:10;border-radius:var(--radius-control);background:color-mix(in srgb, var(--surface-raised) 85%, transparent);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);font-family:var(--font-code);letter-spacing:.04em;color:var(--text-secondary);pointer-events:none;align-items:center;gap:6px;padding:3px 8px;font-size:.65rem;font-weight:500;display:inline-flex;position:absolute;box-shadow:0 1px 4px #0000000f}.layer-pill--code[data-astro-cid-x6e7lyf5]{left:var(--space-3)}.layer-pill--diagram[data-astro-cid-x6e7lyf5]{right:var(--space-3)}.layer-pill__indicator[data-astro-cid-x6e7lyf5]{background:var(--signal);border-radius:50%;width:5px;height:5px}.compare-divider[data-astro-cid-x6e7lyf5]{top:0;bottom:0;left:var(--slider-pos);z-index:20;pointer-events:none;width:1px;position:absolute;transform:translate(-50%)}.compare-divider__line[data-astro-cid-x6e7lyf5]{background:var(--border-strong);opacity:.9;position:absolute;inset:0}.compare-handle[data-astro-cid-x6e7lyf5]{top:50%;left:var(--slider-pos);z-index:30;border:1px solid var(--border-strong);background:var(--surface-raised);width:24px;height:38px;color:var(--text-secondary);cursor:ew-resize;transition:transform var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);touch-action:none;border-radius:6px;outline:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000001f}.compare-handle[data-astro-cid-x6e7lyf5]:hover,.compare-stage[data-astro-cid-x6e7lyf5].is-dragging .compare-handle[data-astro-cid-x6e7lyf5]{border-color:var(--signal);color:var(--signal);transform:translate(-50%,-50%)scale(1.06);box-shadow:0 4px 12px #00000038,0 1px 3px #0000001f}.compare-handle[data-astro-cid-x6e7lyf5]:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.handle-icon[data-astro-cid-x6e7lyf5]{flex-direction:column;align-items:center;gap:3px;display:flex}.handle-dot[data-astro-cid-x6e7lyf5]{opacity:.75;width:3px;height:3px;transition:opacity var(--duration-fast);background:currentColor;border-radius:50%}.compare-handle[data-astro-cid-x6e7lyf5]:hover .handle-dot[data-astro-cid-x6e7lyf5],.compare-stage[data-astro-cid-x6e7lyf5].is-dragging .handle-dot[data-astro-cid-x6e7lyf5]{opacity:1}.hero-compare__caption[data-astro-cid-x6e7lyf5]{margin-top:var(--space-4);color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.caption-bullet[data-astro-cid-x6e7lyf5]{color:var(--border-strong)}.caption-interaction[data-astro-cid-x6e7lyf5]{color:var(--text-secondary)}.caption-interaction[data-astro-cid-x6e7lyf5] kbd[data-astro-cid-x6e7lyf5]{font-family:var(--font-code);color:var(--text-primary);background:var(--surface-sunken);border:1px solid var(--border-subtle);box-shadow:0 1px 0 var(--border-subtle);border-radius:4px;padding:.1rem .35rem;font-size:.72rem;display:inline-block}@media (width<=719px){.compare-window__header[data-astro-cid-x6e7lyf5]{padding:var(--space-2) var(--space-3)}.window-controls[data-astro-cid-x6e7lyf5]{gap:5px;width:45px}.window-dot[data-astro-cid-x6e7lyf5]{width:8px;height:8px}.window-title__sep[data-astro-cid-x6e7lyf5],.window-title__output[data-astro-cid-x6e7lyf5]{display:none}.preset-btn[data-astro-cid-x6e7lyf5]{padding:2px 7px;font-size:.65rem}.window-link[data-astro-cid-x6e7lyf5]{display:none}.compare-stage[data-astro-cid-x6e7lyf5]{height:420px}.hero-compare__caption[data-astro-cid-x6e7lyf5]{font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){.hero-compare[data-astro-cid-x6e7lyf5]{opacity:1!important;animation:none!important;transform:none!important}.compare-stage[data-astro-cid-x6e7lyf5].is-animating{transition:none!important}}