.wp-demo{--wp-ok: #1f9d6b;--wp-late: #c0392b}[data-theme=dark] .wp-demo{--wp-ok: #3fbf8b;--wp-late: #ff6b5e}.wp-sizes{border:1px solid var(--border-strong);border-radius:2px;padding:1rem 1.15rem;margin:1.75rem 0 1.25rem;display:flex;flex-wrap:wrap;gap:.4rem 1.75rem}.wp-sizes legend{font-family:var(--font-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 .4rem}.wp-size-option{display:flex;align-items:baseline;gap:.5rem;cursor:pointer}.wp-size-rows{font-family:var(--font-mono);font-size:.76rem;color:var(--text)}.wp-size-est{font-family:var(--font-mono);font-size:.64rem;color:var(--text-subtle)}.wp-size-option input{accent-color:var(--secondary)}.wp-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.9rem}.wp-btn{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:.8rem 1.25rem;border:1px solid var(--border-strong);border-radius:2px;background:transparent;color:var(--text);cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.wp-btn.is-primary{border-color:var(--secondary);color:var(--secondary)}.wp-btn.is-quiet{color:var(--text-muted)}.wp-btn.is-warn{border-color:var(--wp-late);color:var(--wp-late);display:block;margin-bottom:.9rem}.wp-btn:hover:not(:disabled){background:var(--pill-bg)}.wp-btn:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.wp-btn:disabled{opacity:.4;cursor:not-allowed}.wp-btn[hidden]{display:none}.wp-btn[aria-busy=true]{border-style:dashed}.wp-check{display:flex;gap:.65rem;align-items:flex-start;font-family:var(--font-body);font-size:.95rem;line-height:1.6;color:var(--text-muted);max-width:62ch}.wp-check input{margin-top:.35rem;accent-color:var(--secondary)}.wp-live{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;background:var(--border-strong);border:1px solid var(--border-strong);margin:1.5rem 0}.wp-canary{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-strong)}.wp-canary-cell{background:var(--page-bg);padding:1.2rem 1.35rem}.wp-canary-dial{width:40px;height:40px;border:1px solid var(--border-strong);border-radius:50%;display:flex;align-items:flex-end;justify-content:center;margin-bottom:.85rem}.wp-canary-hand{width:2px;height:19px;background:var(--secondary);transform-origin:50% 0%;transition:none}.wp-canary-dial:has(.wp-canary-hand[data-stalled=true]){border-color:var(--wp-late)}.wp-canary-hand[data-stalled=true]{background:var(--wp-late)}.wp-canary-hand.is-ref{animation:wp-sweep 1.2s linear infinite}@keyframes wp-sweep{to{transform:rotate(360deg)}}.wp-canary-label{font-family:var(--font-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin:0 0 .4rem}.wp-heartbeat{background:var(--page-bg);padding:1.2rem 1.35rem}.wp-ticker{display:grid;grid-template-columns:repeat(160,1fr);gap:1px;height:26px;border:1px solid var(--border-strong);padding:2px;margin-bottom:.55rem}.wp-tick{background:var(--border)}.wp-tick.is-ok{background:var(--wp-ok)}.wp-tick.is-late{background:var(--wp-late)}.wp-tick.is-head{background:var(--text)}.wp-note{font-family:var(--font-mono);font-size:.62rem;line-height:1.6;color:var(--text-subtle);margin:0}.wp-note-block{font-family:var(--font-body);font-size:.95rem;line-height:1.6;color:var(--text-muted);border-left:2px solid var(--secondary);padding-left:1rem;margin:1rem 0;max-width:62ch}.wp-status{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);margin:0 0 1rem;min-height:1.4em}.wp-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--border-strong);margin-top:.5rem}.wp-results:empty{display:none}.wp-col{background:var(--page-bg);padding:1.4rem 1.5rem}.wp-col.is-winner{background:color-mix(in srgb,var(--secondary) 4%,var(--page-bg))}.wp-col-name{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--secondary);margin:0 0 1.1rem}.wp-figure-row{margin-bottom:1rem}.wp-figure{display:block;font-family:var(--font-display);font-weight:650;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}.wp-figure.is-small{font-size:clamp(1.1rem,2vw,1.4rem)}.wp-figure.is-bad{color:var(--wp-late)}.wp-figure-key{display:block;font-family:var(--font-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.04em;line-height:1.5;color:var(--text-muted);margin-top:.4rem}.wp-fp{display:block;font-family:var(--font-mono);font-size:.78rem;color:var(--text);word-break:break-all}.wp-col.is-void .wp-void{font-family:var(--font-display);font-size:1.2rem;color:var(--wp-late);margin:0 0 .6rem}.wp-verdict{font-family:var(--font-body);font-size:1.02rem;line-height:1.65;color:var(--text);max-width:66ch;margin:1.2rem 0 .6rem}.wp-verdict:empty{display:none}.wp-verdict.is-bad{color:var(--wp-late)}.wp-advanced{margin-top:2rem;border-top:1px solid var(--border-strong);padding-top:1.25rem}.wp-advanced summary{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary);cursor:pointer}.wp-advanced summary:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}.wp-advanced[open] summary{margin-bottom:1rem}.ed-section-grid>*{min-width:0}.wp-code{max-width:100%;--astro-code-color-text: var(--text);--astro-code-color-background: transparent;--astro-code-token-comment: var(--text-subtle);--astro-code-token-keyword: var(--secondary);--astro-code-token-string: var(--text-muted);--astro-code-token-string-expression: var(--text-muted);--astro-code-token-function: var(--text);--astro-code-token-constant: var(--text);--astro-code-token-parameter: var(--text-muted);--astro-code-token-punctuation: var(--text-subtle);--astro-code-token-link: var(--secondary);border:1px solid var(--border-strong);border-radius:2px;padding:1.25rem 1.4rem;margin:1.5rem 0;overflow-x:auto;font-size:.82rem;line-height:1.65}@media (prefers-reduced-motion: reduce){.wp-canary-hand.is-ref{animation:none}.wp-canary-hand{display:none}.wp-btn{transition:none}}@media (max-width: 720px){.wp-ticker{grid-template-columns:repeat(80,1fr)}.wp-canary{grid-template-columns:1fr}.wp-actions .wp-btn{flex:1 1 100%}}