.ibro-visual{border:1px solid #d9e1ec;border-radius:12px;margin:16px 0;padding:14px;min-width:0;max-width:520px;text-align:left}
.ibro-visual legend{font-weight:650;padding:0 7px;line-height:1.35}
.ibro-visual[hidden],.ibro-visual [hidden]{display:none!important}
.ibro-visual__tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.ibro-visual__tab{appearance:none;background:#fff;border:1px solid #b9cbd7;border-radius:999px;color:inherit;cursor:pointer;font:inherit;font-size:.85rem;line-height:1.2;min-height:32px;padding:5px 13px}
.ibro-visual__tab[aria-pressed="true"]{background:#e8f1ff;border-color:#175cd3;color:#0f3d85;font-weight:650}
.ibro-visual__tab:focus-visible{outline:3px solid #75a7ff;outline-offset:2px}
.ibro-visual__tab:disabled{opacity:.6;cursor:wait}
.ibro-visual__grid{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:9px}
.ibro-visual__card{appearance:none;background:#fff;border:2px solid transparent;border-radius:12px;cursor:pointer;padding:3px;transition:border-color .15s,transform .15s}
.ibro-visual__card:hover{transform:translateY(-1px)}
.ibro-visual__card:focus-visible{outline:3px solid #75a7ff;outline-offset:2px}
.ibro-visual__card[aria-pressed="true"],.ibro-visual__card.is-selected{position:relative;border-color:#175cd3!important;background:#e8f1ff!important;box-shadow:0 0 0 3px rgba(23,92,211,.28)!important;transform:translateY(-1px)}
.ibro-visual__card[aria-pressed="true"]::after,.ibro-visual__card.is-selected::after{content:'✓';position:absolute;right:5px;top:5px;display:grid;place-items:center;width:25px;height:25px;border:2px solid #fff;border-radius:50%;background:#175cd3;color:#fff;font:bold 17px/1 Arial,sans-serif;box-shadow:0 1px 4px #0005}
.ibro-visual__card img{display:block;height:auto;width:100%}
.ibro-visual__code{display:grid;gap:8px;max-width:300px}
.ibro-visual__image{display:block;width:100%;max-width:240px;height:auto;border:1px solid #d9e1ec;border-radius:10px;background:#fff;user-select:none;-webkit-user-select:none}
.ibro-visual__field{display:block;margin:0!important}
.ibro-visual__label{display:block;font-size:.85rem;margin-bottom:2px}
.ibro-visual__input{letter-spacing:.18em;font-size:1.1rem!important;text-transform:uppercase;max-width:240px}
.ibro-visual[data-type="question"] .ibro-visual__label{font-size:1rem;font-weight:600;margin-bottom:6px}
.ibro-visual[data-type="question"] .ibro-visual__input{letter-spacing:normal}
.ibro-visual[data-loading="1"] .ibro-visual__input{opacity:.6}
.ibro-visual__hint{display:block;color:#5d7488;font-size:.8rem!important;letter-spacing:0!important}
.ibro-visual__refresh{background:none;border:0;color:#175cd3;cursor:pointer;font:inherit;margin-top:9px;min-height:32px;padding:5px}
.ibro-visual__refresh:disabled{opacity:.6;cursor:wait}
.ibro-visual__status{font-size:.9rem;margin:0 0 8px}
.ibro-visual__status:empty{display:none}
@media(max-width:420px){.ibro-visual{padding:12px}.ibro-visual__grid{gap:6px}}