.image-viewport.svelte-1l5dllz{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;text-align:left;touch-action:none;cursor:grab;background-color:#f4f5f7;background-image:conic-gradient(#e4e6eb 25%,transparent 0 50%,#e4e6eb 0 75%,transparent 0);background-size:20px 20px}.image-canvas.svelte-1l5dllz{position:absolute;top:0;left:0;transform-origin:top left;max-width:none}.palette-results.svelte-1l5dllz{padding:20px;border-top:1px solid var(--ui-line)}.results-heading.svelte-1l5dllz{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.results-heading.svelte-1l5dllz h2:where(.svelte-1l5dllz){font-size:18px;font-weight:650}.results-heading.svelte-1l5dllz p:where(.svelte-1l5dllz){color:var(--ui-muted);font-size:14px}.palette-results-grid.svelte-1l5dllz{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.palette-results-grid.svelte-1l5dllz button:where(.svelte-1l5dllz){overflow:hidden;border:1px solid var(--ui-line);border-radius:10px}.color-preview.svelte-1l5dllz{display:block;height:80px}.color-value.svelte-1l5dllz{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px;background:#fff;font-size:14px}@media (max-width: 600px){.palette-results.svelte-1l5dllz{padding:16px}.palette-results-grid.svelte-1l5dllz{grid-template-columns:repeat(2,minmax(0,1fr))}}