.icon-selector.svelte-19dqa8b{width:100%}.preview-section.svelte-19dqa8b{border:1px solid var(--ds-border);background-color:var(--ds-surface-raised);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.preview-icon.svelte-19dqa8b{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.preview-text.svelte-19dqa8b{flex:1}.selection-section.svelte-19dqa8b{margin-bottom:20px}.section-header.svelte-19dqa8b{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.search-box.svelte-19dqa8b{align-items:center;width:200px;display:flex;position:relative}.search-box.svelte-19dqa8b svg{z-index:1;position:absolute;left:8px}.search-input.svelte-19dqa8b{border:1px solid;border-radius:6px;outline:none;width:100%;padding:6px 12px 6px 32px;font-size:12px;transition:border-color .2s}.search-input.svelte-19dqa8b:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.icon-grid.svelte-19dqa8b{border:1px solid var(--ds-border);background-color:var(--ds-surface-raised);border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;max-height:200px;padding:4px;display:grid;overflow-y:auto}.icon-option.svelte-19dqa8b{border:1px solid var(--ds-border);background-color:var(--ds-surface);cursor:pointer;width:40px;height:40px;color:var(--ds-text);border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-option.svelte-19dqa8b:hover{background-color:#eff6ff;border-color:#3b82f6}.icon-option.selected.svelte-19dqa8b{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.color-input.svelte-19dqa8b{border:1px solid var(--ds-border);cursor:pointer;border-radius:6px;width:40px;height:32px;padding:0}.color-grid.svelte-19dqa8b{grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:8px;padding:4px;display:grid}.color-option.svelte-19dqa8b{cursor:pointer;border:2px solid #0000;border-radius:6px;width:32px;height:32px;transition:all .2s;position:relative}.color-option.svelte-19dqa8b:hover{border-color:#fffc;transform:scale(1.1);box-shadow:0 2px 8px #00000026}.color-option.selected.svelte-19dqa8b{border-color:#374151;box-shadow:0 0 0 2px #3b82f6}.color-swatch-trigger.svelte-19dqa8b{cursor:pointer;border-radius:4px;flex-shrink:0;width:24px;height:24px;transition:transform .15s}.color-swatch-trigger.svelte-19dqa8b:hover{transform:scale(1.05)}.icon-selector-compact.svelte-19dqa8b{width:100%}.compact-trigger.svelte-19dqa8b{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;transition:all .2s;display:flex}.compact-trigger.svelte-19dqa8b:hover{border-color:#3b82f6!important}.compact-preview.svelte-19dqa8b{align-items:center;gap:10px;display:flex}.compact-icon.svelte-19dqa8b{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.compact-text.svelte-19dqa8b{flex-direction:column;gap:2px;display:flex}.popover-content.svelte-19dqa8b{z-index:50;border-radius:8px;width:320px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.popover-content-color-only.svelte-19dqa8b{width:280px}.popover-search.svelte-19dqa8b{border-bottom:1px solid;padding:8px;position:relative}.popover-search-input.svelte-19dqa8b{border:1px solid;border-radius:6px;outline:none;width:100%;padding:8px 12px 8px 32px;font-size:13px;transition:border-color .2s}.popover-search-input.svelte-19dqa8b:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.popover-search.svelte-19dqa8b .popover-search-icon{color:var(--ds-text-subtle);position:absolute;top:50%;left:18px;transform:translateY(-50%)}.popover-icons.svelte-19dqa8b{max-height:180px;padding:8px;overflow-y:auto}.popover-section-header.svelte-19dqa8b{text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:500}.popover-icon-grid.svelte-19dqa8b{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.popover-icon-option.svelte-19dqa8b{border:1px solid var(--ds-border);background-color:var(--ds-surface);cursor:pointer;width:32px;height:32px;color:var(--ds-text);border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.popover-icon-option.svelte-19dqa8b:hover{background-color:#eff6ff;border-color:#3b82f6}.popover-icon-option.selected.svelte-19dqa8b{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.popover-colors.svelte-19dqa8b{padding:8px}.popover-color-grid.svelte-19dqa8b{grid-template-columns:repeat(10,1fr);gap:4px;margin-bottom:8px;display:grid}.popover-color-option.svelte-19dqa8b{cursor:pointer;border:2px solid #0000;border-radius:4px;width:24px;height:24px;transition:all .15s}.popover-color-option.svelte-19dqa8b:hover{border-color:#fffc;transform:scale(1.1);box-shadow:0 2px 4px #00000026}.popover-color-option.selected.svelte-19dqa8b{border-color:#374151;box-shadow:0 0 0 2px #3b82f6}.custom-color-row.svelte-19dqa8b{border-top:1px solid var(--ds-border);align-items:center;gap:8px;padding-top:8px;display:flex}.custom-color-input.svelte-19dqa8b{cursor:pointer;border:1px solid;border-radius:4px;width:32px;height:24px;padding:0}