.register-icon-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.register-icon-search label{font-weight:700;color:#6b5443}
.register-icon-search input{flex:1;min-width:120px;max-width:400px;padding:8px 10px;border:1px solid #c9b39e;border-radius:8px;font-size:16px;color:#302318;background:#fff;-webkit-text-fill-color:#302318}
.register-icon-search button{padding:8px 12px;border:1px solid #c9b39e;border-radius:8px;background:#fff7ef;color:#6b431f;cursor:pointer}
.register-icon-preview{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff5e8;border:1px solid #e2c7a7;border-radius:8px;overflow-wrap:anywhere}
.register-icon-preview img{width:36px;height:36px;object-fit:contain;border:2px solid;border-radius:5px;flex-shrink:0}
.register-icon-status{font-size:13px;color:#6b5443;margin:8px 0}
#registerPager{margin-bottom:12px;grid-template-columns:repeat(auto-fill,minmax(32px,1fr))}
#registerIcons .avatar{position:relative;min-width:0}
#registerIcons .avatar input{display:block;position:absolute;width:1px;height:1px;opacity:0}
#registerIcons .avatar:focus-within{outline:2px solid #c7721d;outline-offset:2px}
#registerIcons .avatar-meta{min-width:0;overflow:hidden;text-overflow:ellipsis}
.avatar-origin-page{display:block;font-size:11px;color:#87664b;font-weight:normal}
@media(max-width:760px){
  .main-form-section .icon-section{padding:8px}
  #registerIcons{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  #registerIcons .avatar{display:flex;flex-direction:column;gap:4px;height:auto;padding:5px 2px;text-align:center}
  #registerIcons .avatar img{max-width:calc(100% - 4px);height:auto;max-height:55px;object-fit:contain}
  #registerIcons .avatar-meta{width:100%;font-size:11px}
  .register-icon-preview{font-size:13px}
}