main.svelte-eziyyx{display:flex;flex-direction:column;gap:1.5rem}h1.svelte-eziyyx{font-size:1.6rem;font-weight:500;margin-bottom:.25rem}h2.svelte-eziyyx{font-size:1rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem}.io-container.svelte-eziyyx{display:flex;flex-direction:column;gap:2rem}.controls.svelte-eziyyx{display:flex;flex-direction:column;gap:.75rem}label.svelte-eziyyx{font-size:.85rem;font-weight:400;color:var(--text-secondary)}input[type=color].svelte-eziyyx,select.svelte-eziyyx{-webkit-appearance:none;appearance:none}input[type=file].svelte-eziyyx,input[type=color].svelte-eziyyx,input[type=range].svelte-eziyyx,select.svelte-eziyyx,button.svelte-eziyyx{font-size:.85rem;padding:.5rem .6rem;border:1px solid var(--border-secondary);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit}input[type=file].svelte-eziyyx{display:none}.file-label.svelte-eziyyx{padding:.5rem .8rem;border:1px solid var(--border-secondary);border-radius:4px;cursor:pointer;background:var(--bg-primary);font-size:.85rem}.file-label.svelte-eziyyx:hover{background-color:var(--bg-subtle-hover)}button.svelte-eziyyx{background-color:var(--accent-color);border:none;color:#fff;cursor:pointer}button.svelte-eziyyx:hover:not(:disabled){background-color:var(--accent-color-hover)}button.svelte-eziyyx:disabled{opacity:.5;cursor:not-allowed}.previews.svelte-eziyyx{display:flex;justify-content:center}.image-wrapper.svelte-eziyyx canvas:where(.svelte-eziyyx){width:1024px;max-width:100%;height:auto;image-rendering:pixelated;background:var(--bg-secondary);border:1px solid var(--border-secondary)}.placeholder.svelte-eziyyx{width:100%;padding:2rem;text-align:center;color:var(--text-muted);border:1px dashed var(--border-secondary);background:var(--bg-secondary);border-radius:4px}.status.svelte-eziyyx{font-size:.85rem;color:var(--text-muted)}.status.svelte-eziyyx span:where(.svelte-eziyyx){font-weight:500;color:var(--accent-color)}.custom-palette.svelte-eziyyx{display:flex;gap:.5rem}.custom-palette.svelte-eziyyx input[type=color]:where(.svelte-eziyyx){width:32px;height:32px;border:1px solid var(--border-secondary);padding:0;border-radius:4px}