:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--bg-subtle:#f6f5fa;--text:#16171d;--text-muted:#62606c;--border:#1410201a;--accent:#7e14ff;--accent-soft:#7e14ff1a;--code-bg:#16171d;--code-text:#f1eefc;background-color:var(--bg)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#16171d;--bg-subtle:#1d1e26;--text:#f2f1f6;--text-muted:#9a98a6;--border:#ffffff1f;--accent:#a855f7;--accent-soft:#a855f729;--code-bg:#0e0e13;--code-text:#e9e5f7}}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}a{color:var(--accent)}.page{max-width:960px;margin:0 auto;padding:0 24px 64px}.site-header{justify-content:space-between;align-items:center;padding:24px 0;display:flex}.brand{color:var(--text);align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand-logo{display:block}.site-nav{gap:20px;display:flex}.site-nav a{color:var(--text-muted);font-size:14px;font-weight:600;text-decoration:none}.site-nav a:hover{color:var(--accent)}.hero{text-align:center;padding:40px 0 32px}.hero h1{letter-spacing:-.01em;margin:0 0 16px;font-size:40px;line-height:1.2}.hero h1 code{color:var(--accent)}.hero .tagline{max-width:560px;color:var(--text-muted);margin:0 auto;font-size:17px;line-height:1.6}code{font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:.9em}.demo-wrap{padding-bottom:16px}.demo{aspect-ratio:16/9;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 12px 32px -12px #00000059}.controls-row{flex-wrap:wrap;gap:12px 24px;margin-top:16px;display:flex}.switcher{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.switcher-label{color:var(--text-muted);margin-right:2px;font-size:13px;font-weight:600}.switcher button{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:9999px;padding:7px 16px;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s}.switcher button:hover{border-color:var(--accent)}.switcher button.active{background:var(--accent);border-color:var(--accent);color:#fff}.features{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;padding-top:40px;display:grid}.feature h3{margin:10px 0 6px;font-size:16px}.feature p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.feature-icon{font-size:22px;line-height:1}.install{border-top:1px solid var(--border);margin-top:48px;padding-top:40px}.install h2,.shortcuts h2{margin:0 0 16px;font-size:22px}.install pre{background:var(--code-bg);border-radius:8px;margin:0 0 10px;padding:12px 16px;overflow-x:auto}.install pre:last-child{margin-bottom:0}.install code{color:var(--code-text);font-size:13px}.shortcuts{border-top:1px solid var(--border);margin-top:48px;padding-top:40px}.shortcuts-hint{color:var(--text-muted);margin:0 0 16px;font-size:14px}.shortcuts table{border-collapse:collapse;width:100%;font-size:14px}.shortcuts td{border-top:1px solid var(--border);padding:8px 0}.shortcuts td:first-child{white-space:nowrap;width:40%}.shortcuts td:last-child{color:var(--text-muted)}kbd{border:1px solid var(--border);background:var(--bg-subtle);text-align:center;border-radius:4px;min-width:1.4em;padding:2px 6px;font-family:inherit;font-size:12px;display:inline-block}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;margin-top:56px;padding-top:24px;font-size:13px}.site-footer a{color:inherit;font-weight:600}@media (width<=640px){.hero h1{font-size:30px}.features{grid-template-columns:1fr 1fr}}@media (width<=420px){.features{grid-template-columns:1fr}}