.color-picker-button.svelte-19vagt2{cursor:pointer}.color-count-display.svelte-13wqvc7{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;height:100%;justify-content:space-between;min-width:140px}.preview-section.svelte-13wqvc7,.count-section.svelte-13wqvc7{display:flex;flex-direction:column;gap:.25rem;flex:1}.section-label.svelte-13wqvc7{font-size:.625rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;line-height:1}.color-preview-compact.svelte-13wqvc7{width:100%;flex:1;min-height:40px;border-radius:.375rem;border:1.5px solid var(--border-primary);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px #0000001a;transition:border-color .2s}.color-preview-compact.svelte-13wqvc7:hover{border-color:var(--accent-primary)}.color-preview-compact.empty.svelte-13wqvc7{background:var(--bg-tertiary)}.empty-text.svelte-13wqvc7{font-size:.875rem;color:var(--text-tertiary);font-weight:500}.hex-input.svelte-13wqvc7{font-family:Monaco,Menlo,Courier New,monospace;font-size:.75rem;color:var(--text-primary);text-align:center;font-weight:600;padding:.5rem .25rem;background:var(--bg-secondary);border:1.5px solid transparent;border-radius:.25rem;line-height:1.2;width:100%;outline:none;min-height:32px}.hex-input.svelte-13wqvc7:hover,.hex-input.svelte-13wqvc7:focus{background:var(--bg-primary)}.count-controls.svelte-13wqvc7{display:flex;flex-direction:column;gap:.5rem;flex:1}.count-adjuster.svelte-13wqvc7{display:flex;align-items:center;gap:.5rem}.adjust-btn.svelte-13wqvc7{width:32px;height:32px;font-size:1.25rem;font-weight:700;line-height:1;border:1.5px solid transparent;background:var(--bg-secondary);color:var(--text-primary);border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.adjust-btn.svelte-13wqvc7:hover:not(:disabled){background:var(--accent-primary);color:#fff;transform:scale(1.05)}.adjust-btn.svelte-13wqvc7:active:not(:disabled){transform:scale(.95)}.adjust-btn.svelte-13wqvc7:disabled{opacity:.4;cursor:not-allowed}.count-display-box.svelte-13wqvc7{flex:1;min-height:32px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--text-primary);background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:.375rem;padding:.25rem .5rem;text-transform:uppercase;letter-spacing:.05em}.color-picker-wrapper.svelte-13w3aso{display:flex;flex-direction:column;width:100%;height:200px;background:transparent;border-radius:.5rem;position:relative}.picker-content.svelte-13w3aso{display:flex;gap:1rem;height:100%;border-radius:.5rem;padding:.75rem;background:transparent}.picker-main.svelte-13w3aso{flex:1;min-width:0;display:flex}.canvas-container.svelte-13w3aso{flex:1;display:flex;flex-direction:column;gap:.5rem}.sv-picker.svelte-13w3aso{flex:1;position:relative;border-radius:.375rem;cursor:crosshair;touch-action:none;overflow:hidden;border:1.5px solid var(--border-primary);min-height:100px;transition:border-color .2s}.sv-picker.svelte-13w3aso:hover{border-color:var(--accent-primary)}.hue-slider.svelte-13w3aso{position:relative;height:1.5rem;width:100%;flex-shrink:0;border-radius:.375rem;cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1.5px solid var(--border-primary);transition:border-color .2s}.hue-slider.svelte-13w3aso:hover{border-color:var(--accent-primary)}.grid-container.svelte-13w3aso{flex:1;overflow:auto}.picker-controls.svelte-13w3aso{flex-shrink:0;display:flex;gap:.5rem;width:200px}.mode-buttons.svelte-13w3aso{display:flex;flex-direction:column;gap:.25rem;padding:.25rem;border-radius:.375rem;width:36px;flex-shrink:0}.mode-btn.svelte-13w3aso{width:100%;aspect-ratio:1;padding:.375rem;border:1.5px solid transparent;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.mode-btn.svelte-13w3aso svg:where(.svelte-13w3aso){width:16px;height:16px}.mode-btn.svelte-13w3aso:hover{background:var(--accent-primary-light);color:var(--accent-primary);transform:scale(1.05)}.mode-btn.active.svelte-13w3aso{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.count-display-container.svelte-13w3aso{border-radius:.375rem;flex:1;min-width:0;display:flex;flex-direction:column}@media (max-width: 640px){.color-picker-wrapper.svelte-13w3aso{height:auto;min-height:350px}.picker-content.svelte-13w3aso{flex-direction:column}.picker-main.svelte-13w3aso{min-height:200px}.picker-controls.svelte-13w3aso{width:100%;flex-direction:column;gap:.5rem}.mode-buttons.svelte-13w3aso{flex-direction:row;width:100%;height:auto}.mode-btn.svelte-13w3aso{flex:1;aspect-ratio:1}.count-display-container.svelte-13w3aso{min-width:0;width:100%}}.color-tab-selector.svelte-1hnfoov{display:flex;gap:.25rem;padding:.25rem;background:var(--bg-secondary);border-radius:.375rem;border:1.5px solid var(--border-primary);border-bottom:none;overflow-x:auto;scrollbar-width:thin;box-shadow:inset 0 1px 2px #fff6,inset 0 -4px 8px #0000000d}.dark .color-tab-selector.svelte-1hnfoov{box-shadow:inset 0 1px 2px #ffffff1a,inset 0 -4px 8px #0003}.color-tab.svelte-1hnfoov{flex-shrink:0;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:.25rem;cursor:pointer;transition:all .2s;min-width:auto}.color-tab.svelte-1hnfoov:hover{background:var(--bg-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.color-tab.active.svelte-1hnfoov{background:var(--bg-primary);border-color:var(--accent-primary);box-shadow:0 0 0 2px #667eea33}.tab-color-preview.svelte-1hnfoov{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;box-shadow:0 1px 3px #0000001a,inset 0 1px 1px #ffffff4d}.dark .tab-color-preview.svelte-1hnfoov{border-color:#fff3;box-shadow:0 1px 3px #0000004d,inset 0 1px 1px #ffffff1a}.tab-color-preview.svelte-1hnfoov svg:where(.svelte-1hnfoov){width:12px;height:12px}.color-tab.svelte-1hnfoov:hover .tab-color-preview:where(.svelte-1hnfoov){transform:scale(1.1);box-shadow:0 2px 4px #00000026,inset 0 1px 2px #fff6}.dark .color-tab.svelte-1hnfoov:hover .tab-color-preview:where(.svelte-1hnfoov){box-shadow:0 2px 4px #0006,inset 0 1px 2px #ffffff26}.color-tab.active.svelte-1hnfoov .tab-color-preview:where(.svelte-1hnfoov){border-color:#fffc;box-shadow:0 2px 6px #0003,inset 0 1px 2px #ffffff80,0 0 0 2px var(--accent-primary-light)}.dark .color-tab.active.svelte-1hnfoov .tab-color-preview:where(.svelte-1hnfoov){border-color:#fff6;box-shadow:0 2px 6px #0006,inset 0 1px 2px #fff3,0 0 0 2px var(--accent-primary-light)}.color-tab.empty.svelte-1hnfoov .tab-color-preview:where(.svelte-1hnfoov){background:var(--bg-secondary);color:var(--text-tertiary)}.tab-number.svelte-1hnfoov{font-size:.7rem;font-weight:600;color:var(--text-secondary);transition:color .2s}.color-tab.active.svelte-1hnfoov .tab-number:where(.svelte-1hnfoov){color:var(--accent-primary)}@media (max-width: 640px){.color-tab-selector.svelte-1hnfoov{flex-direction:column;align-items:stretch;width:auto;min-width:60px}.color-tab.svelte-1hnfoov{padding:.25rem .375rem;width:100%}.tab-color-preview.svelte-1hnfoov{width:18px;height:18px}.tab-color-preview.svelte-1hnfoov svg:where(.svelte-1hnfoov){width:10px;height:10px}}.color-preview-wrapper.svelte-1a23kwc{position:relative;width:200px;height:200px;overflow:visible;max-width:100vw}.tabs-overlay.svelte-1a23kwc{position:absolute;top:200px;left:200px;z-index:25;min-width:200px}.color-preview-container.svelte-1a23kwc{position:absolute;display:flex;align-items:stretch;z-index:20;width:fit-content;height:auto;min-height:200px;top:0;left:0;overflow:visible}.filament-preview-box.svelte-1a23kwc{width:200px;height:200px;flex-shrink:0;border-radius:.5rem;border:1.5px solid var(--border-primary);position:relative}.color-preview-container.svelte-1a23kwc:has(.color-picker-panel:where(.svelte-1a23kwc)) .filament-preview-box:where(.svelte-1a23kwc){border-radius:.5rem 0 0 .5rem;border-right:none}.filament-preview-box.focus-input.svelte-1a23kwc:hover,.filament-preview-box.focus-input.svelte-1a23kwc:focus-within{box-shadow:0 0 0 3px var(--border-focus)}.color-picker-panel.svelte-1a23kwc{width:480px;height:auto;min-height:200px;flex-shrink:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f5faf2,#e6e6f0eb);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 2px #fff6,inset 0 -8px 16px #00000014;border-radius:0 .5rem .5rem 0;border:1.5px solid var(--border-primary);border-left:none}.panel-content.svelte-1a23kwc{flex:1;display:flex;flex-direction:column;overflow:visible;width:100%;height:100%;padding:0}.dark .color-picker-panel.svelte-1a23kwc{background:linear-gradient(135deg,#18181bf2,#27272aeb);box-shadow:inset 0 1px 2px #ffffff26,inset 0 -8px 16px #0000004d}@media (max-width: 680px){.color-preview-wrapper.svelte-1a23kwc{display:flex;flex-direction:column;align-items:center;width:100%;height:200px;overflow:visible}.tabs-overlay.svelte-1a23kwc{left:202px;right:auto;top:200px;transform:none;width:auto;min-width:auto}.color-preview-container.svelte-1a23kwc{position:absolute;flex-direction:column;align-items:center;width:200px;height:auto;left:50%;transform:translate(-50%)}.color-picker-panel.svelte-1a23kwc{width:200px;height:auto;min-height:200px;border-radius:0 0 .5rem .5rem;border:1.5px solid var(--border-primary);border-top:none}.color-preview-container.svelte-1a23kwc:has(.color-picker-panel:where(.svelte-1a23kwc)) .filament-preview-box:where(.svelte-1a23kwc){border-radius:.5rem .5rem 0 0;border-right:1.5px solid var(--border-primary);border-bottom:none}}@media (max-width: 420px){.tabs-overlay.svelte-1a23kwc{left:201px;max-width:calc(100vw - 210px)}.color-preview-wrapper.svelte-1a23kwc{max-width:min(200px,100vw - 20px)}}.filter-header.svelte-1owyqvc{position:relative;z-index:1;background:var(--hero-gradient);color:var(--text-inverse);padding:.75rem 1rem;border-radius:.75rem;overflow:hidden;margin-bottom:.5rem}.filter-header.svelte-1owyqvc:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 6px);opacity:.25;mix-blend-mode:overlay}.filter-pill.svelte-1owyqvc{position:relative;display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem .25rem .625rem;border-radius:9999px;font-size:.8125rem;font-weight:500;background:linear-gradient(135deg,#ffffff40,#ffffff26);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:var(--text-inverse);box-shadow:inset 0 1px 2px #ffffff4d,0 2px 4px #0000001a;transition:all .2s ease}.filter-pill.has-color.svelte-1owyqvc{padding-left:.375rem}.filter-pill-decorative.svelte-1owyqvc{opacity:.6;cursor:default;pointer-events:none}.color-swatch.svelte-1owyqvc{position:relative;z-index:1;width:1.25rem;height:1.25rem;border-radius:9999px;border:2px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 2px #00000026,0 1px 3px #0003;flex-shrink:0}.filter-pill.svelte-1owyqvc:hover{background:linear-gradient(135deg,#ffffff4d,#fff3);box-shadow:inset 0 1px 2px #ffffff59,0 3px 6px #00000026;transform:translateY(-1px)}.filter-pill-value.svelte-1owyqvc{position:relative;z-index:1}.filter-pill-remove.svelte-1owyqvc{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:.125rem;border-radius:9999px;transition:background-color .2s ease}.filter-pill-remove.svelte-1owyqvc:hover{background:#00000026}.logic-operator.svelte-1owyqvc{position:relative;z-index:1;padding:.25rem .5rem;font-size:.6875rem;font-weight:700;color:#ffffffe6;background:#ffffff1a;border-radius:.25rem;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logic-operator.svelte-1owyqvc:hover{background:#fff3;color:var(--text-inverse)}.logic-operator-static.svelte-1owyqvc{position:relative;z-index:1;padding:.25rem .5rem;font-size:.6875rem;font-weight:700;color:#ffffffbf}.filter-clear.svelte-1owyqvc{position:relative;z-index:1;margin-left:auto;padding:.25rem .625rem;font-size:.75rem;font-weight:600;color:var(--text-gradient-end, var(--text-inverse));background:#ffffff26;border-radius:.375rem;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.filter-clear.svelte-1owyqvc:hover{background:#ffffff40;box-shadow:0 2px 4px #0000001a}.dark .filter-pill.svelte-1owyqvc{background:linear-gradient(135deg,#ffffff26,#ffffff1a);border-color:#fff3;box-shadow:inset 0 1px 2px #ffffff26,0 2px 4px #0003}.dark .filter-pill.svelte-1owyqvc:hover{background:linear-gradient(135deg,#fff3,#ffffff26);box-shadow:inset 0 1px 2px #fff3,0 3px 6px #00000040}.glass-card-container.svelte-15jwi7u{background:linear-gradient(135deg,#f5f5faf2,#e6e6f0eb);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:0 0 1rem 1rem;padding:1rem 1.5rem 1.5rem;margin-top:-.5rem;position:relative;z-index:10;margin-left:1rem;margin-right:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark .glass-card-container.svelte-15jwi7u{background:#0003;border-color:#ffffff0d}@media (max-width: 768px){.glass-card-container.svelte-15jwi7u{margin-left:.5rem;margin-right:.5rem}}.glass-card-dropdown.svelte-15jwi7u{background:linear-gradient(135deg,#f5f5faf2,#e6e6f0eb);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dark .glass-card-dropdown.svelte-15jwi7u{background:#0006}select.svelte-ba6yuk{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;padding-right:2rem}.dark select.svelte-ba6yuk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}