:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#09090b;--color-foreground:#f2f2f2;--color-card:#0b0b0e;--color-card-foreground:#f2f2f2;--color-popover:#09090b;--color-popover-foreground:#f2f2f2;--color-primary:#d98ca6;--color-primary-foreground:#09090b;--color-secondary:#242428;--color-secondary-foreground:#f2f2f2;--color-muted:#1d1d20;--color-muted-foreground:#a1a1aa;--color-accent:#242428;--color-accent-foreground:#f2f2f2;--color-destructive:#7f1d1d;--color-destructive-foreground:#f2f2f2}*{box-sizing:border-box}body{background:var(--color-background);color:var(--color-foreground);margin:0;font:14px system-ui}main,canvas{width:100vw;height:100dvh;display:block}canvas{touch-action:none}header{pointer-events:none;justify-content:space-between;padding:20px;display:flex;position:absolute;top:0;left:0;right:0}header label{pointer-events:auto;cursor:pointer;background:var(--color-primary);color:var(--color-primary-foreground);border-radius:8px;padding:9px 14px}input{display:none}footer{background:var(--color-card);color:var(--color-card-foreground);border:1px solid var(--color-secondary);border-radius:12px;align-items:center;gap:20px;padding:6px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 18px;font-size:30px}button:hover{background:var(--color-accent);color:var(--color-accent-foreground)}button:focus-visible,header label:focus-within{outline:2px solid var(--color-primary);outline-offset:3px}aside{color:var(--color-muted-foreground);max-width:40vw;position:absolute;bottom:16px;left:16px}.performance{color:var(--color-muted-foreground);flex-direction:column;align-items:flex-end;gap:5px;font:11px ui-monospace,monospace;display:flex;position:fixed;bottom:12px;right:12px}.performance button{font:inherit;background:var(--color-card);border:1px solid var(--color-secondary);border-radius:4px;padding:4px 6px}.performance button:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.fps-counter{font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}
