@layer starlight.components{.card:where(.astro-oag6qnet){--sl-card-border:var(--sl-color-purple);--sl-card-bg:var(--sl-color-purple-low);border:1px solid var(--sl-color-gray-5);background-color:var(--sl-color-black);flex-direction:column;gap:clamp(.5rem,.125rem + 1vw,1rem);padding:clamp(1rem,.125rem + 3vw,2.5rem)}.card:where(.astro-oag6qnet):nth-child(4n+1){--sl-card-border:var(--sl-color-orange);--sl-card-bg:var(--sl-color-orange-low)}.card:where(.astro-oag6qnet):nth-child(4n+3){--sl-card-border:var(--sl-color-green);--sl-card-bg:var(--sl-color-green-low)}.card:where(.astro-oag6qnet):nth-child(4n+4){--sl-card-border:var(--sl-color-red);--sl-card-bg:var(--sl-color-red-low)}.card:where(.astro-oag6qnet):nth-child(4n+5){--sl-card-border:var(--sl-color-blue);--sl-card-bg:var(--sl-color-blue-low)}.title:where(.astro-oag6qnet){font-weight:600;font-size:var(--sl-text-h4);color:var(--sl-color-white);line-height:var(--sl-line-height-headings);align-items:center;gap:1rem}.card:where(.astro-oag6qnet) .icon:where(.astro-oag6qnet){border:1px solid var(--sl-card-border);background-color:var(--sl-card-bg);border-radius:.25rem;flex-shrink:0;padding:.2em}.card:where(.astro-oag6qnet) .body:where(.astro-oag6qnet){font-size:clamp(var(--sl-text-sm), calc(.5rem + 1vw), var(--sl-text-body));margin:0}.card-grid:where(.astro-7qmvx3iy){grid-template-columns:100%;gap:1rem;display:grid}.card-grid:where(.astro-7qmvx3iy)>*{margin-top:0!important}@media (width>=50rem){.card-grid:where(.astro-7qmvx3iy){grid-template-columns:1fr 1fr;gap:1.5rem}.stagger:where(.astro-7qmvx3iy){--stagger-height:5rem;padding-bottom:var(--stagger-height)}.stagger:where(.astro-7qmvx3iy)>:nth-child(2n){transform:translateY(var(--stagger-height))}}}.compare-wrapper:where(.astro-zwmc722v){background:linear-gradient(135deg,#0f172af2,#0b0f19fa);border:1px solid #6366f140;border-radius:20px;margin:2.5rem 0;padding:2rem;position:relative;overflow:hidden;box-shadow:0 20px 50px -15px #000000b3}.pill-banner:where(.astro-zwmc722v){color:#cbd5e1;background:#1e293b99;border:1px solid #6366f14d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .85rem;font-size:.8rem;display:inline-flex}.live-dot:where(.astro-zwmc722v){background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;box-shadow:0 0 8px #10b981}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.pill-divider:where(.astro-zwmc722v){color:#475569}.pill-stat:where(.astro-zwmc722v){color:#34d399;font-weight:700}.compare-header:where(.astro-zwmc722v) h3:where(.astro-zwmc722v){color:#f8fafc;letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.compare-header:where(.astro-zwmc722v) p:where(.astro-zwmc722v){color:#94a3b8;max-width:850px;margin:0 0 1.75rem;font-size:.98rem;line-height:1.6}.scenario-nav:where(.astro-zwmc722v){grid-template-columns:repeat(3,1fr);align-items:stretch;gap:.75rem;width:100%;margin-bottom:1.5rem;display:grid}.scenario-nav:where(.astro-zwmc722v)>:where(.astro-zwmc722v){margin:0!important}@media (width<=680px){.scenario-nav:where(.astro-zwmc722v){grid-template-columns:1fr}}.scenario-tab:where(.astro-zwmc722v){color:#cbd5e1;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#1e293b80;border:1px solid #47556959;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;width:100%;height:48px;min-height:48px;max-height:48px;padding:0 .6rem;font-size:.86rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;margin:0!important}.scenario-tab:where(.astro-zwmc722v):hover{color:#fff;background:#334155cc;border-color:#818cf8}.scenario-tab:where(.astro-zwmc722v).active{color:#fff;background:#6366f1;border-color:#818cf8;box-shadow:0 4px 16px -2px #6366f199}.tab-badge-emerald:where(.astro-zwmc722v){color:#6ee7b7;background:#10b98133;border-radius:9999px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.tab-badge-cyan:where(.astro-zwmc722v){color:#67e8f9;background:#06b6d433;border-radius:9999px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.scenario-tab:where(.astro-zwmc722v).active .tab-badge-emerald:where(.astro-zwmc722v),.scenario-tab:where(.astro-zwmc722v).active .tab-badge-cyan:where(.astro-zwmc722v){color:#fff;background:#fff3}.scenario-content:where(.astro-zwmc722v){display:none}.scenario-content:where(.astro-zwmc722v).active{display:block}.browser-window:where(.astro-zwmc722v){background:#090d16;border:1px solid #47556966;border-radius:14px;overflow:hidden;box-shadow:0 15px 35px -5px #0009}.browser-toolbar:where(.astro-zwmc722v){background:#1e293b99;border-bottom:1px solid #33415566;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.window-dots:where(.astro-zwmc722v){gap:6px;display:flex}.dot:where(.astro-zwmc722v){border-radius:50%;width:11px;height:11px}.dot:where(.astro-zwmc722v).red{background:#ff5f56}.dot:where(.astro-zwmc722v).yellow{background:#ffbd2e}.dot:where(.astro-zwmc722v).green{background:#27c93f}.url-bar:where(.astro-zwmc722v){color:#94a3b8;max-width:540px;font-size:.8rem;font-family:var(--sl-font-mono);background:#0f172acc;border:1px solid #47556959;border-radius:6px;flex:1;align-items:center;gap:.4rem;padding:.3rem .85rem;display:flex}.test-status-badge:where(.astro-zwmc722v).fail{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.comparison-grid:where(.astro-zwmc722v){background:#0b0f19cc;grid-template-columns:1fr 1fr;align-items:stretch;gap:1.5rem;padding:1.5rem;display:grid}@media (width<=900px){.comparison-grid:where(.astro-zwmc722v){grid-template-columns:1fr}}.compare-card:where(.astro-zwmc722v){background:#0f172ae6;border:1px solid #4755694d;border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}.compare-card:where(.astro-zwmc722v).opt-card{border-color:#34d39966;box-shadow:0 0 20px -5px #10b98126}.card-top-bar:where(.astro-zwmc722v){box-sizing:border-box;background:#1e293b66;border-bottom:1px solid #3341554d;justify-content:space-between;align-items:center;min-height:52px;padding:.85rem 1.25rem;display:flex}.card-badge:where(.astro-zwmc722v){font-size:.8rem;font-weight:700}.card-badge:where(.astro-zwmc722v).raw{color:#f87171}.card-badge:where(.astro-zwmc722v).opt{color:#34d399}.card-token-counter:where(.astro-zwmc722v){font-size:.85rem;font-weight:800}.text-red:where(.astro-zwmc722v){color:#f87171}.text-emerald:where(.astro-zwmc722v){color:#34d399}.image-stage:where(.astro-zwmc722v){box-sizing:border-box;background:#020617;flex:1;justify-content:center;align-items:center;height:380px;min-height:380px;max-height:380px;padding:1.25rem;display:flex;position:relative;overflow:hidden}.crop-stage:where(.astro-zwmc722v){background:radial-gradient(circle,#1e293be6,#040812)}.canvas-viewport-frame:where(.astro-zwmc722v){background:#fff;border-radius:8px;justify-content:center;align-items:center;max-width:100%;max-height:330px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080}.stage-image:where(.astro-zwmc722v){max-width:100%;height:auto;display:block}.stage-image:where(.astro-zwmc722v).full-canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:320px}.wiki-desktop-indicator:where(.astro-zwmc722v){pointer-events:none;background:#f43f5e33;border:2px dashed #f43f5e;border-radius:6px;width:43%;height:8.5%;animation:2s infinite pulseIndicator;position:absolute;top:57%;left:28.5%}@keyframes pulseIndicator{0%,to{opacity:.9}50%{opacity:.3}}.indicator-chip:where(.astro-zwmc722v){color:#fff;white-space:nowrap;background:#f43f5e;border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:800;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #f43f5e66}.crop-focus-frame:where(.astro-zwmc722v){background:#fff;border:2px solid #34d39999;border-radius:10px;justify-content:center;align-items:center;max-width:100%;max-height:330px;padding:6px;display:flex;overflow:hidden;box-shadow:0 10px 30px -5px #10b9814d}.crop-focus-frame:where(.astro-zwmc722v) img:where(.astro-zwmc722v).crop-result{object-fit:contain;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:310px;display:block}.patch-info-pill:where(.astro-zwmc722v){color:#a7f3d0;z-index:5;background:#0f172af2;border:1px solid #34d39980;border-radius:9999px;padding:3px 12px;font-size:.72rem;font-weight:700;position:absolute;bottom:12px;box-shadow:0 4px 12px #0006}.card-metrics-grid:where(.astro-zwmc722v){box-sizing:border-box;background:#0f172abf;border-top:1px solid #3341554d;grid-template-columns:1fr 1fr;gap:.75rem 1rem;min-height:115px;margin-top:auto;padding:1rem 1.25rem;display:grid}.metric-cell:where(.astro-zwmc722v){flex-direction:column;display:flex}.cell-label:where(.astro-zwmc722v){color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.cell-value:where(.astro-zwmc722v){color:#f1f5f9;font-size:.92rem;font-weight:700}.phone-frame:where(.astro-zwmc722v){aspect-ratio:390/664;background:#fff;border:4px solid #334155;border-radius:20px;justify-content:center;align-items:center;width:auto;height:330px;max-height:330px;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000080}.phone-screen:where(.astro-zwmc722v){object-fit:cover;width:100%;height:100%;display:block}.aggregation-card:where(.astro-zwmc722v){background:linear-gradient(135deg,#1e293b66,#0f172acc);border:1px solid #6366f14d;border-radius:14px;padding:2rem}.agg-header:where(.astro-zwmc722v){margin-bottom:2rem}.agg-badge:where(.astro-zwmc722v){color:#818cf8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:inline-block}.agg-header:where(.astro-zwmc722v) h4:where(.astro-zwmc722v){color:#f8fafc;margin:0 0 .5rem;font-size:1.4rem}.agg-header:where(.astro-zwmc722v) p:where(.astro-zwmc722v){color:#94a3b8;margin:0;line-height:1.5}.agg-visual-flow:where(.astro-zwmc722v){grid-template-columns:1fr auto 1fr auto 1.3fr;align-items:center;gap:.75rem;width:100%;margin-bottom:1.75rem;display:grid}@media (width<=800px){.agg-visual-flow:where(.astro-zwmc722v){grid-template-columns:1fr}}.agg-box:where(.astro-zwmc722v){text-align:center;box-sizing:border-box;background:#0f172ad9;border:1px solid #47556966;border-radius:10px;width:100%;padding:.85rem}.box-title:where(.astro-zwmc722v){color:#cbd5e1;margin-bottom:.5rem;font-size:.78rem;font-weight:700}.box-crop:where(.astro-zwmc722v){background:#fff;border-radius:6px;justify-content:center;align-items:center;height:75px;padding:4px;display:flex}.box-crop:where(.astro-zwmc722v) img:where(.astro-zwmc722v){object-fit:contain;border-radius:4px;max-width:100%;max-height:70px}.box-tokens:where(.astro-zwmc722v){color:#34d399;margin-top:.5rem;font-size:.85rem;font-weight:700}.agg-operator:where(.astro-zwmc722v){color:#6366f1;text-align:center;font-size:1.5rem;font-weight:800}.agg-bundle-result:where(.astro-zwmc722v){box-sizing:border-box;background:linear-gradient(135deg,#064e3b66,#0f172ae6);border:1px solid #34d39980;border-radius:12px;width:100%;padding:1rem 1.25rem}.bundle-tag:where(.astro-zwmc722v){font-family:var(--sl-font-mono);color:#94a3b8;margin-bottom:.3rem;font-size:.72rem}.bundle-stat:where(.astro-zwmc722v){color:#34d399;font-size:1.05rem;font-weight:800}.bundle-compare:where(.astro-zwmc722v){color:#f87171;margin:.15rem 0;font-size:.8rem;text-decoration:line-through}.bundle-savings:where(.astro-zwmc722v){color:#6ee7b7;font-size:.82rem;font-weight:700}.triage-json-preview:where(.astro-zwmc722v){background:#090d16;border:1px solid #47556959;border-radius:10px;overflow:hidden}.json-header:where(.astro-zwmc722v){color:#94a3b8;font-size:.75rem;font-family:var(--sl-font-mono);background:#1e293b80;border-bottom:1px solid #4755694d;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.json-dot:where(.astro-zwmc722v){background:#34d399;border-radius:50%;width:7px;height:7px}.triage-json-preview:where(.astro-zwmc722v) pre:where(.astro-zwmc722v){margin:0;padding:1rem;background:0 0!important}.triage-json-preview:where(.astro-zwmc722v) code:where(.astro-zwmc722v){color:#cbd5e1;font-size:.82rem;line-height:1.45;font-family:var(--sl-font-mono)}.token-calc-container:where(.astro-pbc2u7pa){background:linear-gradient(135deg,#0f172af2,#1e1b4bd9);border:1px solid #6366f14d;border-radius:16px;margin:2rem 0;padding:1.75rem;box-shadow:0 12px 32px -8px #6366f133}.calc-header:where(.astro-pbc2u7pa) h3:where(.astro-pbc2u7pa){color:#e0e7ff;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.calc-header:where(.astro-pbc2u7pa) p:where(.astro-pbc2u7pa){color:#94a3b8;margin:0 0 1.5rem;font-size:.95rem}.calc-grid:where(.astro-pbc2u7pa){grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.calc-grid:where(.astro-pbc2u7pa){grid-template-columns:1fr}}.control-group:where(.astro-pbc2u7pa){margin-bottom:1.25rem}.control-group:where(.astro-pbc2u7pa) label:where(.astro-pbc2u7pa){color:#cbd5e1;margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.calc-select:where(.astro-pbc2u7pa){color:#f8fafc;background:#0f172a;border:1px solid #475569;border-radius:8px;width:100%;padding:.6rem .8rem;font-size:.9rem}.scenario-buttons:where(.astro-pbc2u7pa){flex-wrap:wrap;gap:.5rem;display:flex}.scenario-btn:where(.astro-pbc2u7pa){color:#cbd5e1;cursor:pointer;background:#33415580;border:1px solid #94a3b833;border-radius:6px;padding:.35rem .65rem;font-size:.78rem;transition:all .15s}.scenario-btn:where(.astro-pbc2u7pa):hover{color:#fff;background:#6366f133;border-color:#6366f1}.scenario-btn:where(.astro-pbc2u7pa).active{color:#fff;background:#6366f1;border-color:#818cf8;font-weight:600}.custom-dims-row:where(.astro-pbc2u7pa){grid-template-columns:1fr 1fr;gap:1rem;display:grid}.calc-slider:where(.astro-pbc2u7pa){accent-color:#6366f1;cursor:pointer;width:100%}.calc-results:where(.astro-pbc2u7pa){flex-direction:column;justify-content:center;gap:1rem;display:flex}.metric-card:where(.astro-pbc2u7pa){background:#0f172abf;border:1px solid #47556966;border-radius:12px;padding:1.1rem;transition:transform .2s}.metric-card:where(.astro-pbc2u7pa).savings-highlight{background:linear-gradient(135deg,#064e3b80,#0f172acc);border-color:#34d39966}.metric-label:where(.astro-pbc2u7pa){text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.78rem;font-weight:600}.savings-highlight:where(.astro-pbc2u7pa) .metric-label:where(.astro-pbc2u7pa){color:#6ee7b7}.metric-value:where(.astro-pbc2u7pa){color:#f8fafc;margin:.25rem 0;font-size:2rem;font-weight:800;line-height:1.2}.savings-highlight:where(.astro-pbc2u7pa) .metric-value:where(.astro-pbc2u7pa){color:#34d399}.metric-sub:where(.astro-pbc2u7pa){color:#cbd5e1;font-size:.85rem}