.demo-showcase-container[data-astro-cid-ff6oxm4g]{margin-bottom:60px}.demo-header-section[data-astro-cid-ff6oxm4g]{text-align:center;max-width:780px;margin:0 auto 28px}.demo-badge-pill[data-astro-cid-ff6oxm4g]{display:inline-flex;align-items:center;gap:8px;background:var(--primary-glow);color:var(--primary);padding:5px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.demo-headline-title[data-astro-cid-ff6oxm4g]{font-size:1.85rem;font-weight:800;color:var(--text);margin-bottom:10px;line-height:1.3}.demo-subheadline-desc[data-astro-cid-ff6oxm4g]{font-size:.975rem;color:var(--text-muted);line-height:1.6}.demo-controls-bar[data-astro-cid-ff6oxm4g]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--surface);padding:12px 18px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--border);border-bottom:none}.demo-view-mode-group[data-astro-cid-ff6oxm4g]{display:flex;align-items:center;gap:8px}.view-mode-label[data-astro-cid-ff6oxm4g]{font-size:.825rem;font-weight:700;color:var(--text-muted)}.demo-actions-right[data-astro-cid-ff6oxm4g]{display:flex;align-items:center;gap:10px}.demo-canvas-card[data-astro-cid-ff6oxm4g]{padding:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden;border-top:none;box-shadow:var(--shadow-md);background:var(--surface)}.demo-slider-box[data-astro-cid-ff6oxm4g]{height:420px;user-select:none;cursor:default;position:relative;overflow:hidden}.split-layer-before[data-astro-cid-ff6oxm4g]{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8fafc}.split-layer-after[data-astro-cid-ff6oxm4g]{position:absolute;top:0;left:0;bottom:0;width:50%;overflow:hidden;z-index:3;border-right:2px solid var(--primary)}.split-layer-after-inner[data-astro-cid-ff6oxm4g]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff}.floating-layer-badge[data-astro-cid-ff6oxm4g]{position:absolute;top:16px;left:16px;background:#0f172ad9;backdrop-filter:blur(8px);color:#fff;padding:6px 14px;border-radius:var(--radius-md);font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.15);z-index:5}.badge-dot[data-astro-cid-ff6oxm4g]{width:8px;height:8px;border-radius:50%;display:inline-block}.badge-subtext[data-astro-cid-ff6oxm4g]{opacity:.6}.badge-subtext-success[data-astro-cid-ff6oxm4g]{color:#34d399}.slider-divider[data-astro-cid-ff6oxm4g]{position:absolute;top:0;bottom:0;width:3px;background:var(--primary);transform:translate(-50%);cursor:ew-resize;z-index:10}.slider-handle[data-astro-cid-ff6oxm4g]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0284c766;cursor:ew-resize}.slider-drag-hint[data-astro-cid-ff6oxm4g]{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#0f172acc;color:#fff;padding:4px 14px;border-radius:var(--radius-full);font-size:.725rem;font-weight:600;pointer-events:none;z-index:10}.visual-wrap[data-astro-cid-ff6oxm4g]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.visual-raster[data-astro-cid-ff6oxm4g]{background:#f8fafc}.pixel-grid-dots[data-astro-cid-ff6oxm4g]{position:absolute;inset:0;background-image:radial-gradient(rgba(100,116,139,.25) 1px,transparent 1px);background-size:12px 12px;pointer-events:none}.visual-vector-pure[data-astro-cid-ff6oxm4g]{background:#fff}.vector-nodes-badge[data-astro-cid-ff6oxm4g]{position:absolute;bottom:14px;right:16px;background:#0284c71a;color:#0284c7;padding:4px 10px;border-radius:6px;font-size:.725rem;font-weight:700}.visual-sharpen-dark[data-astro-cid-ff6oxm4g]{background:#0f172a}.micro-badge-soft[data-astro-cid-ff6oxm4g]{position:absolute;top:16px;left:16px;background:#f59e0b33;color:#fbbf24;border:1px solid #f59e0b;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700}.micro-badge-sharp[data-astro-cid-ff6oxm4g]{position:absolute;top:16px;left:16px;background:#10b98133;color:#34d399;border:1px solid #10b981;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700}.visual-cluttered-bg[data-astro-cid-ff6oxm4g]{background:linear-gradient(135deg,#1e293b,#0f172a)}.visual-webp-demo[data-astro-cid-ff6oxm4g]{background:#0284c7}.floating-score-badge[data-astro-cid-ff6oxm4g]{position:absolute;bottom:16px;right:18px;color:#fff;padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:800;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0003}.score-poor[data-astro-cid-ff6oxm4g]{background:#ef4444f2}.score-success[data-astro-cid-ff6oxm4g]{background:#10b981f2}.demo-side-grid[data-astro-cid-ff6oxm4g]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));background:var(--surface)}.side-card[data-astro-cid-ff6oxm4g]{display:flex;flex-direction:column}.side-before[data-astro-cid-ff6oxm4g]{border-right:1px solid var(--border)}.side-header[data-astro-cid-ff6oxm4g]{padding:14px 20px;background:var(--surface-subtle);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.side-title-row[data-astro-cid-ff6oxm4g]{display:flex;align-items:center;gap:8px}.side-title[data-astro-cid-ff6oxm4g]{font-size:.9rem;color:var(--text)}.title-primary[data-astro-cid-ff6oxm4g]{color:var(--primary)}.side-visual-box[data-astro-cid-ff6oxm4g]{height:360px;position:relative;overflow:hidden}.side-footer[data-astro-cid-ff6oxm4g]{padding:16px 20px;background:var(--surface);border-top:1px solid var(--border);font-size:.825rem;color:var(--text-muted)}.side-desc[data-astro-cid-ff6oxm4g]{margin:0;line-height:1.5}.side-meta-row[data-astro-cid-ff6oxm4g]{margin-top:8px;display:flex;gap:16px}.demo-metrics-strip[data-astro-cid-ff6oxm4g]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:20px 24px;background:var(--surface-subtle);border-top:1px solid var(--border)}.demo-metric-card[data-astro-cid-ff6oxm4g]{background:var(--surface);padding:14px 18px;border-radius:var(--radius-md);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.metric-label[data-astro-cid-ff6oxm4g]{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.metric-val-row[data-astro-cid-ff6oxm4g]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.metric-before[data-astro-cid-ff6oxm4g]{font-size:.825rem;color:var(--text-muted);text-decoration:line-through}.metric-arrow[data-astro-cid-ff6oxm4g]{color:var(--primary);font-size:.9rem;font-weight:700}.metric-after[data-astro-cid-ff6oxm4g]{font-size:.9rem;font-weight:800;color:var(--text)}.metric-improvement[data-astro-cid-ff6oxm4g]{font-size:.75rem;font-weight:700;color:var(--success);margin-top:2px}.landing-toast[data-astro-cid-r2da3dvj]{position:fixed;top:84px;right:24px;z-index:999;background:var(--surface);border:1px solid var(--primary-border);border-left:4px solid var(--primary);padding:12px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:600;color:var(--text);animation:modal-pop .2s ease-out}.spinner-ring[data-astro-cid-r2da3dvj]{width:36px;height:36px;border:3px solid rgba(2,132,199,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.range-slider[data-astro-cid-r2da3dvj]{width:100%;accent-color:var(--primary);cursor:pointer}.tool-controls-box[data-astro-cid-r2da3dvj]{display:flex;flex-direction:column;gap:12px}.canvas-render-inner[data-astro-cid-r2da3dvj]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.canvas-render-inner[data-astro-cid-r2da3dvj] svg[data-astro-cid-r2da3dvj],.canvas-render-inner[data-astro-cid-r2da3dvj] img[data-astro-cid-r2da3dvj]{max-width:90%;max-height:360px;object-fit:contain}.code-viewer-block[data-astro-cid-r2da3dvj]{background:#0f172a;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.code-header-bar[data-astro-cid-r2da3dvj]{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#1e293b;border-bottom:1px solid rgba(255,255,255,.08)}.code-title[data-astro-cid-r2da3dvj]{font-family:monospace;font-size:.8rem;color:#94a3b8}.code-body-scroll[data-astro-cid-r2da3dvj]{max-height:380px;overflow:auto;padding:16px;font-family:monospace;font-size:.8rem;color:#38bdf8;margin:0;white-space:pre-wrap;word-break:break-all}