.j3d-histogram__widget{margin-top:24px}.j3d-histogram__widget [role=status]{min-height:22px;margin:12px 0;color:#5a6278}.j3d-histogram__widget [role=alert]{min-height:20px;color:#a12622}.j3d-histogram__file{overflow-wrap:anywhere;color:#4a5568}.j3d-histogram__progress{display:flex;align-items:center;gap:10px;min-height:28px}.j3d-histogram__progress progress{width:100%;accent-color:#424cb9}.j3d-histogram__chart{margin:16px 0;padding:8px;border:1px solid #dfe3ed;background:#fff;border-radius:6px}.j3d-histogram__chart canvas{display:block;width:100%;height:min(52vw,480px);min-height:260px}.j3d-histogram__modes{display:flex;gap:8px;flex-wrap:wrap}.j3d-histogram__modes button{min-height:44px;padding:8px 16px;border:2px solid #dfe3ed;background:#fff;border-radius:5px;cursor:pointer}.j3d-histogram__modes button.is-active{border-color:#424cb9;background:#eef0ff}.j3d-histogram__legend{color:#596273}.j3d-histogram__legend span:nth-child(1){color:#d44949}.j3d-histogram__legend span:nth-child(2){color:#2b9b62}.j3d-histogram__legend span:nth-child(3){color:#3867c7}.j3d-histogram__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.j3d-histogram__stats div{padding:12px;background:#f5f6fa;border-radius:5px}.j3d-histogram__stats dt{font-size:13px;color:#596273}.j3d-histogram__stats dd{margin:4px 0 0;font-size:20px;font-weight:600;color:#30384d}.j3d-histogram__actions{display:flex;flex-wrap:wrap;gap:12px}.j3d-histogram__actions button{min-height:44px}@media(max-width:640px){.j3d-histogram__stats{grid-template-columns:repeat(2,1fr)}.j3d-histogram__actions button{flex:1 1 100%}.j3d-histogram__chart canvas{height:60vw;min-height:220px}}