.bmm-picker{display:grid;gap:var(--bmm-space-5)}.bmm-picker__visual{display:grid;gap:var(--bmm-space-3);align-content:start}.bmm-picker__area-wrap{border-radius:var(--bmm-radius-sm)}.bmm-picker__area-wrap:focus-visible{outline:3px solid var(--bmm-color-accent);outline-offset:2px}.bmm-picker__area{display:block;width:100%;height:16rem;touch-action:none;cursor:crosshair;border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-picker__thumb{pointer-events:none;fill:none;stroke:var(--bmm-color-marker);stroke-width:3}.bmm-picker__thumb--outer{stroke:var(--bmm-color-marker-edge);stroke-width:2}.bmm-picker__controls{display:grid;gap:var(--bmm-space-4);align-content:start}.bmm-picker__result{display:grid;gap:var(--bmm-space-3);align-items:start}@media(min-width:30rem){.bmm-picker__result{grid-template-columns:auto minmax(0,1fr)}}.bmm-picker__compare{display:grid;grid-template-columns:2.75rem 2.75rem;row-gap:var(--bmm-space-1);align-items:stretch}.bmm-picker__compare>:not(.bmm-picker__compare-label){grid-row:2}.bmm-picker__compare-chip{display:block;width:100%;height:2.75rem}.bmm-picker__original{padding:0;overflow:hidden;background:none;border:1px solid var(--bmm-color-border);border-right:0;border-radius:var(--bmm-radius-sm) 0 0 var(--bmm-radius-sm)}.bmm-picker__chip{border:1px solid var(--bmm-color-border);border-radius:0 var(--bmm-radius-sm) var(--bmm-radius-sm) 0}.bmm-picker__compare-label{grid-row:1;grid-column:1 / -1;white-space:nowrap}.bmm-picker__ink{font-size:var(--bmm-font-size-sm);color:var(--bmm-color-muted)}.bmm-picker__tints{display:grid;gap:var(--bmm-space-1)}.bmm-picker__tint-list{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--bmm-space-1)}.bmm-picker__tint{display:block;width:100%;padding:0;overflow:hidden;background:none;border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-picker__tint[aria-current]{box-shadow:0 0 0 2px var(--bmm-color-accent)}.bmm-picker__tint-chip{display:block;width:100%;height:2rem}.bmm-picker__models{min-width:0;padding:0;margin:0;border:0}.bmm-picker__models .bmm-field__label{padding:0;margin-bottom:var(--bmm-space-1)}.bmm-picker__sliders{display:grid;gap:var(--bmm-space-3)}.bmm-picker__slider{display:grid;grid-template-columns:1fr 4.5rem;column-gap:var(--bmm-space-3);align-items:center}.bmm-picker__number{min-height:2.5rem;padding:var(--bmm-space-1) var(--bmm-space-2);font-family:var(--bmm-font-mono);text-align:right}.bmm-picker__slider .bmm-field__label{grid-column:1 / -1}.bmm-picker__codes{display:grid;gap:var(--bmm-space-2);align-content:start}.bmm-picker__links{margin-top:var(--bmm-space-2);font-size:var(--bmm-font-size-sm)}.bmm-picker__history-title{margin-bottom:var(--bmm-space-2);font-size:var(--bmm-font-size-md)}.bmm-picker__history-list{display:flex;flex-wrap:wrap;gap:var(--bmm-space-2);margin-bottom:var(--bmm-space-2)}.bmm-picker__history-item{width:2.5rem;height:2.5rem;padding:0;overflow:hidden;background:none;border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-picker__history-chip{width:100%;height:100%}@media(min-width:48rem){.bmm-picker{grid-template-columns:1fr 1fr}.bmm-picker__area{height:20rem}.bmm-picker__history{grid-column:1 / -1}}@media(min-width:64rem){.bmm-picker{grid-template-columns:1.2fr 1fr 1fr}}