.color-picker-button.svelte-1vxlw3v{cursor:pointer;border:1.5px solid var(--border-primary)}.color-picker-button.svelte-1vxlw3v:hover{border-color:var(--accent-primary)}.color-picker-button.ring-2.svelte-1vxlw3v{border-color:transparent}.family-selector-container.svelte-1ix5tv7{display:flex;flex-direction:column;gap:1rem;height:100%;padding:.5rem}.family-grid.svelte-1ix5tv7{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.75rem;flex:1}.family-button.svelte-1ix5tv7{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:2px solid var(--border-primary);border-radius:.5rem;background:var(--bg-secondary);cursor:pointer;transition:all .2s}.family-button.svelte-1ix5tv7:hover{border-color:var(--primary-500);background:var(--bg-tertiary)}.family-button.svelte-1ix5tv7.selected{border-color:var(--accent);background:var(--accent);color:#fff}.family-color.svelte-1ix5tv7{width:2.5rem;height:2.5rem;border-radius:.375rem;background-color:var(--family-color);border:2px solid rgba(0,0,0,.1)}.family-name.svelte-1ix5tv7{font-size:.75rem;font-weight:500;text-align:center;line-height:1}.placeholder-note.svelte-1ix5tv7{padding:.75rem;font-size:.75rem;color:var(--text-tertiary);text-align:center;border-top:1px solid var(--border-primary);background:var(--bg-tertiary);border-radius:.375rem}.color-picker-panel.svelte-lruo2p{background:linear-gradient(135deg,#f5f5faf2,#e6e6f0eb);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--border-primary);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.dark .color-picker-panel.svelte-lruo2p{background:linear-gradient(135deg,#18181bf2,#27272aeb)}.picker-content.svelte-lruo2p{display:flex;gap:.75rem;padding:.75rem;height:250px}.picker-main.svelte-lruo2p{flex:1;min-width:0;display:flex}.canvas-container.svelte-lruo2p{flex:1;display:flex;flex-direction:column;gap:.5rem}.sv-picker.svelte-lruo2p{flex:1;position:relative;border-radius:.375rem;cursor:crosshair;touch-action:none;overflow:hidden;border:1.5px solid var(--border-primary);min-height:150px;transition:border-color .2s}.sv-picker.svelte-lruo2p:hover{border-color:var(--accent-primary)}.sv-overlay-saturation.svelte-lruo2p{position:absolute;inset:0;background:linear-gradient(to right,white,transparent);pointer-events:none}.sv-overlay-value.svelte-lruo2p{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,black);pointer-events:none}.sv-cursor.svelte-lruo2p{position:absolute;width:16px;height:16px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 4px #0000004d}.hue-slider.svelte-lruo2p{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-lruo2p:hover{border-color:var(--accent-primary)}.hue-cursor.svelte-lruo2p{position:absolute;top:50%;width:4px;height:calc(100% + 4px);background:#fff;border:1px solid rgba(0,0,0,.3);transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 4px #0000004d}.grid-container.svelte-lruo2p,.family-container.svelte-lruo2p{flex:1;overflow:auto}.mode-buttons.svelte-lruo2p{display:flex;flex-direction:column;gap:.25rem;padding:.25rem;border-radius:.375rem;width:36px;flex-shrink:0}.mode-btn.svelte-lruo2p{width:100%;aspect-ratio:1;padding:.375rem;border:1.5px solid var(--border-primary);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-lruo2p svg:where(.svelte-lruo2p){width:16px;height:16px}.mode-btn.svelte-lruo2p:hover{background:var(--accent-primary-light);color:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.05)}.mode-btn.active.svelte-lruo2p{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 0 0 2px #667eea33}@media (max-width: 640px){.picker-content.svelte-lruo2p{flex-direction:column;height:auto;min-height:350px}.picker-main.svelte-lruo2p{min-height:200px}.mode-buttons.svelte-lruo2p{flex-direction:row;width:100%;height:auto}.mode-btn.svelte-lruo2p{flex:1;aspect-ratio:1}}.single-color-picker-wrapper.svelte-1gxs7nn{position:relative;width:100%}.panel-wrapper.svelte-1gxs7nn{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:50;animation:svelte-1gxs7nn-slideDown .2s ease-out}@keyframes svelte-1gxs7nn-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-header.svelte-xolfwo{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-xolfwo: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-xolfwo{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-decorative.svelte-xolfwo{opacity:.6;cursor:default;pointer-events:none}.filter-pill.svelte-xolfwo:hover:not(.filter-pill-decorative){background:linear-gradient(135deg,#ffffff4d,#fff3);box-shadow:inset 0 1px 2px #ffffff59,0 3px 6px #00000026;transform:translateY(-1px)}.filter-pill-value.svelte-xolfwo{position:relative;z-index:1}.filter-pill-remove.svelte-xolfwo{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-xolfwo:hover{background:#00000026}.logic-operator.svelte-xolfwo{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-xolfwo:hover{background:#fff3;color:var(--text-inverse)}.logic-operator-static.svelte-xolfwo{position:relative;z-index:1;padding:.25rem .5rem;font-size:.6875rem;font-weight:700;color:#ffffffbf}.filter-clear.svelte-xolfwo{position:relative;z-index:1;margin-left:auto;padding:.25rem .625rem;font-size:.75rem;font-weight:600;color:var(--text-inverse);background:#ffffff26;border-radius:.375rem;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.filter-clear.svelte-xolfwo:hover{background:#ffffff40;box-shadow:0 2px 4px #0000001a}.dark .filter-pill.svelte-xolfwo{background:linear-gradient(135deg,#ffffff26,#ffffff1a);border-color:#fff3;box-shadow:inset 0 1px 2px #ffffff26,0 2px 4px #0003}.dark .filter-pill.svelte-xolfwo:hover:not(.filter-pill-decorative){background:linear-gradient(135deg,#fff3,#ffffff26);box-shadow:inset 0 1px 2px #fff3,0 3px 6px #00000040}.glass-card-container.svelte-eojjp2{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-eojjp2{background:#0003;border-color:#ffffff0d}@media (max-width: 768px){.glass-card-container.svelte-eojjp2{margin-left:.5rem;margin-right:.5rem}}