*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#fff;background-image:radial-gradient(#e5e5e5 1px,transparent 1px);background-size:24px 24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.floppy-title{position:fixed;top:24px;left:24px;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none}.floppy-title h1{font-size:4rem;font-weight:900;color:#0a0a0a;line-height:1;letter-spacing:-.03em}.floppy-title p{font-size:.9rem;font-weight:400;color:#0a0a0a;opacity:.55;margin-top:4px}.floppy-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.floppy-canvas canvas{display:block}.floppy-controls{position:fixed;top:24px;right:24px;z-index:10;display:flex;flex-direction:column;gap:3px;padding:12px 16px;background:#fff;border:1px solid #0a0a0a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:#0a0a0a;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1.5}.floppy-controls span{white-space:nowrap}.floppy-stat{margin-top:4px;font-weight:700}.floppy-credit{position:fixed;bottom:16px;right:24px;z-index:10;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;color:#0a0a0a;opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}