.color-swatch.svelte-lddv7f{border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:default;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.color-swatch.clickable.svelte-lddv7f{cursor:pointer}.color-swatch.clickable.svelte-lddv7f:hover:not(:disabled){border-color:var(--text-secondary);transform:scale(1.1)}.color-swatch.active.svelte-lddv7f{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color);border-width:3px}.color-swatch.no-border.svelte-lddv7f{border-color:#0000}.color-swatch.svelte-lddv7f:disabled{opacity:.5;cursor:not-allowed}.checkmark.svelte-lddv7f{color:#fff;text-shadow:0 0 2px #000c;pointer-events:none;font-size:16px;font-weight:700}.context-menu-overlay.svelte-d67m5n{z-index:var(--z-context-menu-overlay);position:fixed;inset:0}.context-menu.svelte-d67m5n{background:var(--panel-bg);border:2px solid var(--border-color);border-radius:var(--radius-md);min-width:180px;max-width:300px;z-index:var(--z-context-menu);transform-origin:0 0;outline:none;padding:2px 0;animation:.15s ease-out svelte-d67m5n-contextMenuSlide;position:fixed;box-shadow:0 4px 16px #0000004d,0 2px 4px #0000001a}@keyframes svelte-d67m5n-contextMenuSlide{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.context-menu-item.svelte-d67m5n{width:100%;color:var(--text-primary);text-align:start;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 10px;font-size:12px;transition:background-color .15s,padding-inline-start .15s;display:flex}.context-menu-item.svelte-d67m5n:hover:not(.disabled),.context-menu-item.selected.svelte-d67m5n:not(.disabled){background:var(--button-bg-hover);padding-inline-start:14px}.context-menu-item.disabled.svelte-d67m5n{opacity:.5;cursor:not-allowed}.context-menu-item.danger.svelte-d67m5n{color:var(--danger-color,#e74c3c)}.context-menu-item.danger.svelte-d67m5n:hover:not(.disabled){background:#e74c3c1a}.menu-icon.svelte-d67m5n{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.menu-icon.svelte-d67m5n svg{width:16px;height:16px}.menu-label.svelte-d67m5n{flex:1}.menu-shortcut.svelte-d67m5n{color:var(--text-secondary);opacity:.7;font-size:10px}.submenu-arrow.svelte-d67m5n{color:var(--text-secondary);margin-left:auto;font-size:10px}.context-menu-divider.svelte-d67m5n{background:var(--border-color);height:1px;margin:4px 0}.context-submenu.svelte-d67m5n{background:var(--panel-bg);border:2px solid var(--border-color);border-radius:var(--radius-md);min-width:180px;max-width:300px;z-index:calc(var(--z-context-menu) + 1);padding:2px 0;animation:.1s ease-out svelte-d67m5n-contextMenuSlide;position:fixed;box-shadow:0 4px 16px #0000004d,0 2px 4px #0000001a}.gradient-preview-canvas.svelte-1b9huqe{pointer-events:none;z-index:16;image-rendering:pixelated;box-shadow:none;background:0 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}