/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-outline-style:solid;--tw-duration:initial}}}.colors-list.svelte-cbnfim{padding:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);flex:1;overflow-y:auto}:where(.colors-list.svelte-cbnfim>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*2)*calc(1 - var(--tw-space-y-reverse)))}:is(.colors-list.svelte-cbnfim .colors:where(.svelte-cbnfim),.colors-list.svelte-cbnfim .single-color:where(.svelte-cbnfim)) input[type=checkbox]:where(.svelte-cbnfim){top:calc(var(--spacing,.25rem)*-999);left:calc(var(--spacing,.25rem)*-999);position:absolute}:is(.colors-list.svelte-cbnfim .colors:where(.svelte-cbnfim),.colors-list.svelte-cbnfim .single-color:where(.svelte-cbnfim)) input[type=checkbox]:where(.svelte-cbnfim):checked~.list:where(.svelte-cbnfim),:is(.colors-list.svelte-cbnfim .colors:where(.svelte-cbnfim),.colors-list.svelte-cbnfim .single-color:where(.svelte-cbnfim)) input[type=checkbox]:where(.svelte-cbnfim):checked~.tile:where(.svelte-cbnfim){border-style:var(--tw-border-style);background-color:#4b50b41a;border-width:4px;border-color:#9497d14d}@supports (color:color-mix(in lab,red,red)){:is(:is(.colors-list.svelte-cbnfim .colors:where(.svelte-cbnfim),.colors-list.svelte-cbnfim .single-color:where(.svelte-cbnfim)) input[type=checkbox]:where(.svelte-cbnfim):checked~.list:where(.svelte-cbnfim),:is(.colors-list.svelte-cbnfim .colors:where(.svelte-cbnfim),.colors-list.svelte-cbnfim .single-color:where(.svelte-cbnfim)) input[type=checkbox]:where(.svelte-cbnfim):checked~.tile:where(.svelte-cbnfim)){background-color:color-mix(in oklab,var(--color-secondary-500,#4b50b4)10%,transparent);border-color:color-mix(in oklab,var(--color-secondary-200,#9497d1)30%,transparent)}}:is(.colors-list.svelte-cbnfim .colors:where(.svelte-cbnfim),.colors-list.svelte-cbnfim .single-color:where(.svelte-cbnfim)) .list:where(.svelte-cbnfim),:is(.colors-list.svelte-cbnfim .colors:where(.svelte-cbnfim),.colors-list.svelte-cbnfim .single-color:where(.svelte-cbnfim)) .tile:where(.svelte-cbnfim){cursor:pointer;border-radius:var(--radius-lg,.5rem);border-width:1px;border-color:#ffffff1a;border-style:var(--tw-border-style);outline-style:var(--tw-outline-style);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-width:4px;border-color:#0000;outline-width:1px;outline-color:#0000001a;flex-direction:row;transition-duration:.3s;display:flex;overflow:hidden}@supports (color:color-mix(in lab,red,red)){:is(:is(.colors-list.svelte-cbnfim .colors:where(.svelte-cbnfim),.colors-list.svelte-cbnfim .single-color:where(.svelte-cbnfim)) .list:where(.svelte-cbnfim),:is(.colors-list.svelte-cbnfim .colors:where(.svelte-cbnfim),.colors-list.svelte-cbnfim .single-color:where(.svelte-cbnfim)) .tile:where(.svelte-cbnfim)){border-color:color-mix(in oklab,var(--color-white,#fff)10%,transparent);outline-color:color-mix(in oklab,var(--color-black,#000)10%,transparent)}}:is(.colors-list.svelte-cbnfim .colors:where(.svelte-cbnfim),.colors-list.svelte-cbnfim .single-color:where(.svelte-cbnfim)) .tile:where(.svelte-cbnfim){cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*3);padding:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-white,#fff);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:.25rem;display:flex}@media (hover:hover){:is(.colors-list.svelte-cbnfim .colors:where(.svelte-cbnfim),.colors-list.svelte-cbnfim .single-color:where(.svelte-cbnfim)) .tile:where(.svelte-cbnfim):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){:is(.colors-list.svelte-cbnfim .colors:where(.svelte-cbnfim),.colors-list.svelte-cbnfim .single-color:where(.svelte-cbnfim)) .tile:where(.svelte-cbnfim):hover{background-color:color-mix(in oklab,var(--color-white,#fff)5%,transparent)}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}.color-extractor.svelte-vqx3cu{width:100%;font-family:system-ui,-apple-system,sans-serif}.upload-section.svelte-vqx3cu{margin-bottom:1rem}.upload-area.svelte-vqx3cu{display:flex;justify-content:center;align-items:center;border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:1rem;background:#ffffff0d;transition:all .2s ease;min-height:80px}.upload-area.svelte-vqx3cu:hover{background:#ffffff14;border-color:#ffffff4d}.upload-area.processing.svelte-vqx3cu{opacity:.7}.upload-area.error.svelte-vqx3cu{border-color:#ff646480;background:#ff64640d}.upload-placeholder.svelte-vqx3cu{display:flex;flex-direction:row;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem}.preview-container.svelte-vqx3cu{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.image-preview.svelte-vqx3cu{max-width:100%;max-height:200px;border-radius:4px;object-fit:contain}.image-actions.svelte-vqx3cu{display:flex;gap:.5rem;margin-top:.5rem}.action-btn.svelte-vqx3cu{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:.3rem .75rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease;min-width:60px}.action-btn.svelte-vqx3cu:hover{background:#0006;border-color:#fff6}.action-btn.svelte-vqx3cu:disabled{opacity:.5;cursor:not-allowed}.remove-btn.svelte-vqx3cu:hover{background:#dc26264d;border-color:#dc262680;color:#dc2626e6}.error-message.svelte-vqx3cu{color:#ff6464e6;font-size:.85rem;margin-top:.25rem}.colors-preview.svelte-vqx3cu{margin-top:1.5rem}.colors-preview.svelte-vqx3cu h3:where(.svelte-vqx3cu){font-size:1rem;font-weight:500;color:#ffffffe6;margin-bottom:.75rem}.colors-grid.svelte-vqx3cu{display:flex;flex-wrap:wrap;gap:.5rem}.color-swatch.svelte-vqx3cu{width:2rem;height:2rem;border-radius:4px;border:1px solid rgba(255,255,255,.15);transition:transform .2s ease}.color-swatch.svelte-vqx3cu:hover{transform:scale(1.1);z-index:1}.color-groups.svelte-vqx3cu{display:flex;flex-direction:column;gap:.75rem}.color-group.svelte-vqx3cu{display:flex;align-items:center;gap:.75rem}.group-color.svelte-vqx3cu{width:2.5rem;height:2.5rem;border-radius:4px;border:1px solid rgba(255,255,255,.15)}.group-colors.svelte-vqx3cu{display:flex;gap:.25rem}.group-colors.svelte-vqx3cu .color-swatch:where(.svelte-vqx3cu){width:1.5rem;height:1.5rem}
