/* VANCE CEYLON — Cloudflare R2 Product Photo Manager, V10 */
.vance-r2-tools{padding:14px 15px;margin:12px 0 16px;border:1px solid rgba(127,127,127,.3);border-radius:14px;background:rgba(127,127,127,.055)}
.vance-r2-tools-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}
.vance-r2-tools-top p{font-size:13px;line-height:1.5;opacity:.78;margin:5px 0 0;max-width:490px}
.vance-r2-tools-buttons{display:flex;flex-wrap:wrap;gap:8px}
.vance-r2-tools-buttons button{border:1px solid rgba(127,127,127,.4);border-radius:10px;padding:10px 12px;min-height:42px;cursor:pointer}
#vanceR2PhotoStatus{font-size:13px;margin:10px 0 0;line-height:1.55}
#vanceR2PhotoStatus[data-error="true"]{color:#c34848;font-weight:600}
.vance-r2-library{margin-top:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:9px;max-height:345px;overflow-y:auto;overscroll-behavior:contain}
.vance-r2-library[hidden]{display:none!important}
.vance-r2-tile{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid rgba(127,127,127,.3);border-radius:10px;padding:5px;background:rgba(127,127,127,.03);cursor:pointer;min-width:0}
.vance-r2-tile img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#eee;border-radius:6px}
.vance-r2-tile small{font-size:11px;line-height:1.4}
.vance-r2-cover-btn,.vance-r2-cover-label{display:inline-block;padding:6px 9px;margin:4px 0;border-radius:8px;font-size:12px;border:1px solid rgba(127,127,127,.4)}
.vance-r2-cover-label{font-weight:700;letter-spacing:.07em}
.vance-r2-missing{display:block;color:#c34d4d;font-size:12px;padding:6px}
@media(max-width:640px){.vance-r2-tools{padding:12px}.vance-r2-tools-buttons{width:100%}.vance-r2-tools-buttons button{flex:1}.vance-r2-library{grid-template-columns:repeat(3,minmax(0,1fr))}}