/* Exact supplied triptych files, cropped only in CSS: 724 x 552 art viewport. */
.frame-colour-panel{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:724/552;background:#f5f1ea}
.frame-colour-panel>img{position:absolute;display:block;width:300%!important;max-width:none!important;height:auto!important;aspect-ratio:3!important;object-fit:initial!important;left:calc(var(--panel,0)*-100%);top:-13.58695652%;mix-blend-mode:normal}
.frame-colour-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
.frame-colour-choice{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;min-width:0;min-height:0!important;border:1px solid #c6cbbb!important;background:#fff!important;color:#243027!important;padding:5px!important;text-align:left;font:inherit;cursor:pointer}
.frame-colour-choice .frame-colour-panel{border-radius:2px}
.frame-colour-choice strong{font-size:11px;font-weight:600;line-height:1.4;padding:0 3px 3px;overflow-wrap:anywhere}
.frame-colour-choice[aria-pressed=true]{border-color:#243027!important;box-shadow:inset 0 0 0 2px #243027;background:#edf2e5!important}
.frame-colour-choice[aria-pressed=true] strong:before{content:'✓ ';color:#38532c}
.frame-colour-choice:focus-visible{outline:3px solid #84a650;outline-offset:3px}
.frame-colour-dialog{width:min(1050px,95vw);max-height:92vh;border:0;padding:20px;background:#f5f1ea;color:#243027}
.frame-colour-dialog::backdrop{background:#101812b8}.frame-colour-dialog>button{display:block;margin-left:auto;margin-bottom:12px;padding:8px 16px}
.frame-colour-dialog p{font-size:12px}.frame-colour-current{font-weight:600}
.custom-media-image.is-frame-colour{height:auto;display:block;background:#f5f1ea;padding:0;border:0;cursor:zoom-in}
.custom-media-image.is-frame-colour>.frame-colour-panel{width:100%}.custom-decal-overlay.is-retained{display:none!important}
.main-image-button .frame-colour-panel{width:100%}.main-image-button:has(.frame-colour-panel){padding:38px 0 28px}
#zoom-panel{width:100%}.thumb:has(.frame-colour-panel){height:auto;aspect-ratio:724/552}
#image-dialog:has(#zoom-panel:not([hidden])){width:min(1050px,95vw)}
.frame-colour-legacy{margin:10px 0;font-size:12px}.frame-colour-legacy button{padding:8px 12px}
@media(max-width:420px){.frame-colour-grid{gap:5px!important}.frame-colour-choice strong{font-size:10px}.frame-colour-dialog{padding:12px}}

/* Override legacy circular paint chips and thumbnail image sizing. */
.frame-paint-choices button>.frame-colour-panel,.frame-colour-choice>.frame-colour-panel{display:block;width:100%;height:auto;aspect-ratio:724/552;border:0;border-radius:2px;margin:0;padding:0}
.frame-colour-panel>img{border-radius:0;margin:0;padding:0;max-height:none!important}
.frame-colour-grid .frame-colour-choice>small{font-size:9px;padding:0 3px 3px}

.custom-original-colour{font-size:11px;margin:12px 0}.custom-original-colour summary{cursor:pointer}.custom-original-colour a{display:inline-block;padding:8px;color:#e5ecd9;text-decoration:underline}