.color-lab{--control-color:#d9c19c}.color-lab .quality-analysis{min-width:0;width:100%;box-sizing:border-box}.color-lessons{grid-template-columns:repeat(4,minmax(0,1fr))}.color-explanation #color-next{margin-top:auto;padding-top:18px}#color-observation{font-size:11px;line-height:1.8;color:#bdc9ae;margin:18px 0 0}#color-split-tools{margin-bottom:20px}#color-split-tools[hidden],#color-chart-tools[hidden]{display:none}.color-lab .quality-stats strong{font-size:18px;overflow-wrap:anywhere}.color-lab .quality-stats span{letter-spacing:.3px}#color-chart-tools{margin:18px 0 20px;border:1px solid #3d4d32;border-radius:6px;overflow:hidden}#color-chart{display:block;width:100%;height:auto;aspect-ratio:8/3}
@media(max-width:1150px){.color-lab .quality-stats strong{font-size:16px}}
@media(max-width:800px){.color-lessons{grid-template-columns:repeat(2,minmax(0,1fr))}#color-observation{font-size:12px}.color-explanation input,.color-explanation select,#color-presets,#color-split{scroll-margin-top:calc(66vw + 25px)}.color-lab .quality-stats strong{font-size:16px}}
@media(max-width:800px){.color-explanation .focus-control{min-width:0}.color-explanation .focus-control-heading{flex-wrap:wrap;align-items:flex-start}.color-explanation .focus-control-heading output{max-width:100%;white-space:normal;overflow-wrap:anywhere}}