.kl-ip-root{width:100%}.kl-ip-trigger{width:100%;background:var(--surface-container-low);cursor:pointer;transition:background .12s ease;text-align:left}.kl-ip-trigger:hover{background:var(--surface-container-high)}.kl-ip-modal-body{display:flex;flex-direction:column;gap:1rem;padding:1rem;min-height:0}.kl-ip-loading{display:flex;justify-content:center;padding:48px 0}.kl-ip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;overflow-y:auto;max-height:360px;padding:4px;border-radius:unset}.kl-ip-grid::-webkit-scrollbar{width:4px}.kl-ip-grid::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:10px}.kl-ip-item{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .12s ease}.kl-ip-item:hover{background:var(--surface-container-highest)}.kl-ip-item--selected{box-shadow:0 0 0 3px var(--inverse-surface)}.kl-ip-load-more{margin-top:4px;padding:10px;font-weight:600}.kl-ip-empty{text-align:center;padding:24px 0;opacity:.5;font-size:.875rem}.ui-color-picker{display:flex;flex-wrap:wrap;gap:10px}