.playground-page:where(.astro-5wq3ak55){padding:3rem 0}.playground-header:where(.astro-5wq3ak55){text-align:center;margin-bottom:3rem}.playground-header:where(.astro-5wq3ak55) h1:where(.astro-5wq3ak55){font-family:JetBrains Mono,monospace;font-size:2rem;letter-spacing:.05em;margin-bottom:.5rem}.subtitle:where(.astro-5wq3ak55){color:var(--muted)}.playground-grid:where(.astro-5wq3ak55){display:grid;grid-template-columns:300px 1fr;gap:2rem;margin-bottom:4rem}@media(max-width:900px){.playground-grid:where(.astro-5wq3ak55){grid-template-columns:1fr}}.config-panel:where(.astro-5wq3ak55),.output-panel:where(.astro-5wq3ak55){background:var(--bg-alt);border:1px solid var(--border-strong);border-radius:8px;padding:1.5rem}.config-panel:where(.astro-5wq3ak55) h2:where(.astro-5wq3ak55),.output-panel:where(.astro-5wq3ak55) h2:where(.astro-5wq3ak55){font-family:JetBrains Mono,monospace;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;color:var(--accent)}.form-group:where(.astro-5wq3ak55){margin-bottom:1.25rem}.form-group:where(.astro-5wq3ak55) label:where(.astro-5wq3ak55){display:block;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.form-group:where(.astro-5wq3ak55) input:where(.astro-5wq3ak55),.form-group:where(.astro-5wq3ak55) select:where(.astro-5wq3ak55){width:100%;background:var(--bg);border:1px solid var(--border-strong);padding:.75rem;color:var(--text);font-family:JetBrains Mono,monospace;font-size:.85rem;border-radius:4px}.form-group:where(.astro-5wq3ak55) input:where(.astro-5wq3ak55):focus,.form-group:where(.astro-5wq3ak55) select:where(.astro-5wq3ak55):focus{outline:none;border-color:var(--accent)}.form-hint:where(.astro-5wq3ak55){font-size:.75rem;color:var(--muted);margin-top:.5rem}.auth-warning:where(.astro-5wq3ak55){background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:4px;padding:1rem;margin-top:1rem}.auth-warning:where(.astro-5wq3ak55) p:where(.astro-5wq3ak55){color:#ffc107;font-size:.85rem;margin:0}.auth-warning:where(.astro-5wq3ak55) a:where(.astro-5wq3ak55){color:var(--accent)}.output-tabs:where(.astro-5wq3ak55){display:flex;gap:0;border-bottom:1px solid var(--border-strong);margin-bottom:1.5rem}.tab-btn:where(.astro-5wq3ak55){padding:.75rem 1rem;background:none;border:none;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.8rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-btn:where(.astro-5wq3ak55):hover{color:var(--text)}.tab-btn:where(.astro-5wq3ak55).active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content:where(.astro-5wq3ak55){display:none}.tab-content:where(.astro-5wq3ak55).active{display:block}.output-header:where(.astro-5wq3ak55){display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.output-header:where(.astro-5wq3ak55) h3:where(.astro-5wq3ak55){font-family:JetBrains Mono,monospace;font-size:.85rem;letter-spacing:.05em;color:var(--muted)}.copy-btn:where(.astro-5wq3ak55){background:var(--bg);border:1px solid var(--border-strong);padding:.25rem .75rem;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.7rem;border-radius:4px;cursor:pointer}.copy-btn:where(.astro-5wq3ak55):hover{color:var(--text);border-color:var(--accent)}.code-output:where(.astro-5wq3ak55){background:var(--bg);border:1px solid var(--border-subtle);border-radius:4px;padding:1rem;overflow-x:auto;font-size:.8rem;line-height:1.6}.code-output:where(.astro-5wq3ak55) code:where(.astro-5wq3ak55){font-family:JetBrains Mono,monospace;color:var(--text);white-space:pre}.features-section:where(.astro-5wq3ak55){margin-bottom:4rem}.features-section:where(.astro-5wq3ak55) h2:where(.astro-5wq3ak55){font-family:JetBrains Mono,monospace;font-size:1.25rem;letter-spacing:.05em;margin-bottom:2rem;text-align:center}.features-grid:where(.astro-5wq3ak55){display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:900px){.features-grid:where(.astro-5wq3ak55){grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.features-grid:where(.astro-5wq3ak55){grid-template-columns:1fr}}.feature-card:where(.astro-5wq3ak55){background:var(--bg-alt);border:1px solid var(--border-strong);border-radius:8px;padding:1.5rem;text-align:center}.feature-icon:where(.astro-5wq3ak55){width:48px;height:48px;background:#27c93f1a;border:1px solid rgba(39,201,63,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;color:var(--accent)}.feature-card:where(.astro-5wq3ak55) h3:where(.astro-5wq3ak55){font-family:JetBrains Mono,monospace;font-size:.9rem;margin-bottom:.5rem}.feature-card:where(.astro-5wq3ak55) p:where(.astro-5wq3ak55){font-size:.8rem;color:var(--muted);line-height:1.5}.cta-section:where(.astro-5wq3ak55){text-align:center;padding:3rem;background:var(--bg-alt);border:1px solid var(--border-strong);border-radius:8px}.cta-section:where(.astro-5wq3ak55) h2:where(.astro-5wq3ak55){font-family:JetBrains Mono,monospace;font-size:1.5rem;margin-bottom:.75rem}.cta-section:where(.astro-5wq3ak55) p:where(.astro-5wq3ak55){color:var(--muted);margin-bottom:1.5rem}.cta-buttons:where(.astro-5wq3ak55){display:flex;gap:1rem;justify-content:center}.btn-full:where(.astro-5wq3ak55){width:100%;padding:1rem;margin-top:.5rem}