.resource-images-editor{border:1px solid #d6e3f4;border-radius:12px;padding:17px;margin:24px 0;min-width:0;background:#fbfdff}.resource-images-editor legend{padding:0 7px;font-size:.88rem;font-weight:700;color:#345e8c}.resource-images-editor>p{line-height:1.8;font-size:.76rem;margin:0 0 13px}.resource-images-add{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.resource-images-add .btn,.resource-images-editor>[data-resource-image-reload]{padding:8px 12px;font-size:.75rem;min-height:35px}.resource-images-add>strong{font-size:.76rem;color:#64809e}.resource-images-paste{border:1px dashed #b6cce9;background:#f1f7ff;color:#5d7ca0;border-radius:9px;padding:13px;margin:13px 0;font-size:.77rem;line-height:1.8;outline-offset:3px}.resource-images-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px}.resource-image-preview{min-width:0;border:1px solid #dce6f3;border-radius:10px;padding:10px;background:#fff;margin:0}.resource-image-preview>div{height:145px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-conic-gradient(#f4f6fa 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:6px}.resource-image-preview img{max-width:100%;max-height:100%;object-fit:contain}.resource-image-preview figcaption{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-top:9px}.resource-image-preview figcaption>strong{font-size:.73rem;white-space:nowrap;color:#386497}.resource-image-preview figcaption>span{flex:1;min-width:75px;overflow-wrap:anywhere;font-size:.7rem;color:#7d91a8}.resource-image-preview .btn{padding:5px 8px;font-size:.7rem;min-height:30px}.resource-image-wait{padding:16px;font-size:.74rem;line-height:1.8;color:#7b91aa}.resource-images-editor>.resource-images-status{margin:13px 0 9px;overflow-wrap:anywhere}.resource-images-view{display:flex;flex-direction:column;gap:18px;margin:0 0 18px;min-width:0}.resource-images-view:empty{display:none}.resource-images-view figure{margin:0;min-width:0;border-radius:10px;border:1px solid #e0e8f3;background:#f8fbff;padding:9px;text-align:center}.resource-images-view figure>a{display:block}.resource-images-view img{display:block;max-width:100%;height:auto;max-height:760px;object-fit:contain;margin:auto;border-radius:5px}.resource-images-view>p{margin:0;font-size:.76rem;line-height:1.8;overflow-wrap:anywhere}.resource-images-view .btn{font-size:.73rem;padding:8px 11px}
@media(max-width:550px){.resource-images-editor{padding:13px}.resource-images-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.resource-image-preview{padding:7px}.resource-image-preview>div{height:110px}.resource-image-preview figcaption>span{flex-basis:100%}.resource-image-preview figcaption>.btn{margin-left:auto}.resource-images-view{gap:12px}.resource-images-view figure{padding:6px}.resource-images-view img{max-height:none}}