*,*:before,*:after{box-sizing:border-box}*{margin:0}body{font-family:Arial,Helvetica,sans-serif;font-size:1rem;color:var(--text-color);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.hidden{display:none}:root{--grid-bg-color: #f5f0f0;--grid-line-color: #fff5f5;--grid-cell-bg-color: #234b5f;--text-color: #f37064;--focus-color: #ffcdc2;--grid-cell-size: 4px;--grid-width: 800px;--grid-height: 600px}#app{position:relative}*:focus,*:focus-visible{outline:0;box-shadow:0 0 2px 2px var(--focus-color)}.grid-wrapper{display:block;position:relative;background-color:var(--grid-bg-color)}.grid-wrapper:before{content:"";display:block;position:absolute;z-index:4;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right,var(--grid-line-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line-color) 1px,transparent 1px);background-size:var(--grid-cell-size) var(--grid-cell-size)}.grid-wrapper:after{content:"";display:block;position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 60%,var(--grid-line-color) 80%);mix-blend-mode:multiply;opacity:.4}.controls{position:absolute;bottom:8px;right:8px;z-index:8;display:flex;align-items:center;gap:12px}#infos{display:inline-flex;align-items:center;line-height:36px;height:36px;font-weight:600}select,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;padding:0 12px;background-color:var(--text-color);color:var(--grid-bg-color);border:1px solid var(--text-color);border-radius:4px;line-height:36px;height:36px;min-width:36px}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23f5f0f0' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:16px;background-position:right 12px center;padding-right:40px}#action_btn{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23f5f0f0' d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:24px;background-position:center}#action_btn[data-busy=true]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23f5f0f0' d='M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5m5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5'/%3e%3c/svg%3e")}