#mrDialog{position:fixed;inset:0;z-index:100025;background:rgba(10,10,12,.72);padding:24px;display:flex;align-items:center;justify-content:center;color:#292a26;font-family:inherit}
#mrDialog[hidden],#mrDialog [hidden]{display:none!important}
#mrDialog *{box-sizing:border-box}
#mrDialog .mr-panel{width:min(1080px,100%);max-height:92dvh;background:#f1ede5;border:1px solid #d5cab9;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 28px 90px #0006}
#mrDialog .mr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:25px 28px 16px}
#mrDialog h2{font-size:30px;line-height:1.15;margin:4px 0 8px;color:#292a26;letter-spacing:-.8px}
#mrDialog p{font-size:13px;line-height:1.5;margin:0;color:#5c5a51}
#mrDialog .mr-kicker{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#765631}
#mrDialog button,#mrDialog select{font:inherit;font-size:13px;min-height:44px;border:1px solid #c8bcaa;border-radius:9px;background:#f8f5ef;color:#292a26;padding:10px 13px;cursor:pointer}
#mrDialog button:hover:not(:disabled){background:#e8e1d5}
#mrDialog :focus-visible{outline:3px solid #765631;outline-offset:3px}
#mrDialog button:disabled{opacity:.55;cursor:default}
#mrDialog .mr-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:0 28px 16px;border-bottom:1px solid #d5cab9}
#mrDialog .mr-status{flex:1;min-width:180px;color:#5c5a51;font-size:12px;line-height:1.5}
#mrDialog .mr-body{overflow:auto;padding:22px 28px;overscroll-behavior:contain;min-height:180px}
#mrDialog .mr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
#mrDialog .mr-card{background:#f8f5ef;border:1px solid #d5cab9;border-radius:12px;overflow:hidden;min-width:0}
#mrDialog .mr-card[data-selected=true]{outline:2px solid #765631;border-color:#765631}
#mrDialog .mr-pick{display:block;position:relative;cursor:pointer}
#mrDialog .mr-pick img{display:block;width:100%;height:168px;object-fit:contain;background:#e8e1d5}
#mrDialog .mr-pick input{position:absolute;top:12px;left:12px;width:24px;height:24px;accent-color:#765631;cursor:pointer}
#mrDialog .mr-info{padding:12px}
#mrDialog .mr-date{font-size:11px;color:#686153;margin:0 0 9px}
#mrDialog .mr-info select{width:100%;margin-bottom:8px}
#mrDialog .mr-actions{display:flex;gap:6px}
#mrDialog .mr-actions button{flex:1;font-size:12px;padding:7px}
#mrDialog .mr-empty{padding:34px 12px;text-align:center;line-height:1.6;color:#5c5a51}
#mrDialog .mr-more{display:block;margin:20px auto 0}
#mrDialog .mr-foot{padding:16px 28px;border-top:1px solid #d5cab9;background:#e8e1d5;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
#mrDialog .mr-foot label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#5c5a51;flex:1;min-width:190px}
#mrDialog .mr-primary{background:#292a26;color:#fff;border-color:#292a26;font-weight:600}
#mrDialog .mr-primary:hover:not(:disabled){background:#46453f}
#mrDialog .mr-note{font-size:11px;flex-basis:100%;color:#5c5a51}
#aptChooseMyRenders{margin-bottom:12px}
@media(max-width:600px){#mrDialog{padding:0}#mrDialog .mr-panel{height:100dvh;max-height:100dvh;border-radius:0;border:0}#mrDialog .mr-head{padding:19px 16px 12px}#mrDialog h2{font-size:26px}#mrDialog .mr-toolbar{padding:0 16px 12px}#mrDialog .mr-body{padding:16px;flex:1}#mrDialog .mr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#mrDialog .mr-pick img{height:125px}#mrDialog .mr-info{padding:9px}#mrDialog .mr-actions{flex-direction:column}#mrDialog .mr-foot{padding:12px 16px max(16px,env(safe-area-inset-bottom))}#mrDialog .mr-foot label{min-width:100%}#mrDialog .mr-primary{width:100%}}
