:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#050509;color:#f7efe9;overflow:hidden}button{font:inherit}.example-shell{min-height:100vh;position:relative}#drift-canvas{display:block;height:100vh;width:100vw}.hud{align-items:stretch;display:grid;gap:18px;left:24px;max-width:min(420px,calc(100vw - 48px));position:fixed;top:24px;width:420px}.title-block{display:grid;gap:2px}.eyebrow{color:#c8bcb8;font-size:12px;font-weight:700;letter-spacing:0;margin:0;text-transform:uppercase}h1{font-size:clamp(42px,7vw,86px);font-weight:800;letter-spacing:0;line-height:.92;margin:0}.preset-bar{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.preset-button{background:#ffffff17;border:1px solid rgb(255 255 255 / .18);border-radius:8px;color:#f7efe9;cursor:pointer;min-height:40px;padding:8px 10px}.preset-button:hover,.preset-button[aria-pressed=true]{background:#f7efe9;color:#171011}.stats{display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.stats div{background:#0505099e;border:1px solid rgb(255 255 255 / .12);min-width:0;padding:10px 12px}.stats div:first-child{border-radius:8px 0 0 8px}.stats div:last-child{border-radius:0 8px 8px 0}dt{color:#c8bcb8;font-size:11px;font-weight:700;letter-spacing:0;margin:0 0 2px;text-transform:uppercase}dd{font-size:16px;font-weight:700;margin:0}.snippet{background:#050509ad;border:1px solid rgb(255 255 255 / .12);border-radius:8px;color:#f2c8b8;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin:0;overflow:auto;padding:14px;white-space:pre-wrap}#status{bottom:18px;color:#f7efe9;font-size:13px;left:24px;max-width:calc(100vw - 48px);position:fixed}@media (max-width: 640px){.hud{bottom:16px;gap:12px;left:16px;max-width:calc(100vw - 32px);top:auto;width:calc(100vw - 32px)}h1{font-size:44px}.snippet{display:none}}