.distribution-panel{display:flex;flex-direction:column;min-height:0;background:linear-gradient(120deg,#fff,#f4f7fa);color:#172b46}
.distribution-heading{padding:12px 12px 0;flex:none;font-size:calc(13px + var(--ui-font-increase, 2px))}
.distribution-subtitle{margin:8px 12px;font-size:calc(13px + var(--ui-font-increase, 2px));line-height:1.5;color:#53657a;flex:none}
.distribution-filters{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 12px 8px;flex-wrap:wrap;flex:none}.distribution-filters label{display:flex;flex:0 0 auto;align-items:center;gap:10px;font-size:calc(12px + var(--ui-font-increase, 2px));color:#506388}.distribution-filters select{font:inherit;padding:6px 9px;border:1px solid #dce5f2;border-radius:6px;background:#fff;color:#24375c;max-width:210px}
.distribution-status{margin:0;padding:0 12px 8px;font-size:calc(11px + var(--ui-font-increase, 2px));color:#71829a}.distribution-status.error{color:#a32121}
.distribution-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.distribution-scroll svg{display:block}.distribution-key{padding:8px 14px;font-size:calc(10px + var(--ui-font-increase, 2px));color:#65758b;flex:none}
.distribution-grid{stroke:#e7ecf2;stroke-width:1;pointer-events:none}.distribution-axis{fill:#354d69;font:calc(11px + var(--ui-font-increase, 2px)) system-ui,sans-serif;pointer-events:none}.distribution-whisker{stroke:#3e556e;stroke-width:1.2}.distribution-box{fill:#f8fbff;fill-opacity:.85;stroke:#3e556e;stroke-width:1.3}.distribution-median{stroke:#243e5a;stroke-width:1.6}.distribution-outlier{fill:#263e59}
.distribution-control{cursor:pointer}.distribution-control:hover .distribution-box,.distribution-control:focus .distribution-box{fill:#dceaff;stroke:#2569b0;stroke-width:2}.distribution-control:focus{outline:none}.distribution-highlight{fill:#fff0df;stroke:#ed8a40;pointer-events:none}