.export-modal{width:640px;max-height:calc(100dvh - 48px)}
.export-modal [hidden]{display:none!important}
.export-modal .modal-body{min-height:0;overscroll-behavior:contain}
.export-modal .modal-body,.export-modal .modal-body *{box-sizing:border-box}
.export-modal .modal-body .field{min-width:0}
.export-modal select,.export-modal input[type=number]{width:100%;min-width:0}
.export-modal .grid2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
.export-modal .export-format>span{font-size:12px;color:#f9e7e7}
.export-modal .export-format select{height:38px}
.export-modal .export-section{border-top:1px solid #506057;border-bottom:1px solid #506057;margin:14px 0;padding:10px 0 4px}
.export-modal h3{font-size:12px;color:#f9e7e7;margin:0 0 12px;font-weight:600}
.export-modal .export-summary{white-space:pre-line;padding:10px 12px;border-left:3px solid #16f4d0;background:#16f4d00b;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.export-modal .export-summary[data-invalid=true]{border-color:#e86252;background:#e8625210;color:#f9e7e7}
.export-modal #export-progress:empty{display:none}
.export-modal #export-progress{color:#16f4d0;margin:12px 0 0}
.export-modal>header,.export-modal>footer{flex-shrink:0}
.export-modal>footer{flex-wrap:wrap}
.export-modal #dialog-error:not(:empty){flex-basis:100%;font-size:12px;overflow-wrap:anywhere}
@media(max-width:520px){
 .modal-backdrop:has(.export-modal){padding:8px}
 .export-modal{max-height:calc(100dvh - 16px)}
 .export-modal>header,.export-modal>footer{padding:12px}
 .export-modal .modal-body{padding:12px}
 .export-modal .grid2{grid-template-columns:minmax(0,1fr);gap:0}
 .export-modal .grid2>.field:has(>input[type=number]){grid-template-columns:minmax(0,1fr) minmax(85px,45%)}
 .export-modal>footer>button{min-height:40px}
}