.bizzet-resizer{border:1px solid #e5e7eb;border-radius:12px;padding:16px;background:#fff}
.br-title{margin:0 0 12px;font-size:20px}
.br-label{display:block;margin:10px 0 6px;color:#374151}
.br-input-file,.br-input-number,.br-input-text,.br-select,input[type="number"]{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:8px !important}
.br-row{display:flex;gap:12px;margin-top:8px}
.br-col{flex:1}
.br-actions-bar{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}
.br-btn-primary{background:#2563eb;color:#fff;border:none;border-radius:10px;padding:10px 16px;cursor:pointer;transition:.25s}
.br-btn-primary:hover{background:#1d4ed8}
.br-btn-secondary{background:#6b7280;color:#fff;border:none;border-radius:10px;padding:10px 16px;cursor:pointer;transition:.25s}
.br-btn-secondary:hover{background:#525860}
.br-btn-tertiary{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;border-radius:10px;padding:10px 16px;cursor:pointer;transition:.25s}
.br-btn-tertiary:hover{background:#e2e8f0}
.br-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:10px 0}
.br-thumb{position:relative;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#f9fafb}
.br-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.br-thumb .br-thumb-remove{padding: 0;position:absolute;top:6px;right:6px;width:32px;height:32px;border:none;border-radius:10px;background:rgba(17,24,39,.7);color:#fff;cursor:pointer;line-height:32px;text-align:center;font-size:20px;transition:.25s}
.br-thumb .br-thumb-remove:hover{background:rgba(17,24,39,.85)}
.br-thumb-caption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));color:#fff;font-size:12px;padding:6px}
.br-results{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.br-card{position:relative;border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#fafafa}
.br-card .br-thumb-remove{position:absolute;top:6px;right:6px;width:32px;height:32px;border:none;border-radius:10px;background:rgba(17,24,39,.7);color:#fff;cursor:pointer;line-height:32px;text-align:center;font-size:20px;transition:.25s}
.br-card .br-thumb-remove:hover{background:rgba(17,24,39,.85)}
.br-card img{width:100%;height:160px;object-fit:cover;border-radius:6px}
.br-card .br-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}
.br-badge{display:inline-block;background:#eef2ff;color:#3730a3;font-size:12px;padding:2px 6px;border-radius:999px}

/* Dropzone */
.br-dropzone{position:relative;border:2px dashed #cbd5e1;border-radius:14px;padding:40px 24px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);text-align:center;cursor:pointer;transition:.25s}
.br-dropzone:hover{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.15)}
.br-dropzone.drag{background:#dbeafe;border-color:#2563eb}
.br-dropzone-icon svg{width:48px;height:48px;stroke:#3b82f6}
.br-dropzone-text{margin-top:12px;font-size:14px;color:#475569}
.br-file-count{display:block;margin-top:6px;font-size:12px;color:#64748b}
.br-dropzone-clear{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;border-radius:10px;background:#0f172a;color:#fff;font-size:20px;line-height:32px;cursor:pointer;opacity:.85;transition:.25s}
.br-dropzone-clear:hover{opacity:1;background:#1e293b}
.br-clear-text{margin-top:6px;font-size:12px;color:#dc2626;font-weight:500;cursor:pointer;display:inline-block}
.br-clear-text:hover{color:#b91c1c;text-decoration:underline}
.br-clear-text.active{animation:fadeIn .3s ease-in;}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

/* Hide native input when using custom label */
input[hidden]{display:none !important}

.bicb-icon-item{
    background-color: white !important;
    color: black !important;
}

/* Unsplash launcher */
.br-unsplash-launch{display:inline-block;margin:6px 0 10px;color:#2563eb;cursor:pointer;font-size:13px}
.br-unsplash-launch:hover{text-decoration:underline;color:#1d4ed8}
.br-pexels-launch{display:inline-block;margin:6px 0 10px;color:#0ea5e9;cursor:pointer;font-size:13px}
.br-pexels-launch:hover{text-decoration:underline;color:#0369a1}
.br-combined-launch{display:inline-block;margin:6px 0 10px;color:#7c3aed;cursor:pointer;font-size:13px}
.br-combined-launch:hover{text-decoration:underline;color:#5b21b6}

/* Modal */
.br-modal{position:fixed;inset:0;z-index:9999}
.br-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.br-modal-dialog{position:relative;margin:40px auto;background:#fff;border-radius:12px;max-width:980px;width:92%;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.br-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e7eb}
.br-modal-title{font-weight:600}
.br-modal-close{background:#111827;color:#fff;border:none;border-radius:8px;width:32px;height:32px;cursor:pointer}
.br-modal-toolbar{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid #f3f4f6}
.br-unsplash-grid{padding:12px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;overflow:auto;flex:1 1 auto;min-height:0}
/* Ensure scrollability explicitly via ID selector too */
#br-unsplash-grid{overflow:auto;flex:1 1 auto;min-height:0}
.br-u-card{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;;display:flex;flex-direction:column}
.br-u-img{width:100%;height:140px;object-fit:cover;}
.br-u-img{cursor:pointer}
.br-u-meta{display:flex;justify-content:space-between;align-items:center;padding:8px}
.br-u-author{font-size:12px;color:#374151}
.br-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid #f3f4f6}
.br-attrib{font-size:12px;color:#6b7280}
.br-u-add{
    display: none;
}

.br-u-meta{
    display: none;
}

.br-u-card {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
    background: #fafafa;
    display: flex;
    flex-direction: column;
    height: 200px;
    display: flex;
    align-items: center;
    padding: 10px;
}

.br-u-img {
    width: 100%;
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
    height: 100%;
}

#br-unsplash-grid {
    overflow: auto;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: scroll;
}

.br-unsplash-grid {
    padding: 12px 14px;
    display: grid;
    /* grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); */
    gap: 12px;
    overflow: auto;
    flex: 1 1 auto;
    min-height: 0;
    grid-template-columns: repeat(5, 1fr);
}

/* Combined modal provider badge */
.br-u-provider{margin-left:auto;font-size:11px;color:#6b7280;padding-left:6px}


#br-unsplash-launch{
    margin-right: 20px;
}