:root{--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg:#fff;--fg:#111;--muted:#888;--line:#e6e6e6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0c0c0c;--fg:#eee;--muted:#777;--line:#262626}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font:13px/1.5 var(--mono);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--sans);margin:0;font-weight:500;line-height:1.2}h1{font-size:20px}h2{font-size:15px}a{color:inherit}p{margin:0}button{font:inherit}.muted{color:var(--muted)}.small{font-size:11px}.page{max-width:960px;margin:0 auto;padding:48px 16px}.site-header{gap:4px;margin-bottom:40px;display:grid}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--line);border-radius:6px;gap:6px;height:100%;padding:16px;text-decoration:none;display:grid}.card:hover{border-color:var(--muted)}.card-cover{aspect-ratio:16/10;object-fit:cover;background:var(--line);border-radius:3px;width:100%;margin-bottom:6px}.experiment{flex-direction:column;height:100dvh;display:flex}.experiment-bar{border-bottom:1px solid var(--line);flex-shrink:0;gap:8px;padding:10px 16px;display:flex}.experiment-bar a{text-decoration:none}.experiment-body{flex:1;min-height:0;display:flex}.stage{flex:1;min-width:0;position:relative;overflow:auto}.controls{border-left:1px solid var(--line);flex-shrink:0;width:300px;overflow:auto}.controls:empty{display:none}@media (width<=720px){.experiment-body{flex-direction:column}.controls{border-left:0;border-top:1px solid var(--line);width:auto;max-height:45dvh}}.loading{padding:16px}