:is(.page-icons,.page-icon-upload) .site-header,
:is(.page-icons,.page-icon-upload) .site-header nav{justify-content:center}
:is(.page-icons,.page-icon-upload) .home-footer{margin-bottom:24px}
.icon-page{min-width:0;max-width:100%}
.icon-page .icon-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:0}
.icon-page .icon-grid-scroll{overflow-x:auto}
.icon-page #iconGrid{min-width:850px}
.icon-page .icon-frame img{object-fit:contain}
.icon-page #iconUpload[hidden],.icon-page #iconResult[hidden]{display:none!important}
.icon-page .icon-color-swatch[aria-pressed="true"]{outline:2px solid #2563eb;outline-offset:2px}
.icon-page .icon-upload-result{flex-wrap:wrap}
.icon-page .icon-upload-topline{flex-wrap:wrap}
.icon-page #iconPreviewImage{max-width:45px;max-height:45px;width:auto;height:auto}
.icon-page .icon-search-label{flex-direction:row;flex-wrap:nowrap;min-width:0;max-width:100%;white-space:nowrap}
.icon-page .icon-search-label input{min-width:0;max-width:100%;flex:1}
@media(max-width:750px){
    .icon-page{padding:16px}
    .icon-page .icon-upload-layout{grid-template-columns:minmax(0,1fr)}
    .icon-page .icon-upload-preview-panel{grid-row:1}
    .icon-page .icon-color-swatches{grid-template-columns:repeat(8,minmax(0,1fr))}
    .icon-page .icon-toolbar{flex-wrap:wrap}
}