.monarch-photo-uploader{margin:4px 0 8px}
.monarch-ph-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.monarch-ph-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.monarch-ph-btn{display:inline-block;cursor:pointer;background:#fff;color:#483404;border:2px solid #986e09;border-radius:6px;padding:10px 18px;font-weight:700;line-height:1.2}
.monarch-ph-btn:hover{background:#f7f0e1}
.monarch-ph-input:focus+.monarch-ph-bar .monarch-ph-btn{outline:2px solid #986e09;outline-offset:2px}
.monarch-ph-count{font-size:14px;opacity:.8}
.monarch-ph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-top:10px}
.monarch-ph-item{position:relative;aspect-ratio:1/1;border-radius:6px;overflow:hidden;background:#eee;border:1px solid #ddd}
.monarch-ph-item img{width:100%;height:100%;object-fit:cover;display:block}
.monarch-ph-item.no-preview::before{content:"Photo";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#666;font-size:13px}
.monarch-ph-rm{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:18px;line-height:28px;padding:0;cursor:pointer}
.monarch-ph-state{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;font-size:11px;text-align:center;padding:2px 0}
.monarch-ph-state:empty{display:none}
.monarch-ph-item.is-error{outline:2px solid #c0392b}
.monarch-ph-msg{font-size:14px;margin-top:6px;color:#8a1f11}
.monarch-ph-msg:empty{display:none}