body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.cell.svelte-1bfr9b{width:100%;height:100%;background-color:transparent;backdrop-filter:hue-rotate(var(--hue-rotation));-webkit-backdrop-filter:hue-rotate(var(--hue-rotation));transition:backdrop-filter .3s ease}@keyframes svelte-etbxz3-hue-cycle{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.grid-container.svelte-etbxz3{position:relative;width:100vw;height:100vh;overflow:hidden;animation-name:svelte-etbxz3-hue-cycle;animation-duration:var(--animation-duration);animation-timing-function:linear;animation-iteration-count:infinite}.grid-container.svelte-etbxz3:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--bg-image);background-size:cover;background-position:center;opacity:var(--bg-opacity);transition:opacity .3s ease}.grid-container.svelte-etbxz3>div:where(.svelte-etbxz3){position:absolute;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;cursor:pointer}.reset-button.svelte-etbxz3{position:fixed;top:20px;right:20px;z-index:10;padding:10px 20px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-family:sans-serif;font-size:16px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color .3s ease,transform .5s ease-in-out;transform:translateY(0)}.reset-button.hidden.svelte-etbxz3{transform:translateY(calc(-100% - 30px))}.reset-button.svelte-etbxz3:hover{background-color:#fff3}.controls-container.svelte-1tgnge9{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10;padding:15px 25px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:15px;color:#fff;font-family:sans-serif;font-size:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;gap:25px;transition:transform .5s ease-in-out}.controls-container.hidden.svelte-1tgnge9{transform:translate(-50%) translateY(calc(100% + 30px))}.control.svelte-1tgnge9{position:relative;display:flex;align-items:center;gap:10px}.checkbox-control.svelte-1tgnge9{gap:15px}input[type=range].svelte-1tgnge9{-webkit-appearance:none;appearance:none;width:150px;height:8px;background:#fff3;border-radius:5px;outline:none;opacity:.7;transition:opacity .2s}input[type=range].svelte-1tgnge9:hover{opacity:1}input[type=range].svelte-1tgnge9::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer}input[type=range].svelte-1tgnge9::-moz-range-thumb{width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer}input[type=checkbox].svelte-1tgnge9{width:20px;height:20px;cursor:pointer}.control-button.svelte-1tgnge9{padding:10px 20px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-family:sans-serif;font-size:16px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color .3s ease}.control-button.svelte-1tgnge9:hover{background-color:#fff3}.context-menu.svelte-1tgnge9{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:max-content}.menu-group.svelte-1tgnge9{display:flex;flex-direction:column;gap:10px}.menu-subtitle.svelte-1tgnge9{font-size:14px;font-weight:700;color:#fffc;margin:0 0 5px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.2)}.menu-button.svelte-1tgnge9{color:#fff;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:8px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.menu-button.svelte-1tgnge9:hover{background-color:#fff3}.menu-label.svelte-1tgnge9{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;padding:0 5px}.color-swatches.svelte-1tgnge9{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;padding:5px 0}.swatch-container.svelte-1tgnge9{position:relative;display:flex;align-items:center}.swatch.svelte-1tgnge9{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.2);cursor:pointer;background-color:transparent}.swatch.svelte-1tgnge9::-webkit-color-swatch{border-radius:50%;border:none}.swatch.svelte-1tgnge9::-moz-color-swatch{border-radius:50%;border:none}.remove-swatch.svelte-1tgnge9{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);cursor:pointer;font-size:14px;line-height:18px;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color .3s ease}.remove-swatch.svelte-1tgnge9:hover{background-color:#fff3}main.svelte-1n46o8q{padding:0;margin:0}