.badge-picker.svelte-1j9to2a.svelte-1j9to2a{position:relative;display:flex;flex-direction:column;gap:var(--space-4);width:100%}.close-btn.svelte-1j9to2a.svelte-1j9to2a{position:absolute;top:calc(-1 * var(--space-8));right:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--tb-white);border:var(--border-w-brutal) solid var(--tb-black);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-md);color:var(--text-strong)}.picker-subtitle.svelte-1j9to2a.svelte-1j9to2a{margin:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}.picker-empty.svelte-1j9to2a.svelte-1j9to2a{margin:0;font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted)}.picker-grid.svelte-1j9to2a.svelte-1j9to2a{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:min-content;gap:var(--space-3);width:100%;height:300px;overflow-y:auto;padding:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--tb-ink-200) transparent}.picker-tile.svelte-1j9to2a.svelte-1j9to2a{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:0;background:transparent;border:none;cursor:pointer;font-family:var(--font-heading)}.tile-box.svelte-1j9to2a.svelte-1j9to2a{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;box-sizing:border-box;padding:var(--space-3);background:var(--tb-white);border:var(--border-w-brutal) solid var(--tb-black);border-radius:var(--radius-lg);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),background var(--dur) var(--ease-out)}.picker-tile.svelte-1j9to2a:hover .tile-box.svelte-1j9to2a{box-shadow:var(--shadow-brutal-sm);transform:translateY(-1px)}.picker-tile.selected.svelte-1j9to2a .tile-box.svelte-1j9to2a{background:var(--tb-sky-200);box-shadow:var(--shadow-brutal)}.picker-tile.svelte-1j9to2a img.svelte-1j9to2a{width:72px;height:72px;object-fit:contain}.picker-label.svelte-1j9to2a.svelte-1j9to2a{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-body);text-align:center}.customise.svelte-1j9to2a.svelte-1j9to2a{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);border-top:var(--border-w-brutal) solid var(--border-soft)}.control.svelte-1j9to2a.svelte-1j9to2a{display:flex;flex-direction:column;gap:var(--space-2)}.control-label.svelte-1j9to2a.svelte-1j9to2a{font-family:var(--font-heading);font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow)}.swatches.svelte-1j9to2a.svelte-1j9to2a{display:flex;flex-wrap:wrap;gap:var(--space-2)}.swatch.svelte-1j9to2a.svelte-1j9to2a{width:30px;height:30px;padding:0;border-radius:50%;border:var(--border-w-brutal) solid var(--tb-black);cursor:pointer;transition:box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.swatch.svelte-1j9to2a.svelte-1j9to2a:hover{transform:translateY(-1px)}.swatch.selected.svelte-1j9to2a.svelte-1j9to2a{box-shadow:0 0 0 3px var(--tb-sky-400)}.animations.svelte-1j9to2a.svelte-1j9to2a{display:flex;flex-wrap:wrap;gap:var(--space-2)}body.reduced-motion .tile-box.svelte-1j9to2a.svelte-1j9to2a,body.reduced-motion .swatch.svelte-1j9to2a.svelte-1j9to2a{transition:none}body.reduced-motion .picker-tile.svelte-1j9to2a:hover .tile-box.svelte-1j9to2a,body.reduced-motion .swatch.svelte-1j9to2a.svelte-1j9to2a:hover{transform:none}