.viewer{background:radial-gradient(ellipse at 48% 40%,#414141 0%,#292929 66%,#202020 100%)}
.finish-reference{margin-top:12px}.finish-reference button{display:flex;align-items:center;gap:14px;width:100%;padding:10px;text-align:left;background:#151515;border:1px solid #383838;border-radius:3px;color:#eee;cursor:pointer}.finish-reference button:hover{border-color:#c0965a}.finish-reference img{width:68px;height:68px;object-fit:cover;border-radius:2px;border:1px solid #444}.finish-reference button>span{display:grid;gap:5px}.finish-reference small{font-size:10px;letter-spacing:1.5px;color:#b8b8b8}.finish-reference strong{font-size:14px;font-weight:400}.finish-reference button>span>span{font-size:12px;color:#c0965a}
#finish-swatches .swatch{background-size:cover;background-position:center}#sample-dialog{width:min(660px,92vw);max-height:90vh;padding:22px;background:#151515;border:1px solid #555;color:#eee;border-radius:5px}#sample-dialog::backdrop{background:#000b}#sample-dialog img{display:block;width:100%;max-height:65vh;object-fit:contain;background:#222}#sample-dialog p{font-size:12px;line-height:1.6;color:#bbb}.sample-dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sample-dialog-heading h2{font-size:19px;font-weight:400;margin:0}#sample-dialog-close{background:transparent;color:#eee;font-size:28px;border:0;cursor:pointer;padding:0 5px}.view-buttons button{padding:0 12px}@media(max-width:450px){.viewer-bottom{left:10px;right:10px;gap:6px}.view-buttons{gap:0}.view-buttons button{padding:0 7px;font-size:12px}.zoom-buttons button{width:29px}.finish-reference img{width:58px;height:58px}}