/* The :has fallback also covers the already published toolbar dialog. */
.el-overlay-dialog:has(>.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker))){padding-block:0!important}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)){
  --el-dialog-margin-top:0px;
  height:100dvh!important;max-height:100dvh!important;margin:0 auto!important;
  box-sizing:border-box;display:flex;flex-direction:column;
}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .el-dialog__header{flex-shrink:0}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .el-dialog__body{display:flex;flex:1;min-height:0;max-height:none;overflow:hidden}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-browser.material-picker{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-filters{flex-shrink:0}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-picker .material-columns{flex:1;height:auto;min-height:0;grid-template-columns:clamp(280px,24vw,380px) minmax(0,1fr)}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-category-panel{min-height:0;max-height:none;overflow:auto}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .el-tree-node__content{height:auto;min-height:43px;padding-block:7px;box-sizing:border-box}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-category-label{flex:1;min-width:0}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-category-label>span{min-width:0;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;line-height:1.5}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-list-panel{min-height:0;overflow:hidden;display:flex;flex-direction:column}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-list{flex:1;min-height:0;max-height:none;overflow:auto}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) :is(.material-list-heading,.material-picker-footer,.el-pagination){flex-shrink:0}
@media(max-width:800px){
 .el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-picker .material-columns{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 .el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-category-panel{max-height:min(26dvh,220px)}
}

/* Product gallery: retain the existing typography and spacing scale. */
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-picker .material-columns{grid-template-columns:clamp(200px,16vw,240px) minmax(0,1fr)}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-content:start}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-row{display:block;align-self:start;background:transparent;min-width:0}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-row:hover,.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-row.active,.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-row.active:hover{background:transparent}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-row+.material-asset-row:before{display:none}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-open{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;padding:0;min-width:0}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-open .material-thumb{width:100%;height:auto;aspect-ratio:1;border-radius:9px}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-copy{display:block;flex:none;min-width:0}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-copy strong{display:block;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-category,.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-description,.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-meta{display:none}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-row>.el-checkbox{position:absolute;right:8px;top:8px;z-index:2;margin:0;height:20px;opacity:0}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-row:hover>.el-checkbox,.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-row:focus-within>.el-checkbox,.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-row.active>.el-checkbox{opacity:1}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-row>.el-checkbox .el-checkbox__inner{border-radius:50%;box-shadow:0 0 0 2px #fff}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-row.active .material-thumb{outline:2px solid #5155ff;outline-offset:-2px}
.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-row:hover .material-thumb{box-shadow:0 0 0 1px #c5d2ff}
@media(min-width:1101px) and (max-width:1399px){.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:801px) and (max-width:1100px){.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-picker .material-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-category-panel{max-height:min(22dvh,180px)}}
@media(hover:none){.el-dialog:is(.cloud-material-dialog,:not(.ai-dialog):not(.material-dialog):has(>.el-dialog__body>.material-browser.material-picker)) .material-asset-row>.el-checkbox{opacity:1}}