.bicb-wrapper{font-family:system-ui,Arial,sans-serif;margin:1.5rem 0}
.bicb-controls{background:#f8f9fa;padding:12px;border:1px solid #ddd;border-radius:8px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}
.bicb-row{display:flex;flex-wrap:wrap;gap:16px}
.bicb-row label{display:flex;flex-direction:column;font-size:14px;font-weight:600;color:#333}
.bicb-row input[type=color],.bicb-row input[type=number],.bicb-row select{margin-top:4px;padding:6px 8px;font-size:14px;border:1px solid #bbb;border-radius:4px;background:#fff}
.bicb-hex{margin-top:6px;padding:6px 8px;font-size:14px;border:1px solid #bbb;border-radius:4px;background:#fff;min-width:120px}
.bicb-hex.invalid{border-color:#e53935;background:#fdecea}
.bicb-actions{display:flex;gap:12px}
.bicb-btn-primary,.bicb-btn-secondary{cursor:pointer;font-size:14px;font-weight:600;padding:8px 14px;border-radius:6px;border:1px solid transparent;transition:.15s;background:#2563eb;color:#fff}
.bicb-btn-secondary{background:#666}
.bicb-btn-primary:disabled,.bicb-btn-secondary:disabled{opacity:.4;cursor:not-allowed}
.bicb-blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.bicb-block{position:relative}
.bicb-block-inner{position:relative;border:1px solid #ddd;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;transition:.2s;min-height:160px}
.bicb-block-inner:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}
.bicb-edit-btn{position:absolute;top:6px;right:6px;background:#fff;color:#222;border:1px solid #ccc;border-radius:4px;font-size:12px;padding:4px 8px;cursor:pointer}
.bicb-edit-btn:hover{background:#1e88e5;color:#fff;border-color:#1e88e5}
.bicb-icon{font-size:96px;line-height:1;display:inline-block}
.bicb-modal{position:fixed;inset:0;background:rgba(0,0,0,.35);display:none;align-items:center;justify-content:center;padding:24px;z-index:1000}
.bicb-modal[aria-hidden=false]{display:flex}
.bicb-modal-dialog{background:#fff;width:clamp(320px,90%,960px);max-height:90vh;display:flex;flex-direction:column;border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,.3);overflow:hidden}
.bicb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #eee}
.bicb-modal-header h2{margin:0;font-size:16px}
.bicb-close{border:none;background:transparent;font-size:24px;line-height:1;cursor:pointer;padding:4px 8px}
.bicb-modal-body{padding:16px;display:flex;flex-direction:column;gap:12px;overflow:auto}
.bicb-search{padding:8px 10px;font-size:14px;border:1px solid #ccc;border-radius:6px}
.bicb-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}
.bicb-icon-sentinel{height:1px}
.bicb-loader{font-size:12px;color:#777;text-align:center;padding:6px}
.bicb-icon-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;border:1px solid #ddd;border-radius:8px;cursor:pointer;background:#fafafa;transition:.15s;gap:6px}
.bicb-icon-item:hover{background:#1e88e5;color:#fff;border-color:#1e88e5}
.bicb-icon-item.bicb-active{background:#e3f2fd;border-color:#1e88e5;box-shadow:0 0 0 2px rgba(30,136,229,.35)}
.bicb-icon-item span{pointer-events:none}
.bicb-icon-name{font-size:11px;line-height:1.2;font-weight:500;text-align:center;word-break:break-all;max-width:100%;color:#333}
.bicb-icon-item:hover .bicb-icon-name{color:#fff}
.bicb-badge{position:absolute;bottom:6px;left:6px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:3px 6px;border-radius:6px}
.bicb-remove-btn{position:absolute;bottom:6px;right:6px;background:rgba(255,255,255,.85);color:#d00;font-size:11px;padding:3px 6px;border:1px solid #d77;border-radius:6px;cursor:pointer}
.bicb-remove-btn:hover{background:#d00;color:#fff}
.bicb-icon-item:hover .bicb-icon-name{
	color:black !important
}