/* ==========================================================================
   pic-preview — shared screenshot frame (home + single; not modal)
   ========================================================================== */

.pic-preview {
	--pic-preview-aspect-ratio: 473 / 1024;
	/* Scales with preview size (≈2.2rem at ~220px wide) */
	--pic-preview-radius: 2vw;
	--pic-preview-bg: #f0f0f0;
	--pic-preview-frame: #00000032;

	aspect-ratio: var(--pic-preview-aspect-ratio);
	overflow: hidden;
	background: var(--pic-preview-bg);
	border-radius: var(--pic-preview-radius);
	position: relative;
}

.pic-preview::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	z-index: 1;
	pointer-events: none;
	box-shadow: inset 0 0 0 1px var(--pic-preview-frame);
}

.pic-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	display: block;
	user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
}