body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--bg:#fff;--fg:#111;--muted:#ddd}.dark{--bg:#0b0b0b;--fg:#eee;--muted:#222}.grid-editor-root{background:#fff;background:var(--bg);color:#111;color:var(--fg);height:100vh;transition:background-color .5s ease,color .5s ease}.toolbar{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--muted);display:flex;gap:12px;padding:8px;transition:background-color .5s ease,border-color .5s ease,color .5s ease}.toolbar .controls button,.toolbar .selection-actions button,.toolbar .tools button{margin-right:6px}.toolbar button.active{outline:2px solid #4caf50}.grid-container{background:repeating-linear-gradient(0deg,#0000,#0000 21px,#ddd 0,#ddd 22px);background:repeating-linear-gradient(0deg,#0000,#0000 21px,var(--muted) 21px,var(--muted) 22px);overflow:auto}.grid{flex-direction:column;margin:8px}.grid,.grid-row{display:flex}.cell{border:1px solid #0000000f;box-sizing:border-box}.cell.filled{border-color:#0000001f}.cell.sel{outline:2px dashed #2196f3}.grid-container{background:#fff;background:var(--bg);transition:background-color .5s ease}.grid-container canvas{display:block;height:100%;width:100%}.toolbar-icon{color:#222;color:var(--toolbar-color,#222);cursor:pointer;font-size:1.45rem;line-height:1;padding:6px;transition:color .22s ease,transform .12s ease}.toolbar-icon:hover{color:#0b5fff;color:var(--toolbar-hover,#0b5fff);transform:translateY(-1px) scale(1.02)}.toolbar-icon.active{color:#0b5fff;color:var(--toolbar-active,#0b5fff)}.toolbar-center .toolbar-icon{margin-left:6px;margin-right:6px}.dark .toolbar-icon,:root[data-theme=dark] .toolbar-icon,body.dark .toolbar-icon{color:#e6eefc;text-shadow:0 1px 0 #0009}.dark .toolbar-icon:hover,:root[data-theme=dark] .toolbar-icon:hover,body.dark .toolbar-icon:hover{color:#fff;transform:translateY(-1px) scale(1.04)}.dark .toolbar-icon.active,:root[data-theme=dark] .toolbar-icon.active,body.dark .toolbar-icon.active{color:#9ec4ff}.toolbar-right input[type=checkbox]{accent-color:#9ec4ff}.aspect-toggle{border-radius:4px;color:#222;color:var(--toolbar-color,#222);padding:4px}.aspect-toggle svg{display:block}.aspect-toggle:hover{color:#0b5fff;color:var(--toolbar-hover,#0b5fff);transform:translateY(-1px) scale(1.02)}.aspect-toggle:focus{outline:2px solid #0f55ff2e;outline-offset:2px}.dark .aspect-toggle,:root[data-theme=dark] .aspect-toggle,body.dark .aspect-toggle{color:#e6eefc}.dark .aspect-toggle:hover,:root[data-theme=dark] .aspect-toggle:hover,body.dark .aspect-toggle:hover{color:#fff}.imodal-backdrop{align-items:center;background:#00000073;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.imodal-panel{background:#fff;background:var(--panel,#fff);border-radius:8px;box-shadow:0 10px 30px #00000059;color:#000;color:var(--fg,#000);max-width:1300px;padding:16px;padding-bottom:88px;position:relative;width:98%}.imodal-panel h3{margin:0 0 8px}.imodal-body{align-items:flex-start;display:flex;gap:12px}.dropzone{align-items:center;background:linear-gradient(180deg,#ffffff05,#0000);border:2px dashed #0000001f;border-radius:6px;cursor:pointer;display:flex;flex:1 1 420px;justify-content:center;min-height:260px;padding:12px;text-align:center}.dropzone:hover{border-color:#0003}.imodal-controls{display:flex;flex-direction:column;gap:12px;min-width:260px}.imodal-controls .control{display:flex;flex-direction:column;gap:6px}.imodal-controls .control.horizontal{align-items:center;flex-direction:row}.imodal-controls .control-label{font-size:13px;font-weight:600}.imodal-controls .control-input{border:1px solid #0000001f;border-radius:8px;font-size:14px;padding:8px}.imodal-controls .control-input.range{-webkit-appearance:none;appearance:none;background:#0000;height:28px;padding:0;width:100%}.imodal-controls .control-input.range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ddd,#bbb);border-radius:10px;height:10px}.imodal-controls .control-input.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #777;border-radius:50%;box-shadow:0 1px 2px #0003;height:18px;margin-top:-4px;width:18px}.imodal-controls .control-input.range::-moz-range-track{background:#ddd;border-radius:10px;height:10px}.imodal-controls .control-input.range::-moz-range-thumb{background:#fff;border:2px solid #777;border-radius:50%;height:18px;width:18px}.imodal-controls .control-input.number{width:84px}.imodal-controls .control-input.color{border-radius:6px;height:36px;padding:0;width:48px}.imodal-controls .control-input.color.fullwidth{height:40px;width:100%}.control-stepper{align-items:center;display:flex;flex-direction:column}.control-stepper .stepper{background:#0000;border:1px solid #00000014;border-radius:6px;cursor:pointer;padding:6px 8px}.control-stepper .stepper-value{background:#00000008;border:1px solid #0000000a;border-radius:6px;font-weight:700;min-width:48px;padding:6px 8px;text-align:center}.imodal-controls .control-note{color:#666;color:var(--muted,#666);font-size:12px}.imodal-preview{align-items:stretch;display:flex;flex:0 0 520px;flex-direction:column;gap:8px;min-height:520px}.imodal-preview canvas{display:block;height:100%;width:100%}.imodal-preview .imodal-dim{background:#ffffffe6;border-radius:6px;box-shadow:0 1px 0 #0000000a;color:#111;color:var(--fg,#111);display:inline-block;font-size:13px;font-weight:500;margin-top:8px;padding:6px 8px;text-align:center}.dark .imodal-preview .imodal-dim,:root[data-theme=dark] .imodal-preview .imodal-dim{background:#00000073;box-shadow:none;color:#fff}.imodal-footer{bottom:12px;display:flex;justify-content:center;left:0;pointer-events:auto;position:absolute;right:0}.imodal-done{background:#1db954;border:0;border-radius:999px;box-shadow:0 6px 18px #1db9542e;color:#fff;cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:12px 26px}.imodal-done:disabled{cursor:not-allowed;opacity:.6}.imodal-done:hover:not(:disabled){transform:translateY(-1px)}.imodal-spinner{animation:imodal-spin .9s linear infinite;border:2px solid #0000001f;border-radius:50%;border-top-color:#0009;height:18px;position:absolute;right:12px;top:10px;width:18px}@keyframes imodal-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dark .imodal-panel,.documentElement.dark .imodal-panel,:root[data-theme=dark] .imodal-panel{background:#222;border:1px solid #ffffff0a;color:#eee}.dark .dropzone,:root[data-theme=dark] .dropzone{border-color:#ffffff0f}
/*# sourceMappingURL=main.5605c681.css.map*/