.playground-page:where(.astro-5wq3ak55){max-width:880px;margin:0 auto;padding:6rem 1.5rem 4rem;display:flex;flex-direction:column;gap:1.75rem}.playground-header:where(.astro-5wq3ak55){display:flex;flex-direction:column;gap:.5rem}.playground-title:where(.astro-5wq3ak55){font-family:var(--sans);font-size:2.5rem;font-weight:600;letter-spacing:0;color:var(--text-1);margin:0;line-height:1.1;text-wrap:balance}.playground-subtitle:where(.astro-5wq3ak55){font-family:var(--sans);font-size:1.0625rem;font-weight:400;color:var(--text-2);letter-spacing:.2px;margin:0;line-height:1.4}.playground-disclaimer:where(.astro-5wq3ak55){font-family:var(--sans);font-size:.8125rem;font-weight:400;color:var(--text-3);letter-spacing:.2px;margin-top:.25rem}.playground-status:where(.astro-5wq3ak55){display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.75rem;color:var(--text-3);letter-spacing:.04em}.status-label:where(.astro-5wq3ak55){color:var(--text-2)}.countdown:where(.astro-5wq3ak55){margin-left:auto;color:var(--text-2)}.demo-window:where(.astro-5wq3ak55){background:light-dark(#F7F6F3,#0e0f11);border:1px solid var(--border-hover);border-radius:12px;overflow:hidden;box-shadow:0 24px 64px -16px light-dark(rgba(0,0,0,.1),rgba(0,0,0,.7)),0 0 0 1px light-dark(rgba(0,0,0,.05),rgba(255,255,255,.02)),inset 0 1px 0 light-dark(rgba(255,255,255,.8),rgba(255,255,255,.04))}.demo-bar:where(.astro-5wq3ak55){display:flex;align-items:center;gap:6px;padding:.65rem 1rem;border-bottom:1px solid var(--border);background:light-dark(rgba(0,0,0,.02),rgba(255,255,255,.015))}.dot:where(.astro-5wq3ak55){width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot-r:where(.astro-5wq3ak55){background:#ff5f57}.dot-y:where(.astro-5wq3ak55){background:#febc2e}.dot-g:where(.astro-5wq3ak55){background:#28c840}.demo-label:where(.astro-5wq3ak55){margin-left:auto;font-family:var(--mono);font-size:.6875rem;color:var(--text-3);letter-spacing:.04em}.ws-dot:where(.astro-5wq3ak55){width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--text-3, #6a6b6c);transition:background .3s}.ws-dot:where(.astro-5wq3ak55).ws-connected{background:#4ade80;box-shadow:0 0 6px #4ade8080}.ws-dot:where(.astro-5wq3ak55).ws-disconnected{background:light-dark(rgba(0,0,0,.18),rgba(255,255,255,.18))}.ws-dot:where(.astro-5wq3ak55).ws-error{background:#ff6363}.playground-feed:where(.astro-5wq3ak55){list-style:none;margin:0;padding:1rem 1.375rem;font-family:var(--mono);font-size:.8125rem;line-height:1.6;min-height:14rem;max-height:28rem;overflow-y:auto;color:var(--text-1)}.playground-feed:where(.astro-5wq3ak55) li:where(.astro-5wq3ak55){display:flex;align-items:baseline;gap:.5rem;padding:.125rem 0}.playground-feed:where(.astro-5wq3ak55) .prompt:where(.astro-5wq3ak55){color:var(--accent);flex-shrink:0;user-select:none}.playground-feed:where(.astro-5wq3ak55) .content:where(.astro-5wq3ak55){flex:1;word-break:break-word;white-space:pre-wrap}.playground-feed:where(.astro-5wq3ak55) .ago:where(.astro-5wq3ak55){color:var(--text-3);font-size:.6875rem;letter-spacing:.02em;flex-shrink:0}.playground-feed:where(.astro-5wq3ak55) li:where(.astro-5wq3ak55).empty{font-style:italic;color:var(--text-3)}.inline-code:where(.astro-5wq3ak55){font-family:var(--mono);font-size:.9em;color:var(--accent);background:var(--accent-subtle);border-radius:3px;padding:.1em .35em}.playground-curl-pane:where(.astro-5wq3ak55){display:flex;flex-direction:column;gap:1rem}.curl-block:where(.astro-5wq3ak55){border:1px solid var(--border);border-radius:8px;background:var(--bg-card);overflow:hidden}.curl-block--primary:where(.astro-5wq3ak55){border-color:var(--accent-muted)}.curl-block--secondary:where(.astro-5wq3ak55){opacity:.75}.curl-note:where(.astro-5wq3ak55){font-family:var(--sans);font-size:.75rem;color:var(--text-3);margin:0;padding:.5rem 1rem .75rem;border-top:1px solid var(--border)}.curl-link:where(.astro-5wq3ak55){color:var(--accent);text-decoration:none}.curl-link:where(.astro-5wq3ak55):hover{text-decoration:underline}.curl-header:where(.astro-5wq3ak55){display:flex;align-items:center;justify-content:space-between;padding:.5rem .875rem;border-bottom:1px solid var(--border);background:light-dark(rgba(0,0,0,.02),rgba(255,255,255,.015))}.curl-title:where(.astro-5wq3ak55){font-family:var(--sans);font-size:.75rem;font-weight:500;color:var(--text-2);letter-spacing:.02em}.copy-btn:where(.astro-5wq3ak55){background:none;border:1px solid var(--border-hover);border-radius:4px;color:var(--text-3);cursor:pointer;font-family:var(--mono);font-size:.875rem;line-height:1;padding:.125rem .5rem;transition:color .15s,border-color .15s,background .15s}.copy-btn:where(.astro-5wq3ak55):hover{color:var(--text-1);border-color:var(--text-3);background:var(--accent-subtle)}.curl-pre:where(.astro-5wq3ak55){margin:0;padding:.875rem 1rem;font-family:var(--mono);font-size:.75rem;line-height:1.6;color:var(--text-1);overflow-x:auto;background:transparent}.curl-code:where(.astro-5wq3ak55){background:none;border:none;padding:0;color:inherit;white-space:pre;font-size:inherit}.playground-error:where(.astro-5wq3ak55){padding:.875rem 1rem;border-left:3px solid #FF6363;background:light-dark(rgba(255,99,99,.06),rgba(255,99,99,.1));border-radius:4px;font-family:var(--mono);font-size:.8125rem;color:var(--text-1)}@media(max-width:640px){.playground-page:where(.astro-5wq3ak55){padding:5rem 1rem 3rem}.playground-title:where(.astro-5wq3ak55){font-size:2rem}}