.density-control{margin:12px 0;padding-top:12px;border-top:1px solid #d7d2dc}.density-control label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}.density-control select{width:100%;min-height:40px;background:#eee7f8;color:#35245c;border:1px solid #d9cfea;border-radius:8px;padding:8px}.density-control p{font-size:11px;line-height:1.5;color:#596579;margin:8px 0}.density-legend{display:flex;flex-wrap:wrap;gap:7px;font-size:10px;color:#35415c}.density-legend[hidden]{display:none}.density-legend strong,.density-legend small{width:100%}.density-legend span{display:flex;align-items:center;gap:4px}.density-legend i{width:15px;height:12px;border-radius:2px;border:1px solid #ac9dc4}.density-popup{font:12px/1.6 system-ui;color:#293650}.density-popup strong{display:block;color:#49317c;margin-bottom:5px}

.density-legend i{width:22px;height:16px}.density-legend .density-hatch{background:repeating-linear-gradient(135deg,#c4c9d1 0 5px,#687184 5px 7px,#c4c9d1 7px 12px);border-color:#8992a1}