.popup.svelte-x5kkng{position:fixed;z-index:1000;background:#000;padding:.25rem .5rem;border:1px solid #333;pointer-events:none;animation:svelte-x5kkng-fadeIn .15s ease-out;display:flex;align-items:center;gap:.5rem;white-space:nowrap;font-size:.7rem;color:#fff}@keyframes svelte-x5kkng-fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.name.svelte-x5kkng{font-weight:600;color:#fff}.separator.svelte-x5kkng{width:3px;height:3px;background:#fff;flex-shrink:0}.creator.svelte-x5kkng,.date.svelte-x5kkng{font-weight:400}.gallery-container.svelte-elk80e{position:relative;width:100%;height:100%;background:#fff;overflow:hidden}canvas.svelte-elk80e{width:100%;height:100%;cursor:grab;touch-action:none;image-rendering:pixelated;image-rendering:crisp-edges}canvas.svelte-elk80e:active{cursor:grabbing}canvas.hovering-drawing.svelte-elk80e{cursor:pointer}canvas.preview-mode.svelte-elk80e{cursor:default;pointer-events:none}.loading-overlay.svelte-elk80e{position:absolute;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:100}.loading-content.svelte-elk80e{text-align:center;color:#000}.loading-title.svelte-elk80e{margin:0 0 8px;font-size:.75rem;font-weight:500;color:#000}.progress-bar.svelte-elk80e{width:200px;height:2px;background:#ccc;overflow:hidden}.progress-fill.svelte-elk80e{height:100%;background:#000;transition:width .15s ease-out}.progress-text.svelte-elk80e{margin:6px 0 0;font-size:.7rem;font-weight:400;color:#fff;font-variant-numeric:tabular-nums}.empty-state.svelte-elk80e{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;pointer-events:none}.empty-state.svelte-elk80e p:where(.svelte-elk80e){margin:0;font-size:.75rem}.empty-state.svelte-elk80e .hint:where(.svelte-elk80e){font-size:.7rem;margin-top:4px;color:#fff}.page.svelte-1uha8ag{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#fff}.toolbar.svelte-1uha8ag{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:stretch;background:#000;border:1px solid #333;padding:.125rem;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s ease}.toolbar.fade-in.svelte-1uha8ag{opacity:1;pointer-events:auto}.toolbar-group.svelte-1uha8ag{display:flex;align-items:center;gap:.25rem;overflow:hidden;transition:max-width .25s ease,opacity .15s ease,max-height .25s ease}.toolbar-group.main-buttons.svelte-1uha8ag{max-width:0;opacity:0;pointer-events:none}.toolbar-group.main-buttons.active.svelte-1uha8ag{max-width:200px;opacity:1;pointer-events:auto}.toolbar-group.recent-buttons.svelte-1uha8ag{max-width:0;opacity:0;pointer-events:none}.toolbar-group.recent-buttons.active.svelte-1uha8ag{max-width:100px;opacity:1;pointer-events:auto}.toolbar-group.tune-buttons.svelte-1uha8ag{max-width:0;opacity:0;pointer-events:none}.toolbar-group.tune-buttons.active.svelte-1uha8ag{max-width:500px;opacity:1;pointer-events:auto}.toolbar-group.tune-buttons.svelte-1uha8ag [data-tooltip]:where(.svelte-1uha8ag){position:relative}.toolbar-group.tune-buttons.svelte-1uha8ag [data-tooltip]:where(.svelte-1uha8ag):after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:3px 6px;font-size:10px;line-height:1.2;white-space:nowrap;background:#222;color:#fff;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:1000}.toolbar-group.tune-buttons.svelte-1uha8ag [data-tooltip]:where(.svelte-1uha8ag):hover:after,.toolbar-group.tune-buttons.svelte-1uha8ag [data-tooltip]:where(.svelte-1uha8ag):focus-visible:after{opacity:1}.toolbar-group.create-panel.svelte-1uha8ag{flex-direction:column;align-items:center;gap:.25rem;max-width:0;max-height:0;opacity:0;pointer-events:none;padding:0}.toolbar-group.create-panel.active.svelte-1uha8ag{max-width:min(240px,calc(100vw - 1rem));max-height:360px;opacity:1;pointer-events:auto;padding:.25rem}.toolbar-divider.svelte-1uha8ag{width:1px;height:24px;background:#333;margin:0 .25rem}.toggle-group.svelte-1uha8ag{display:flex;gap:.125rem}.toggle-btn.svelte-1uha8ag{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #333;color:#666;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .15s ease}.toggle-btn.svelte-1uha8ag:hover{border-color:#666;color:#999}.toggle-btn.active.svelte-1uha8ag{background:#fff;border-color:#fff;color:#000}.dial-group.svelte-1uha8ag{display:flex;gap:.375rem;align-items:center}.radial-dial.svelte-1uha8ag{width:32px;height:32px;position:relative;cursor:ns-resize;touch-action:none}.dial-knob.svelte-1uha8ag{width:28px;height:28px;border:2px solid #444;border-radius:50%;position:absolute;top:2px;left:2px;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease}.radial-dial.svelte-1uha8ag:hover .dial-knob:where(.svelte-1uha8ag),.radial-dial.dragging.svelte-1uha8ag .dial-knob:where(.svelte-1uha8ag){border-color:#fff}.dial-indicator.svelte-1uha8ag{width:2px;height:8px;background:#fff;border-radius:1px;position:absolute;top:3px}.dial-label.svelte-1uha8ag{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);font-size:.55rem;color:#666;font-weight:500}.mode-toggle-group.svelte-1uha8ag{display:flex;gap:.125rem}.mode-btn.svelte-1uha8ag{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #333;color:#666;cursor:pointer;transition:all .15s ease}.mode-btn.svelte-1uha8ag:hover:not(:disabled){border-color:#666;color:#999}.mode-btn.active.svelte-1uha8ag{background:#fff;border-color:#fff;color:#000}.mode-btn.svelte-1uha8ag:disabled{opacity:.4;cursor:not-allowed}.recalc-btn.svelte-1uha8ag{min-width:32px}.recalc-btn.svelte-1uha8ag svg.spinning:where(.svelte-1uha8ag){animation:svelte-1uha8ag-spin 1s linear infinite}@keyframes svelte-1uha8ag-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toolbar-btn.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;background:transparent;border:none;color:#fff;cursor:pointer;transition:background .15s ease;min-width:36px;min-height:36px;flex-shrink:0}.toolbar-btn.svelte-1uha8ag:hover{background:#222}.toolbar-btn.active.svelte-1uha8ag,.toolbar-btn.highlight.svelte-1uha8ag{background:#fff;color:#000}.toolbar-btn.highlight.svelte-1uha8ag:hover{background:#ccc}.toolbar-btn.primary.svelte-1uha8ag{background:#fff;color:#000;padding:.5rem .75rem;font-weight:600;font-size:.75rem}.toolbar-btn.primary.svelte-1uha8ag:hover{background:#ccc}.toolbar-btn.primary.svelte-1uha8ag span:where(.svelte-1uha8ag){display:none}.toolbar-btn.svelte-1uha8ag:disabled{opacity:.4;cursor:not-allowed}.desktop-only.svelte-1uha8ag{display:flex}.mobile-only.svelte-1uha8ag{display:none}.toolbar-btn.svelte-1uha8ag svg.spinning:where(.svelte-1uha8ag){animation:svelte-1uha8ag-spin 1s linear infinite}@media(max-width:768px){.desktop-only.svelte-1uha8ag{display:none!important}.mobile-only.svelte-1uha8ag{display:flex!important}.toolbar-group.tune-buttons.svelte-1uha8ag{display:none!important}.toolbar.svelte-1uha8ag{bottom:.375rem;left:50%;transform:translate(-50%);width:fit-content;min-width:0;max-width:calc(100vw - 1.5rem);padding-bottom:calc(.25rem + env(safe-area-inset-bottom,0));transition:min-width .3s ease,bottom .25s ease,padding .25s ease}.toolbar.create-mode.svelte-1uha8ag{bottom:.75rem;min-width:calc(100vw - 1.5rem);padding:.25rem;padding-bottom:calc(.25rem + env(safe-area-inset-bottom,0));justify-content:center}.toolbar-group.svelte-1uha8ag{gap:.375rem}.toolbar-group.create-panel.svelte-1uha8ag{gap:.5rem;width:100%}.toolbar-group.create-panel.active.svelte-1uha8ag{max-width:100%;max-height:none;padding:.25rem;gap:.375rem}.toolbar-btn.svelte-1uha8ag{padding:.625rem}.toolbar-btn.primary.svelte-1uha8ag{padding:.625rem 1rem;font-size:.8rem}.toolbar-btn.primary.svelte-1uha8ag span:where(.svelte-1uha8ag){display:none}.toolbar-group.tune-buttons.active.svelte-1uha8ag{max-width:calc(100vw - 1.5rem)}.toggle-group.svelte-1uha8ag{gap:1px}.toggle-btn.svelte-1uha8ag{width:30px;height:30px;font-size:.75rem}.dial-group.svelte-1uha8ag{gap:.25rem}.radial-dial.svelte-1uha8ag{width:30px;height:30px}.dial-knob.svelte-1uha8ag{width:26px;height:26px}.dial-indicator.svelte-1uha8ag{height:7px}.dial-label.svelte-1uha8ag{font-size:.5rem;bottom:-11px}.mode-toggle-group.svelte-1uha8ag{gap:1px}.mode-btn.svelte-1uha8ag{width:30px;height:30px}.toolbar-divider.svelte-1uha8ag{height:24px;margin:0 .125rem}.toolbar.tune-mode.svelte-1uha8ag .toolbar-btn:where(.svelte-1uha8ag){padding:.375rem;min-width:30px;min-height:30px}}.nav-arrow.svelte-1uha8ag{position:fixed;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#000;border:1px solid #333;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:200;transition:opacity .2s ease,border-color .15s ease,background .15s ease;color:#fff;opacity:0;pointer-events:none}.nav-arrow.visible.svelte-1uha8ag{opacity:1;pointer-events:auto}.nav-arrow.svelte-1uha8ag:hover:not(:disabled){background:#111;border-color:#fff}.nav-arrow.svelte-1uha8ag:active:not(:disabled){background:#222}.nav-arrow-left.svelte-1uha8ag{left:.5rem}.nav-arrow-right.svelte-1uha8ag{right:.5rem}@media(max-width:768px){.nav-arrow.svelte-1uha8ag{width:32px;height:32px}.nav-arrow-left.svelte-1uha8ag{left:.375rem}.nav-arrow-right.svelte-1uha8ag{right:.375rem}}.stats-bar.svelte-1uha8ag{position:fixed;top:.5rem;left:0;right:0;margin-inline:auto;width:max-content;display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;color:#fff;font-size:.7rem;z-index:100;opacity:0;background:#000;padding:.25rem .5rem;border:1px solid #333;overflow:hidden;white-space:nowrap;transition:max-width .3s ease,opacity .2s ease,padding .2s ease}.stats-bar.fade-in.svelte-1uha8ag{animation:svelte-1uha8ag-fadeInDown .4s ease-out forwards;animation-delay:.1s;max-width:min(90vw,320px)}.stats-bar.recent-info.svelte-1uha8ag{padding:.375rem .625rem;background:#000;border:1px solid #444;max-width:min(90vw,520px)}.stat.svelte-1uha8ag{font-weight:500;flex-shrink:0}.drawing-title.svelte-1uha8ag{font-weight:600;color:#fff;max-width:280px;min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat.counter.svelte-1uha8ag{font-variant-numeric:tabular-nums;color:#fff}.stat-dot.svelte-1uha8ag{width:3px;height:3px;background:#fff;flex-shrink:0}.plus-one.svelte-1uha8ag{font-size:.65rem;font-weight:600;color:#4ade80;animation:svelte-1uha8ag-plusOnePop .25s ease-out;margin-right:.25rem;flex-shrink:0}@keyframes svelte-1uha8ag-plusOnePop{0%{opacity:0;transform:scale(.8) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes svelte-1uha8ag-fadeInDown{0%{opacity:0;max-width:0;transform:translateY(-5px)}to{opacity:1;max-width:min(90vw,320px);transform:translateY(0)}}@media(min-width:769px){.stats-bar.recent-info.svelte-1uha8ag .drawing-title:where(.svelte-1uha8ag){max-width:360px}}@media(max-width:768px){.stats-bar.svelte-1uha8ag{font-size:.65rem;padding:.1875rem .375rem;gap:.375rem;max-width:calc(100% - 1rem)}.stats-bar.recent-info.svelte-1uha8ag{padding:.25rem .5rem;max-width:calc(100% - .75rem);white-space:nowrap}.stats-bar.recent-info.svelte-1uha8ag .drawing-title:where(.svelte-1uha8ag){max-width:140px;flex-shrink:1;min-width:0}.drawing-title.svelte-1uha8ag{max-width:100px}.stat-dot.svelte-1uha8ag{width:2px;height:2px}}.loading.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#000}.loading-title.svelte-1uha8ag{margin:0 0 8px;font-size:.75rem;font-weight:500;color:#000}.progress-bar.svelte-1uha8ag{width:200px;height:2px;background:#ccc;overflow:hidden}.progress-fill.svelte-1uha8ag{height:100%;background:#000}.progress-fill.indeterminate.svelte-1uha8ag{width:40%;animation:svelte-1uha8ag-indeterminate 1.2s ease-in-out infinite}@keyframes svelte-1uha8ag-indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.modal-overlay.svelte-1uha8ag{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.svelte-1uha8ag{background:#000;border:1px solid #333;padding:1.25rem;max-width:320px;width:90%;text-align:center;animation:svelte-1uha8ag-modalIn .15s ease-out}@keyframes svelte-1uha8ag-modalIn{0%{opacity:0;transform:scale(.98) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0 0 .25rem;color:#fff;font-size:.9rem;font-weight:600}.modal.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0 0 .75rem;color:#fff;font-size:.7rem}.modal.svelte-1uha8ag input:where(.svelte-1uha8ag){width:100%;padding:.5rem .625rem;background:#000;border:1px solid #333;color:#fff;font-size:.75rem;margin-bottom:.625rem;transition:border-color .15s ease}.modal.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{outline:none;border-color:#fff}.modal.svelte-1uha8ag input:where(.svelte-1uha8ag)::placeholder{color:#fff;opacity:.5}.btn-primary.svelte-1uha8ag{width:100%;padding:.5rem .75rem;background:#fff;border:none;color:#000;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .15s ease}.btn-primary.svelte-1uha8ag:hover:not(:disabled){background:#ccc}.btn-primary.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}.create-top-area.svelte-1uha8ag{display:flex;flex-direction:row;align-items:flex-start;gap:.25rem;width:100%}.create-palette-col.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:.125rem;width:auto;justify-content:center;order:0;align-self:stretch}.create-bottom-row.svelte-1uha8ag{display:flex;align-items:center;gap:.125rem;width:100%}.create-name-input.svelte-1uha8ag{flex:1;min-width:0;padding:.25rem .375rem;background:#111;border:1px solid #333;color:#fff;font-size:.7rem;transition:border-color .15s ease}.create-name-input.svelte-1uha8ag:focus{outline:none;border-color:#fff}.create-name-input.svelte-1uha8ag::placeholder{color:#fff;opacity:.6}.create-name-input.has-error.svelte-1uha8ag{border-color:#dc2626}.create-grid-wrapper.svelte-1uha8ag{padding:1px;background:#333;order:1;flex:1 1 0;min-width:0;width:auto;height:auto;aspect-ratio:1}.create-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(16,1fr);gap:1px;background:#333;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.create-pixel.svelte-1uha8ag{aspect-ratio:1;width:100%;pointer-events:none}.create-palette.svelte-1uha8ag{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:0}.create-color-swatch.svelte-1uha8ag{width:24px;flex:1;height:auto;border:1px solid #333;cursor:pointer;transition:all .15s ease;padding:0;flex-shrink:0}.create-color-swatch.svelte-1uha8ag:hover{border-color:#666}.create-color-swatch.active.svelte-1uha8ag{border-color:#fff;outline:2px solid #fff;outline-offset:1px;z-index:1}.create-bottom-row.svelte-1uha8ag .toolbar-btn:where(.svelte-1uha8ag){padding:.375rem;min-width:32px;min-height:32px}.create-bottom-row.svelte-1uha8ag .toolbar-btn:where(.svelte-1uha8ag) svg:where(.svelte-1uha8ag){width:16px;height:16px}.create-error.svelte-1uha8ag{color:#ff6b6b;font-size:.65rem;margin:0;padding:.25rem .375rem;background:#1a0000;border:1px solid #330000}@media(max-width:768px){.create-color-swatch.svelte-1uha8ag{width:30px}.create-name-input.svelte-1uha8ag{padding:.5rem .625rem;font-size:.875rem;min-height:44px}.create-bottom-row.svelte-1uha8ag .toolbar-btn:where(.svelte-1uha8ag){padding:.5rem;min-width:44px;min-height:44px}.create-bottom-row.svelte-1uha8ag .toolbar-btn:where(.svelte-1uha8ag) svg:where(.svelte-1uha8ag){width:20px;height:20px}.create-bottom-row.svelte-1uha8ag .toolbar-btn.primary:where(.svelte-1uha8ag){padding:.5rem 1rem}.create-bottom-row.svelte-1uha8ag{gap:.375rem}}@media(min-width:768px){.toolbar-group.create-panel.active.svelte-1uha8ag{max-width:280px;gap:.5rem;padding:.375rem}.create-name-input.svelte-1uha8ag{padding:.375rem .5rem;font-size:.7rem}.create-color-swatch.svelte-1uha8ag{width:22px}}