body{margin:0;padding:20px;font-family:system-ui,sans-serif;transition:background .2s,color .2s}body.dark{background:#1e1e1e;color:#ccc}body.light{background:#fff;color:#333}.titles{display:flex;gap:32px}.titles h1:first-child{flex:1;text-align:center}.titles h1:last-child{width:min(60vh,50%);text-align:center}h1,h2{margin-top:0;font-family:ui-monospace,Cascadia Code,Fira Code,Menlo,monospace;font-weight:600}#theme-toggle{position:fixed;top:16px;right:16px;background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;color:inherit;opacity:.7;transition:opacity .2s}#theme-toggle:hover{opacity:1}#theme-toggle svg{display:block}#theme-toggle .sun,#theme-toggle .moon{display:none}body.light #theme-toggle .moon,body.dark #theme-toggle .sun{display:block}.editor-player{display:flex;gap:32px;height:60vh}wgsl-edit{flex:1}wgsl-play{aspect-ratio:1;width:min(60vh,50%);align-self:start}.usage{margin-top:48px}.usage pre{padding:16px 20px;border-radius:8px;overflow-x:auto;font-family:ui-monospace,Cascadia Code,Fira Code,Menlo,monospace;font-size:14px;line-height:1.5}body.light .usage pre{background:#f5f5f5;color:#333}body.dark .usage pre{background:#2a2a2a;color:#ccc}.docs-links{margin-top:24px;display:flex;align-items:baseline;font-size:18px}.docs-links h2{margin:0}.docs-links nav{display:flex;gap:40px;margin-left:100px}body.dark .docs-links a{color:#6cb6ff}