.paint-viewer{margin:0 0 26px;padding:0 0 22px;border-bottom:1px solid var(--line,#444)}
.paint-viewer h3{font-size:1.55rem;margin:0 0 14px;letter-spacing:-.035em}
.paint-stage{aspect-ratio:3/2;position:relative;background:#f0f1f2;border-radius:12px;overflow:hidden}
.paint-stage[hidden]{display:none}
.paint-stage .paint-photo{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;filter:none!important;transform:none!important}
.paint-status{font-size:.85rem!important;margin:13px 0!important;min-height:1.5em;color:inherit!important}
.paint-options{display:flex;flex-wrap:wrap;gap:8px}
.paint-swatch{display:flex;align-items:center;flex-direction:column;gap:8px;min-width:62px;max-width:120px;padding:10px 7px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.paint-swatch span{width:30px;height:30px;display:block;border-radius:50%;background:var(--paint);box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 1px #8887}
.paint-swatch strong{font-size:.75rem;font-weight:500;line-height:1.35;text-align:center}
.paint-swatch[aria-pressed=true]{border-color:#df1b30;background:#df1b3012}
.paint-swatch[aria-pressed=true] span{box-shadow:0 0 0 3px var(--surface,#fff),0 0 0 4px #df1b30}
.paint-swatch:hover{background:#8882}.paint-swatch:focus-visible,.paint-original:focus-visible{outline:3px solid #ed3548;outline-offset:3px}
.paint-original{margin:14px 0 0;border:0;border-bottom:1px solid currentColor;padding:4px 0;background:none;font:inherit;font-size:.85rem;color:inherit;cursor:pointer}
.paint-note,.paint-photo-note{font-size:.77rem!important;line-height:1.6!important;opacity:.8;margin:14px 0 0!important}
@media(max-width:420px){.paint-options{gap:4px}.paint-swatch{padding:9px 5px;min-width:55px}.paint-swatch span{width:28px;height:28px}}