.sublimartbr-frontend-mockup {
	margin: 1.5rem 0;
	padding: 1.25rem;
	border: 1px solid #e2e2e2;
	border-radius: 8px;
}

.sublimartbr-frontend-mockup h2 { margin-top: 0; }
.sublimartbr-upload-label { display: inline-flex; cursor: pointer; }
.sublimartbr-upload-label span { padding: .7rem 1rem; border-radius: 4px; background: #222; color: #fff; }
.sublimartbr-upload-label input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.sublimartbr-preview-wrap { margin-top: 1rem; }
.sublimartbr-preview { display: block; width: 100%; max-width: 640px; height: auto; }
.sublimartbr-status { min-height: 1.5em; }
.sublimartbr-error pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.sublimartbr-frontend-mockup.is-viewer { padding: 0; border: 0; }
.sublimartbr-viewer-canvas { display: block; width: 100%; max-width: 800px; aspect-ratio: 1; touch-action: none; cursor: grab; }
.sublimartbr-viewer-canvas:active { cursor: grabbing; }
/* Parking durante o pré-carregamento: fora da tela, mas COM dimensão real
   pra o canvas WebGL não iniciar 0x0. */
.sublimartbr-viewer-parking--preloading { position: absolute; left: -99999px; top: 0; width: min( 800px, 100vw ); opacity: 0; pointer-events: none; }
.sublimartbr-viewer-hint { margin: .5rem 0 0; text-align: center; font-size: .875rem; opacity: .7; }
.sublimartbr-viewer-thumb { position: relative; display: grid; place-items: center; }
.sublimartbr-viewer-thumb-icon { font-size: 1.5rem; line-height: 1; }
.sublimartbr-viewer-thumb small,
.sb-product-thumb--video small { display: block; font-size: .65rem; font-weight: 700; text-transform: uppercase; }