.paint-app.svelte-dl1tes{display:flex;flex-direction:column;align-items:stretch;width:100%;font-family:system-ui,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toolbar.svelte-dl1tes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#d4d0c8;padding:6px 10px;width:100%;box-sizing:border-box}.tool-group.svelte-dl1tes{display:flex;align-items:center;gap:4px}.tool-group.palette.svelte-dl1tes{flex:1 1 100%;order:10;gap:4px;flex-wrap:wrap}.tool-btn.svelte-dl1tes{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#d4d0c8;border:2px solid #808080;cursor:pointer;color:#222;touch-action:manipulation}.tool-btn.svelte-dl1tes:active,.tool-btn.active.svelte-dl1tes{background:#c0bdb5}.size-label.svelte-dl1tes{display:flex;align-items:center;gap:6px;font-size:12px}.size-label.svelte-dl1tes input[type=range]:where(.svelte-dl1tes){width:90px}.size-val.svelte-dl1tes{min-width:22px;font-size:12px}.blend-select.svelte-dl1tes{font-size:12px;background:#d4d0c8;border:2px solid #808080;border-top-color:#404040;border-left-color:#404040;padding:2px 4px;cursor:pointer}.color-swatch.svelte-dl1tes{flex:1;min-width:24px;max-width:36px;height:28px;border:2px solid #808080;cursor:pointer;padding:0;touch-action:manipulation}.color-swatch.selected.svelte-dl1tes{border:2px solid #000;outline:2px solid #ffffff}.color-picker.svelte-dl1tes{flex:1;min-width:24px;max-width:36px;height:28px;border:2px solid #808080;padding:0;cursor:pointer;background:none;touch-action:manipulation}.action-btn.svelte-dl1tes{padding:6px 10px;font-size:13px;min-height:40px;background:#d4d0c8;border:2px solid transparent;border-top-color:#fff;border-left-color:#fff;border-bottom-color:gray;border-right-color:gray;cursor:pointer;touch-action:manipulation}.action-btn.svelte-dl1tes:active:not(:disabled){background:#c0bdb5}.action-btn.svelte-dl1tes:disabled{opacity:.4;cursor:default}.action-btn.primary.svelte-dl1tes{font-weight:700}.canvas-wrapper.svelte-dl1tes{position:relative;display:block;width:100%;border:2px solid #808080;border-top-color:#404040;border-left-color:#404040;line-height:0;box-sizing:border-box}.sheet-img.svelte-dl1tes{display:block;width:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-layer.svelte-dl1tes{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:multiply;touch-action:none}.loading-overlay.svelte-dl1tes{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffffd9}.loading-dot.svelte-dl1tes{width:10px;height:10px;border-radius:50%;background:gray;animation:svelte-dl1tes-bounce 1s infinite ease-in-out}.loading-dot.svelte-dl1tes:nth-child(2){animation-delay:.15s}.loading-dot.svelte-dl1tes:nth-child(3){animation-delay:.3s}@keyframes svelte-dl1tes-bounce{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}@media(min-width:700px){.tool-group.palette.svelte-dl1tes{flex:0 1 auto;order:0;max-width:220px}.color-swatch.svelte-dl1tes,.color-picker.svelte-dl1tes{flex:0 0 auto;width:24px;max-width:none;height:24px}}main.svelte-1swt5ei{max-width:860px;margin:0 auto;padding:2rem 1rem}h1.svelte-1swt5ei{font-size:2rem;margin-bottom:.25rem}.intro.svelte-1swt5ei{color:#555;margin-bottom:1.5rem}.sheet-picker.svelte-1swt5ei{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.sheet-btn.svelte-1swt5ei{padding:8px 16px;background:#d4d0c8;border:2px solid transparent;cursor:pointer;font-size:14px;touch-action:manipulation}.sheet-btn.active.svelte-1swt5ei{background:#c0bdb5;font-weight:700}.canvas-section.svelte-1swt5ei{margin:0 -1rem}@media(min-width:700px){.canvas-section.svelte-1swt5ei{margin:0}}