.icon-picker{display: grid;grid-template-columns: repeat(auto-fill,minmax(44px,1fr));gap: 6px;max-height: 260px;overflow: auto;padding: 4px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--surface-2)}.ip{display: grid;place-items: center;aspect-ratio: 1;border: 1px solid transparent;border-radius: 8px;background: var(--surface);color: var(--text);cursor: pointer}.ip:hover{border-color: var(--border-strong,var(--border))}.ip[aria-selected="true"]{background: var(--brand);color: var(--on-brand)}.ip .icon{width: 22px;height: 22px}.fav-preview{display: flex;gap: 16px;align-items: center;flex-wrap: wrap;justify-content: center}.fav-big{width: 168px;height: 168px;border-radius: 14px;overflow: hidden;border: 1px solid var(--border);flex: none}.fav-big canvas{width: 100%;height: 100%;display: block}.fav-sizes{display: flex;align-items: flex-end;gap: 14px}.fav-size{display: flex;flex-direction: column;align-items: center;gap: 4px}.fav-size small{color: var(--text-3,var(--text-2));font-size: 0.75rem}.fav-s{image-rendering: auto}.browser-tab{display: flex;align-items: center;gap: 8px;max-width: 260px;margin-inline: auto;padding: 8px 12px;border-radius: 10px 10px 0 0;background: var(--surface-2);border: 1px solid var(--border);border-bottom: 0;font-size: 0.85rem}.browser-tab canvas{width: 16px;height: 16px;flex: none}.browser-tab span{flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}