/* my Roster Reach 1.0.10: responsive reusable-template media selection. */
.email-media-picker{border:1px solid #e3e5f4;border-radius:15px;padding:18px;background:#fafbff;min-width:0}
.email-media-picker>.row-between{flex-wrap:wrap;gap:9px;align-items:center}
.email-media-picker h3{font-size:14px;margin:0;color:#35445f}
.email-media-picker>.small{line-height:1.65;margin:10px 0 16px}
.media-count{font-size:11px;white-space:nowrap;padding:5px 9px;border-radius:8px;background:#eeedff;color:#5149af}
.email-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.email-media-option{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;min-width:0;padding:12px;border:1px solid #e2e6f1;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s;min-height:86px}
.email-media-option:hover{border-color:#9890dc}
.email-media-option.selected{background:#f2f0ff;border-color:#7864d2;box-shadow:0 0 0 1px #7864d21a}
.email-media-option:focus-within{outline:2px solid #6354c9;outline-offset:2px}
.email-media-option.unavailable{background:#fff9f1;border-color:#e7ceaa}
.email-media-option>input{width:19px!important;height:19px!important;margin:0;flex:0 0 19px;accent-color:#6354c9;cursor:pointer}
.email-media-thumb{width:56px;height:56px;flex:0 0 56px;overflow:hidden;border-radius:9px;background:#edf0fa;display:flex;align-items:center;justify-content:center}
.email-media-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.email-media-thumb>.icon{width:25px;height:25px;color:#7268b9}
.email-media-caption{display:flex;flex-direction:column;min-width:0;gap:5px}
.email-media-caption strong{font-size:12px;line-height:1.45;overflow-wrap:anywhere;color:#3d4c66}
.email-media-caption small{font-size:10px;line-height:1.5;font-weight:400;color:#6c7790;overflow-wrap:anywhere}
.email-media-footer{margin-top:15px;display:flex;flex-direction:column;gap:12px}
.email-media-footer>.small{font-size:11px;line-height:1.65}
.email-media-footer>.actions{justify-content:flex-start;flex-wrap:wrap}
.email-media-footer .button{text-decoration:none;min-height:40px;white-space:normal}
.email-media-empty{padding:18px;background:#fff;border:1px dashed #d5d9ea;border-radius:10px;color:#65718b;font-size:12px;line-height:1.7}
.template-media-summary{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 0;margin-top:auto;margin-bottom:10px;color:#66758d}
.template-media-summary.empty{margin-top:auto;font-size:11px}
.template-media-summary>.small{font-size:11px;line-height:1.5;flex:1 1 100px}
.template-media-thumbs{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.template-media-thumbs img{width:42px;height:42px;object-fit:cover;border-radius:8px;border:1px solid #e5e8f3}
.template-video-count{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;height:38px;border-radius:8px;padding:0 8px;background:#f0f1fb;color:#68609f}
.template-video-count .icon{width:17px;height:17px}
@media(max-width:620px){.email-media-picker{padding:14px}.email-media-grid{grid-template-columns:1fr}.email-media-option{min-height:88px}.email-media-caption strong{font-size:13px}.email-media-caption small{font-size:11px}.email-media-picker h3{font-size:14px}.email-media-footer .button{min-height:44px}.email-media-footer>.actions{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.email-media-option{transition:none}}

/* v1.0.10 template placement, sizing, and compose switching */
.email-media-option{display:block!important}
.email-media-select{display:flex!important;align-items:center;gap:10px!important;cursor:pointer;margin:0!important}
.email-photo-controls{margin:11px 0 0 29px;padding:11px;border-top:1px solid #e7e9f4;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:9px;align-items:end}
.email-photo-controls[hidden]{display:none!important}
.email-photo-controls label{font-size:10px;color:#6b7790;gap:5px!important;margin:0!important}
.email-photo-controls select{min-height:38px;font-size:12px;padding:7px 28px 7px 9px}
.email-photo-controls .button{min-height:38px;align-self:end}
.draft-template-switcher{display:flex;gap:10px;align-items:end;padding:12px 14px;background:#f7f7fe;border:1px solid #e5e3f6;border-radius:12px}
.draft-template-switcher label{margin:0!important}
.draft-template-switcher .button{margin-bottom:1px;min-height:42px}
@media(max-width:720px){.email-photo-controls{grid-template-columns:1fr;margin-left:0}.draft-template-switcher{flex-direction:column;align-items:stretch}.draft-template-switcher .button{width:100%}}