.sui-icon-picker{margin:6px 0 10px;max-width:520px}
.sui-ip-selected{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #c3c4c7;border-radius:6px;background:#f6f7f7;margin-bottom:8px}
.sui-ip-preview{width:36px;height:36px;border:1px solid #c3c4c7;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;color:#1d2327;flex:none}
.sui-ip-preview svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sui-ip-meta{display:flex;flex-direction:column;line-height:1.2;flex-grow:1;min-width:0}
.sui-ip-meta b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sui-ip-meta small{color:#646970;font-size:11px}
.sui-ip-clear{color:#b32d2e!important;text-decoration:none!important;font-size:12px}
.sui-ip-search{width:100%!important;max-width:none!important;margin-bottom:4px}
.sui-ip-hint{margin:2px 0 6px;font-size:11px;color:#646970}
.sui-ip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;max-height:176px;overflow:auto;padding:4px;border:1px solid #c3c4c7;border-radius:6px;background:#fff}
.sui-ip-grid button{width:100%;aspect-ratio:1;border:1px solid transparent;border-radius:6px;background:transparent;display:flex;align-items:center;justify-content:center;color:#1d2327;cursor:pointer;padding:0}
.sui-ip-grid button:hover{background:#f0f0f1;border-color:#c3c4c7}
.sui-ip-grid button.is-selected{background:#e7f0f8;border-color:#2271b1;color:#2271b1}
.sui-ip-grid button:focus-visible{outline:2px solid #2271b1;outline-offset:1px}
.sui-ip-grid svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sui-ip-empty{grid-column:1/-1;padding:16px;text-align:center;color:#646970;font-size:12px}