.panel-palette{min-width:0}.panel-palette__tools{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.panel-palette__tools label{gap:.4rem;font-size:.85rem;display:grid}.panel-palette__tools input,.panel-palette__tools select{width:100%;color:inherit;font:inherit;background:#fff;border:1px solid #c8c0b8;padding:.75rem}.panel-palette__filters{flex-wrap:wrap;gap:.45rem;margin:1.2rem 0;display:flex}.panel-palette__filters button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #c8c0b8;padding:.5rem .75rem;font-size:.8rem}.panel-palette__filters button[aria-pressed=true]{color:#fff;background:#302b28;border-color:#302b28}.panel-palette__note{color:#6f665f;font-size:.8rem;line-height:1.5}.panel-palette__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;max-height:44rem;padding:4px;display:grid;overflow:auto}.panel-palette__swatch{text-align:left;min-width:0;color:inherit;cursor:pointer;font:inherit;background:#fff;border:1px solid #d7cec6;padding:.4rem}.panel-palette__swatch[aria-pressed=true]{outline-offset:1px;outline:3px solid #ad583f}.panel-palette__swatch img,.panel-palette__missing{aspect-ratio:1;object-fit:cover;background:#ede9e3;width:100%;display:block}.panel-palette__swatch img.panel-palette__composition{object-fit:contain}.panel-palette__missing{text-align:center;color:#6f665f;place-content:center;padding:.5rem;font-size:.75rem;display:grid}.panel-palette__swatch strong,.panel-palette__swatch>span:not(.panel-palette__missing){overflow-wrap:anywhere;margin:.45rem .2rem;display:block}.panel-palette__swatch>span:not(.panel-palette__missing){color:#6f665f;font-size:.72rem;line-height:1.35}.panel-palette button:focus-visible,.panel-palette input:focus-visible,.panel-palette select:focus-visible{outline-offset:3px;outline:2px solid #ad583f}@media (width<=850px){.panel-palette__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=520px){.panel-palette__tools{grid-template-columns:1fr}.panel-palette__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.panel-retail.panel-retail__layout{border:0;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);align-items:start;gap:clamp(1.25rem,3vw,3rem);width:100%;max-width:none;margin:0;padding:0;display:grid}.panel-retail__scene-column{min-width:0;position:sticky;top:24px}.panel-retail__palette{min-width:0}.panel-retail__palette .panel-palette__grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:520px}.panel-retail__summary{background:#f1ece6;border:1px solid #ddd3c9;min-width:0;padding:1rem}.panel-retail__summary-head{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:1rem;margin:.5rem 0;display:grid}.panel-retail__summary-head img,.panel-retail__summary-missing{object-fit:contain;background:#e4ddd5;width:64px;height:64px}.panel-retail__summary-missing{text-align:center;place-content:center;padding:.25rem;font-size:.6rem;display:grid}.panel-retail__summary-head h3{overflow-wrap:anywhere;margin:0 0 .2rem;font-size:1.1rem;font-weight:500}.panel-retail__summary-head p{margin:.2rem 0;font-size:.8rem;line-height:1.3}.panel-retail__summary>p{margin:.5rem 0;font-size:.8rem;line-height:1.4}.panel-retail__summary .button{margin:.4rem 0}@media (width<=850px){.panel-retail.panel-retail__layout{grid-template-columns:1fr}.panel-retail__scene-column{display:contents;position:static}.panel-retail__palette .panel-palette__grid{max-height:520px}.panel-retail .panel-scene{z-index:2;background:var(--paper,#f3f0e7);padding-block:10px;position:sticky;top:0}.panel-retail .panel-scene__heading h3{font-size:20px}.panel-retail .panel-scene__heading p{display:none}.panel-retail .panel-scene__controls{margin-bottom:8px}.panel-retail .panel-scene figcaption{margin-top:6px;font-size:10px}.panel-retail .panel-scene__same{margin-top:6px}}