/* Bar mat designer — additions on top of /css/designer.css (the cooler designer's
   layout, loaded first so both designers look and behave the same). Only the pieces
   the cooler editor has no equivalent for live here. */
.upload-warning{margin-top:10px;padding:10px 12px;border:1px solid var(--sunset-deep,#b4531a);border-radius:6px;background:#fff4ec;color:var(--plum);font-size:13px;line-height:1.5}
.upload-warning[hidden],.artwork-progress[hidden]{display:none}
.artwork-progress{margin-top:10px}
.artwork-progress div{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--plum)}
.artwork-progress progress{width:100%;height:10px;accent-color:var(--plum)}
.cooler-studio .text-link{display:inline-block;margin-top:6px;color:var(--plum);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.bar-mat-page .cooler-quote-summary img{width:100%;height:auto}
/* A flat 3.5:1 mat needs far less stage height than a cooler on phones. */
@media(max-width:800px){.bar-mat-page #product-view{height:230px}}