.playground{min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;color:#0f172a;background:radial-gradient(ellipse 70% 40% at 50% -10%,#dbeafe,transparent),linear-gradient(180deg,#f4f6fb,#fff 14rem)}.playground-header{max-width:42rem;margin:0 auto;padding:2.25rem 1.25rem 1rem;text-align:center}.playground-header h1{margin:0 0 .5rem;font-size:clamp(1.6rem,4vw,2rem);font-weight:700;letter-spacing:-.02em}.playground-header p{margin:0;color:#64748b;font-size:.9rem;line-height:1.5}.tabs{display:flex;justify-content:center;gap:.5rem;padding:0 1rem 1.25rem}.tab{padding:.5rem 1.25rem;border:1px solid #cbd5e1;border-radius:999px;background:#fff;font-size:.9rem;font-weight:500;cursor:pointer}.tab:hover{background:#f1f5f9}.tab.active{background:#0f172a;color:#fff;border-color:#0f172a}.panel{max-width:58rem;margin:0 auto;padding:0 1.25rem 3rem}.remote-mount{min-height:12rem}.remote-loading{color:#64748b;font-size:.875rem;text-align:center;padding:2rem}.remote-root{min-height:8rem}.remote-error{border:1px solid #fecaca;background:#fef2f2;border-radius:.75rem;padding:1rem;color:#991b1b;font-size:.9rem}.remote-error strong{display:block;margin-bottom:.35rem}.remote-error .hint{margin-top:.75rem;color:#b91c1c}.remote-error code{background:#fee2e2;padding:.1rem .35rem;border-radius:.25rem}