html,body{height:100%;margin:0;padding:0}body{background-color:#2d2d2d;background-image:radial-gradient(at top,#ffffff0a 0%,#0000 60%),repeating-linear-gradient(45deg,#00000014 0 2px,#0000 2px 6px);justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:auto}#root{flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex}#root canvas{image-rendering:pixelated;max-width:100%;height:auto;display:block;box-shadow:0 6px 24px #0009}.presets{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.presets button{color:#000;cursor:pointer;background:#b7b8b8;border:3px solid #636464;border-color:#fff #636464 #636464 #fff;padding:8px 16px;font:700 .9rem -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.presets button:hover{background:#c8c9c9}.presets button:active{border-color:#636464 #fff #fff #636464}@media (width<=600px){.presets{flex-direction:column;align-self:stretch;gap:6px}.presets button{box-sizing:border-box;width:100%;padding:12px 16px}}.config-panel-backdrop{z-index:100;background:#0000008c;position:fixed;inset:0}.config-panel{z-index:101;color:#000;background:#b7b8b8;border:5px solid #636464;border-color:#fff #636464 #636464 #fff;min-width:280px;max-width:min(420px,100vw - 32px);padding:1rem 1.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}@media (width>=900px){.config-panel{inset:50% 1.5rem auto auto;transform:translateY(-50%)}}.config-panel h2{text-align:center;margin:0 0 .75rem;font-size:1rem}.config-panel-row{grid-template-columns:4rem 1fr 2.5rem;align-items:center;gap:8px;margin-bottom:.5rem;display:grid}.config-panel-row label{font-size:.85rem;font-weight:700}.config-panel-row input[type=range]{width:100%}.config-panel-value{text-align:right;font-variant-numeric:tabular-nums;font-size:.85rem}.config-panel-option{margin-top:.75rem;font-size:.85rem}.config-panel-option label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.config-panel-actions{justify-content:flex-end;gap:8px;margin-top:1rem;display:flex}.config-panel-actions button{color:#000;cursor:pointer;background:#b7b8b8;border:3px solid #636464;border-color:#fff #636464 #636464 #fff;padding:6px 14px;font:700 .85rem -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.config-panel-actions button:hover{background:#c8c9c9}.config-panel-actions button:active{border-color:#636464 #fff #fff #636464}