:root{--bg:#fff;--bg-secondary:#f9f9f9;--text:#1d1d1f;--text-secondary:#86868b;--border:#0000000f;--accent:#ff4500;--embed-bg:#fff;--embed-border:#0000000f;--embed-text:#1d1d1f;--embed-muted:#86868b;--embed-accent:#ff4500;--embed-alert:#ff3b30;--embed-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;transition:background .2s,color .2s}:root.dark{--bg:#000;--bg-secondary:#1c1c1e;--text:#f5f5f7;--text-secondary:#86868b;--border:#ffffff1a;--embed-bg:#1c1c1e;--embed-border:#ffffff1a;--embed-text:#f5f5f7;--embed-muted:#86868b;--embed-accent:tomato;--embed-alert:#ff453a;--embed-shadow:0 2px 8px #00000080,0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100vh;margin:0}main{gap:24px;max-width:1400px;margin:0 auto;padding:48px 16px 72px;display:grid}h1{margin:0;font-size:1.8rem}p.description{color:var(--text-secondary);margin:0}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}section.card{border:1px solid var(--border);background:var(--bg-secondary);border-radius:12px;gap:16px;padding:24px;display:grid}.platform-pill.active{animation:1.4s ease-out pill-border-pulse,2.6s ease-in-out infinite pill-border-glow}@keyframes pill-border-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--pill-accent)70%,transparent)}60%{box-shadow:0 0 0 10px color-mix(in srgb,var(--pill-accent)0%,transparent)}to{box-shadow:0 0 #0000}}@keyframes pill-border-glow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--pill-accent)55%,transparent)}}section.card h2{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.9rem;font-weight:600}.controls{flex-wrap:wrap;gap:8px;display:flex}.controls input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;flex:280px;padding:10px 12px}.controls button{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;box-shadow:none;border-radius:999px;padding:8px 14px;font-weight:500;transition:transform .15s,box-shadow .15s,border-color .15s}:root.dark .controls button{background:var(--bg-secondary);box-shadow:none;border-color:#ffffff29}.controls button:hover{border-color:var(--text);transform:translateY(-1px)}.controls button:active{box-shadow:none;transform:translateY(0)}.preview{gap:12px;display:grid}.code-preview{border:1px solid var(--border);background:var(--bg);border-radius:12px;gap:12px;padding:16px;display:grid}.code-preview pre{background:var(--bg-secondary);border-radius:10px;margin:0;padding:12px;font-size:.85rem;line-height:1.5;overflow:auto}.code-preview code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}