:root {
	/* ====== 原始設計比例參考 ======
	   Paper  : 640 × 790
	   Image  : 590 × 590  (margin 25px all around top/left/right)
	   Caption: 590 × 125  (margin 25px left/right/bottom)
	   所有子元素改用百分比，令 DOM 實際尺寸 = 視覺尺寸
	   ================================ */
	--Instant-Film-Paper-Background-Color : #E3E8E8FF;
	/* ---- 百分比（相對於容器） ---- */
	--film-margin-x       : 3.90625%;    /* 25 / 640 */
	--film-margin-top     : 3.16456%;    /* 25 / 790 */
	--film-margin-bottom  : 3.16456%;    /* 25 / 790 */
	--film-image-width    : 92.1875%;    /* 590 / 640 */
	--film-image-height   : 74.6835%;    /* 590 / 790 */
	--film-caption-width  : 92.1875%;    /* 590 / 640 */
	--film-caption-height : 15.8228%;    /* 125 / 790 */
	}
* {
	box-sizing : border-box;
	margin     : 0;
	padding    : 0;
	}
body {
	margin          : 0;
	padding         : 0;
	height          : 100dvh;
	width           : 100vw;
	background      : black;
	display         : flex;
	align-items     : center;
	justify-content : center;
	overflow        : hidden;
	}
.Instant-Film-Container {
	background    : var(--Instant-Film-Paper-Background-Color);
	aspect-ratio  : 640 / 790;
	position      : relative;
	/* 預設 iPhone：80% */
	width         : min(80vw, calc(80dvh * (640 / 790)), 640px);
	/* 紙質陰影 */
	box-shadow:
			0  2px  8px rgba(0, 0, 0, 0.25),
			0 12px 40px rgba(0, 0, 0, 0.45);
	border-radius : 3px;
	}
/* ---- iPad ---- */
@media (min-width: 481px) and (max-width: 1024px) {
	.Instant-Film-Container {
		width : min(85vw, calc(85dvh * (640 / 790)), 640px);
		}
	}
/* ---- Desktop ---- */
@media (min-width: 1025px) {
	.Instant-Film-Container {
		width : min(90vw, calc(90dvh * (640 / 790)), 640px);
		}
	}
/* 圖片區域 — 用百分比定位同大小 */
.Instant-Film-Image {
	position         : absolute;
	top              : var(--film-margin-top);
	left             : var(--film-margin-x);
	width            : var(--film-image-width);
	height           : var(--film-image-height);
	background-color : mistyrose;
	border-radius    : 0.25rem;
	overflow         : hidden;
	}
.Instant-Film-Image img {
	position    : absolute;
	top         : 50%;
	left        : 50%;
	transform   : translate(-50%, -35%);
	width       : 100%;
	user-select : none;
	}
.Instant-Film-Image canvas {
	width    : 100%;
	height   : 100%;
	position : absolute;
	display  : block;
	}
/* 文字區域 */
.Instant-Film-Caption {
	position        : absolute;
	bottom          : var(--film-margin-bottom);
	left            : var(--film-margin-x);
	width           : var(--film-caption-width);
	height          : var(--film-caption-height);
	user-select     : none;
	background      : black;
	border-radius   : 0.25rem;
	display         : flex;
	align-items     : center;
	justify-content : center;
	text-align      : center;
	font-family     : 'Caveat', serif;
	/* 字體大小跟住容器縮放 */
	font-size       : clamp(1rem, 3.5cqi, 2.5rem);
	container-type  : inline-size;
	}
.Profile-Content {
	display       : inline-block;
	padding-left  : 1.5em;
	padding-right : 1.5em;
	}
.Profile-Content #Instagram-Icon {
	scale : 2.5;
	}
/* -------------------- */
.Instant-Film-Caption .canvas-area {
	width   : 100%;
	height  : 100%;
	overflow: hidden;
	}
.Instant-Film-Caption .canvas-area canvas {
	width      : 100% !important;
	height     : 100% !important;
	min-height : 0 !important;   /* 覆蓋霓虹 JS 設嘅 200px min-height */
	display    : block;
	background : transparent;    /* 用 Caption 自身嘅底色 */
	}
/* -------------------- */
[data-id="Ian-Picture-1"] {
	scale: 1.25;
	transform: translate(-37.5%, -55%) !important
	}
[data-id="Ian-Picture-2"] {
	scale: 2.5;
	transform: translate(-16.5%, -33%) !important;
	}
[data-id="ksenia-Model"] {
	height    : 115% !important;
	width     : auto !important;
	top       : 50% !important;
	left      : 50% !important;
	transform : translate(-50%, -50%) !important;


	}