.lasr-recorder [hidden] {
	display: none !important;
}

.lasr-recorder {
	max-width: 560px;
	margin: 2rem auto;
	padding: 2rem;
	text-align: center;
	border: 1px solid rgba(0,0,0,.10);
	border-radius: 18px;
	background: #fff;
}
.lasr-status { margin: 0 0 1.25rem; }
.lasr-record-button,
.lasr-stop-button,
.lasr-submit-button {
	border-radius: 999px;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}
.lasr-record-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .65rem;
	min-width: 150px;
	min-height: 54px;
	padding: .8rem 1.25rem;
	border: 0;
}
.lasr-record-dot {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #c93434;
}
.lasr-vu-meter { width: min(100%, 430px); margin: 0 auto 1.25rem; }
.lasr-vu-face {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16/9;
	border: 8px solid #312f29;
	border-radius: 18px;
	background: linear-gradient(180deg,rgba(255,255,255,.72),rgba(211,197,157,.18)),#eee4c8;
	box-shadow: inset 0 0 0 3px rgba(255,255,255,.35), inset 0 0 24px rgba(87,67,28,.22), 0 4px 12px rgba(0,0,0,.18);
}
.lasr-vu-scale { position:absolute; inset:0; width:100%; height:100%; }
.lasr-vu-arc,.lasr-vu-hot-arc { fill:none; stroke-width:4; stroke-linecap:round; }
.lasr-vu-arc { stroke:#2d2b27; }
.lasr-vu-hot-arc { stroke:#c73b2f; stroke-width:10; }
.lasr-vu-ticks line { stroke:#2d2b27; stroke-width:3; }
.lasr-vu-labels,.lasr-vu-title { fill:#2d2b27; font-family:Arial,Helvetica,sans-serif; }
.lasr-vu-labels { font-size:14px; }
.lasr-vu-red { fill:#c73b2f; }
.lasr-vu-title { font-size:34px; letter-spacing:.06em; }
.lasr-vu-needle-wrap { position:absolute; left:50%; bottom:8%; width:0; height:0; }
.lasr-vu-needle {
	position:absolute; left:-1px; bottom:0; width:2px; height:122px;
	background:#20201e; transform:rotate(-52deg); transform-origin:50% 100%;
	transition:transform 60ms linear;
}
.lasr-vu-pivot {
	position:absolute; left:-10px; bottom:-10px; width:20px; height:20px;
	border-radius:50%; background:radial-gradient(circle at 38% 35%,#8d8b80,#292824 70%);
	border:1px solid #1e1d1a;
}
.lasr-recording-indicator {
	position:absolute; right:7%; bottom:14%; display:grid; justify-items:center; gap:2px;
	font-family:Arial,Helvetica,sans-serif; font-size:9px; letter-spacing:.08em; color:#403d35;
}
.lasr-recording-light {
	width:12px; height:12px; border-radius:50%; background:#ff4d37;
	box-shadow:0 0 8px rgba(255,77,55,.95), inset 0 1px 2px rgba(255,255,255,.55);
}
.lasr-stop-button,.lasr-submit-button {
	padding:.75rem 1.1rem; border:1px solid currentColor;
}
.lasr-stop-button { background:transparent; }
.lasr-submit-button { border:0; background:#29453d; color:#fff; }
.lasr-review-panel audio { width:100%; margin:.5rem 0 1rem; }
.lasr-review-actions {
	display:block;
	text-align:left;
}
.lasr-record-again-link {
	display:inline-block;
	margin:0.2rem 0 1.5rem;
	padding:0;
	border:0;
	background:transparent;
	color:inherit;
	font:inherit;
	font-size:.92rem;
	text-decoration:underline;
	text-underline-offset:3px;
	cursor:pointer;
	opacity:.72;
}
.lasr-record-again-link:hover,
.lasr-record-again-link:focus {
	opacity:1;
}
.lasr-primary-action-wrap {
	text-align:center;
}
.lasr-submit-button {
	min-width:190px;
}
.lasr-upload-status { min-height:1.5em; margin:1rem 0 0; }
.lasr-confirmation {
	padding:2.5rem 1rem 3rem;
	opacity:1;
	transition:opacity .9s ease;
}
.lasr-confirmation.is-fading {
	opacity:0;
}
.lasr-confirmation h3 {
	margin:0 0 .9rem;
	font-size:2rem;
}
.lasr-confirmation-message {
	margin:0 auto 2.5rem;
	max-width:420px;
	font-style:italic;
}
.lasr-gallery-label {
	display:inline-block;
	min-width:240px;
	padding:1.25rem 1.5rem;
	text-align:left;
	border-top:1px solid rgba(0,0,0,.28);
	border-bottom:1px solid rgba(0,0,0,.28);
}
.lasr-gallery-label-title {
	margin-bottom:.45rem;
	font-size:.72rem;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
}
.lasr-gallery-label-number {
	font-size:1.35rem;
	letter-spacing:.08em;
}
.lasr-error { margin:1rem 0 0; padding:.75rem; border:1px solid currentColor; border-radius:8px; }
@media (max-width:540px) {
	.lasr-recorder { padding:1.25rem; }
	.lasr-vu-face { border-width:6px; }
	.lasr-vu-needle { height:95px; }
}


/* Homepage experience */
.lasr-homepage-recorder {
	max-width: 760px;
	margin-top: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.lasr-home-intro {
	text-align: left;
}

.lasr-home-intro h1 {
	margin: 0 0 1rem;
	font-size: clamp(2.2rem, 5vw, 3.8rem);
	line-height: 1;
	font-weight: 800;
	letter-spacing: -0.02em;
}

.lasr-home-intro p {
	margin: 0 0 1.2rem;
	font-size: clamp(1.2rem, 2.2vw, 1.65rem);
	line-height: 1.45;
}

.lasr-home-trigger {
	width: 100%;
	margin-top: 0.35rem;
	padding: 1rem 1.5rem;
	border: 0;
	border-radius: 999px;
	background: #566846;
	color: #fff;
	font: inherit;
	font-weight: 800;
	letter-spacing: 0.01em;
	cursor: pointer;
}

.lasr-home-trigger:hover,
.lasr-home-trigger:focus {
	filter: brightness(0.94);
}

.lasr-home-footnote {
	margin-top: 1.25rem !important;
	text-align: center;
	font-size: clamp(1rem, 1.8vw, 1.35rem) !important;
}

.lasr-homepage-recorder .lasr-recorder-experience {
	padding: 2rem;
	border: 1px solid rgba(0,0,0,.10);
	border-radius: 18px;
	background: #fff;
}

.lasr-review-heading {
	margin: 0 0 1rem;
	font-size: 1.3rem;
}

/* Embossed archive seal */
.lasr-gallery-label {
	position: relative;
}

.lasr-archive-seal {
	position: absolute;
	right: -4.2rem;
	bottom: -5.2rem;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	color: rgba(90, 82, 68, .18);
	transform: rotate(-8deg);
	filter: drop-shadow(1px 1px 0 rgba(255,255,255,.85))
	        drop-shadow(-1px -1px 0 rgba(83,72,54,.12));
	pointer-events: none;
}

.lasr-seal-ring {
	position: relative;
	width: 100%;
	height: 100%;
	border: 2px solid currentColor;
	border-radius: 50%;
	box-shadow:
		inset 0 0 0 4px rgba(255,255,255,.35),
		inset 0 0 0 7px currentColor;
}

.lasr-seal-top,
.lasr-seal-bottom,
.lasr-seal-year {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	letter-spacing: .12em;
}

.lasr-seal-top {
	top: 17px;
	font-size: 11px;
}

.lasr-seal-bottom {
	bottom: 16px;
	font-size: 9px;
}

.lasr-seal-year {
	bottom: 42px;
	font-size: 8px;
	letter-spacing: .14em;
}

.lasr-seal-mic {
	position: absolute;
	left: 50%;
	top: 42px;
	width: 50px;
	height: 62px;
	transform: translateX(-50%);
}

@media (max-width: 700px) {
	.lasr-homepage-recorder .lasr-recorder-experience {
		padding: 1.25rem;
	}

	.lasr-archive-seal {
		right: -1.5rem;
		bottom: -5rem;
		width: 125px;
		height: 125px;
	}
}

/* v0.7.1 homepage load state */
.lasr-homepage-recorder .lasr-recorder-experience{margin-top:1.6rem;padding:0;border:0;background:transparent}.lasr-homepage-recorder .lasr-status{display:none}.lasr-home-meter-stage{display:grid;justify-items:center;gap:1rem}.lasr-home-meter-stage .lasr-vu-meter{width:min(100%,450px);margin:0}.lasr-home-record-button{min-width:220px;padding:.8rem 2rem;border:2px solid #2d2b27;border-radius:999px;background:#fff;color:#2d2b27;font:inherit;font-size:1.1rem;font-weight:800;cursor:pointer}.lasr-home-record-button:hover,.lasr-home-record-button:focus{background:#f4f0e7}.lasr-vu-meter-idle .lasr-vu-needle{transform:rotate(-52deg)}.lasr-recording-indicator-idle .lasr-recording-light{background:#8a2f26;box-shadow:none}@media(max-width:700px){.lasr-home-record-button{min-width:180px}}


/* v0.7.2 tactile recording controls */
.lasr-home-record-button,
.lasr-hardware-stop-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .8rem;
	min-width: 180px;
	min-height: 68px;
	padding: .8rem 1.7rem;
	border: 4px solid #251c1c;
	border-radius: 12px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 42%),
		linear-gradient(180deg, #d83b3b, #a50f16);
	color: #fff;
	font: inherit;
	font-size: 1.18rem;
	font-weight: 800;
	letter-spacing: .06em;
	box-shadow:
		inset 0 2px 1px rgba(255,255,255,.25),
		inset 0 -5px 8px rgba(74,0,4,.45),
		0 5px 0 #160f0f,
		0 9px 18px rgba(126,15,20,.24);
	cursor: pointer;
	transition: transform 90ms ease, box-shadow 90ms ease, filter 120ms ease;
}

.lasr-home-record-button:hover,
.lasr-home-record-button:focus,
.lasr-hardware-stop-button:hover,
.lasr-hardware-stop-button:focus {
	background:
		linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0) 42%),
		linear-gradient(180deg, #e14545, #ad1118);
	filter: none;
}

.lasr-home-record-button:active,
.lasr-hardware-stop-button:active {
	transform: translateY(4px);
	box-shadow:
		inset 0 2px 5px rgba(52,0,4,.45),
		inset 0 -2px 4px rgba(255,255,255,.12),
		0 1px 0 #160f0f,
		0 4px 9px rgba(126,15,20,.18);
}

.lasr-hardware-led {
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	border-radius: 50%;
	background: #ffd8d8;
	border: 1px solid rgba(72,0,5,.6);
	box-shadow:
		0 0 5px rgba(255,115,115,.85),
		0 0 13px rgba(255,45,45,.52),
		inset 0 1px 2px rgba(255,255,255,.85);
	animation: none;
}

.lasr-hardware-led.is-recording {
	animation: lasr-led-recording .72s ease-in-out infinite;
}

@keyframes lasr-led-idle {
	0%, 100% {
		opacity: .45;
		box-shadow:
			0 0 3px rgba(255,115,115,.42),
			0 0 8px rgba(255,45,45,.24),
			inset 0 1px 2px rgba(255,255,255,.7);
	}
	50% {
		opacity: 1;
		box-shadow:
			0 0 7px rgba(255,150,150,1),
			0 0 18px rgba(255,30,30,.72),
			inset 0 1px 2px rgba(255,255,255,.95);
	}
}

@keyframes lasr-led-recording {
	0%, 42% {
		opacity: 1;
		box-shadow:
			0 0 8px rgba(255,150,150,1),
			0 0 20px rgba(255,30,30,.8),
			inset 0 1px 2px rgba(255,255,255,.95);
	}
	43%, 100% {
		opacity: .24;
		box-shadow:
			0 0 2px rgba(255,45,45,.28),
			inset 0 1px 2px rgba(255,255,255,.45);
	}
}

.lasr-hardware-stop-button {
	margin-top: 1rem;
}

@media (prefers-reduced-motion: reduce) {
	.lasr-hardware-led,
	.lasr-hardware-led.is-recording {
		animation: none;
		opacity: 1;
	}
}


/* v0.7.3 compact homepage identity */
.lasr-home-logo-mark {
	display: block;
	width: min(100%, 360px);
	height: auto;
	margin: 0 auto .35rem;
}

.lasr-home-intro {
	text-align: center;
}

.lasr-home-intro h1 {
	margin-top: 0;
	margin-bottom: .65rem;
}

.lasr-home-intro p {
	margin-bottom: .55rem;
}

.lasr-homepage-recorder .lasr-recorder-experience {
	margin-top: 1rem;
}

.lasr-home-record-button {
	min-width: 210px;
}

/* Real embossed seal artwork */
.lasr-archive-seal,
.lasr-seal-ring,
.lasr-seal-top,
.lasr-seal-bottom,
.lasr-seal-year,
.lasr-seal-mic {
	display: none !important;
}

.lasr-archive-seal-image {
	position: absolute;
	z-index: 0;
	width: 135px;
	height: 135px;
	right: -48px;
	top: 36px;
	object-fit: contain;
	opacity: .58;
	transform: rotate(-8deg);
	mix-blend-mode: multiply;
	pointer-events: none;
}

.lasr-gallery-label-title,
.lasr-gallery-label-number {
	position: relative;
	z-index: 1;
}

@media (max-width: 700px) {
	.lasr-home-logo-mark {
		width: min(100%, 270px);
	}

	.lasr-archive-seal-image {
		width: 105px;
		height: 105px;
		right: -24px;
		top: 42px;
	}
}


/* v0.7.4 homepage refinement */
.lasr-home-logo-mark {
	display: none !important;
}

.lasr-home-intro {
	text-align: center;
	margin-bottom: .75rem;
}

.lasr-home-intro h1 {
	margin: 0 0 .45rem;
}

.lasr-home-intro p {
	margin: 0 0 .35rem;
}

.lasr-homepage-recorder .lasr-recorder-experience {
	margin-top: .65rem;
}

/* Make the VU meter substantially smaller and reduce page height. */
.lasr-home-meter-stage .lasr-vu-meter,
.lasr-homepage-recorder .lasr-recording-panel .lasr-vu-meter {
	width: min(100%, 330px);
}

.lasr-homepage-recorder .lasr-vu-face {
	border-width: 6px;
	border-radius: 14px;
}

.lasr-homepage-recorder .lasr-vu-needle {
	height: 88px;
}

.lasr-home-record-button,
.lasr-hardware-stop-button {
	min-width: 170px;
	min-height: 58px;
	padding: .65rem 1.35rem;
	font-size: 1rem;
}

.lasr-home-meter-stage,
.lasr-homepage-recorder .lasr-recording-panel {
	gap: .75rem;
}

@media (max-width: 700px) {
	.lasr-home-meter-stage .lasr-vu-meter,
	.lasr-homepage-recorder .lasr-recording-panel .lasr-vu-meter {
		width: min(100%, 290px);
	}

	.lasr-homepage-recorder .lasr-vu-needle {
		height: 76px;
	}
}


/* v0.8.0 fixed analog transport controls */
.lasr-home-meter-stage {
	position: relative;
}

.lasr-transport-controls {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 2.1rem;
	margin-top: .35rem;
}

.lasr-transport-control {
	display: grid;
	justify-items: center;
	gap: .45rem;
}

.lasr-transport-label {
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .12em;
}

.lasr-transport-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 62px;
	padding: 0;
	border: 4px solid #251f1f;
	border-radius: 7px;
	font: inherit;
	font-size: 1.2rem;
	font-weight: 800;
	cursor: pointer;
	box-shadow:
		inset 0 2px 1px rgba(255,255,255,.45),
		inset 0 -4px 7px rgba(0,0,0,.18),
		0 4px 0 #171212,
		0 8px 14px rgba(0,0,0,.16);
	transition: transform 90ms ease, box-shadow 90ms ease, opacity 120ms ease;
}

.lasr-stop-transport {
	background: linear-gradient(180deg, #fffdf7, #e8dfcc);
	color: #2e2925;
}

.lasr-stop-transport:disabled {
	opacity: .38;
	cursor: default;
}

.lasr-record-transport {
	background:
		linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0) 40%),
		linear-gradient(180deg, #e63f3f, #b10d16);
	color: #fff;
}

.lasr-record-transport.is-recording {
	animation: lasr-record-button-glow 1s ease-in-out infinite;
}

@keyframes lasr-record-button-glow {
	0%, 100% {
		box-shadow:
			inset 0 2px 1px rgba(255,255,255,.45),
			inset 0 -4px 7px rgba(0,0,0,.18),
			0 4px 0 #171212,
			0 7px 14px rgba(176,12,20,.2),
			0 0 10px rgba(224,34,42,.28);
	}
	50% {
		box-shadow:
			inset 0 2px 1px rgba(255,255,255,.6),
			inset 0 -4px 7px rgba(0,0,0,.14),
			0 4px 0 #171212,
			0 10px 20px rgba(176,12,20,.35),
			0 0 24px rgba(255,48,55,.85);
	}
}

.lasr-transport-button:active:not(:disabled) {
	transform: translateY(3px);
	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.25),
		0 1px 0 #171212,
		0 3px 7px rgba(0,0,0,.12);
}

/* Green positive archive control */
.lasr-archive-hardware-button {
	min-width: 230px;
	padding: .9rem 1.6rem;
	border: 4px solid #1e3029;
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 40%),
		linear-gradient(180deg, #476c5a, #29483d);
	color: #fff;
	box-shadow:
		inset 0 2px 1px rgba(255,255,255,.22),
		inset 0 -4px 8px rgba(8,34,25,.25),
		0 4px 0 #17241f,
		0 8px 15px rgba(28,63,49,.2);
}

.lasr-archive-hardware-button:active {
	transform: translateY(3px);
	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.22),
		0 1px 0 #17241f,
		0 3px 7px rgba(28,63,49,.14);
}

/* Confirmation sits over the fixed homepage rather than entering layout flow */
.lasr-confirmation-overlay {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: grid;
	place-items: center;
	padding: 1.25rem;
	background: rgba(32, 28, 24, .28);
	backdrop-filter: blur(2px);
	opacity: 1;
	transition: opacity .9s ease;
}

.lasr-confirmation-overlay.is-fading {
	opacity: 0;
}

.lasr-confirmation-overlay .lasr-confirmation {
	position: relative;
	width: min(92vw, 560px);
	padding: 3rem 2.5rem 3.5rem;
	border: 1px solid rgba(60, 50, 38, .12);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 18px 50px rgba(35, 28, 20, .22);
}

@media (max-width: 600px) {
	.lasr-transport-controls {
		gap: 1.4rem;
	}

	.lasr-transport-button {
		width: 60px;
		height: 56px;
	}

	.lasr-confirmation-overlay .lasr-confirmation {
		padding: 2.4rem 1.4rem 3rem;
	}
}


/* v0.8.1 fixed transport controls */
.lasr-homepage-recorder .lasr-transport-controls {
	display: flex !important;
	align-items: flex-end;
	justify-content: center;
	gap: 1.8rem;
	margin-top: .65rem;
}

.lasr-homepage-recorder .lasr-transport-control {
	display: grid;
	justify-items: center;
	gap: .4rem;
}

.lasr-homepage-recorder .lasr-transport-label {
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .12em;
	color: #2d2b27;
}

.lasr-homepage-recorder .lasr-transport-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 66px;
	height: 58px;
	padding: 0;
	border: 4px solid #251f1f;
	border-radius: 7px;
	font: inherit;
	font-size: 1.15rem;
	font-weight: 800;
	cursor: pointer;
	box-shadow:
		inset 0 2px 1px rgba(255,255,255,.45),
		inset 0 -4px 7px rgba(0,0,0,.18),
		0 4px 0 #171212,
		0 8px 14px rgba(0,0,0,.16);
	transition: transform 90ms ease, box-shadow 90ms ease, opacity 120ms ease;
}

.lasr-homepage-recorder .lasr-stop-transport {
	background: linear-gradient(180deg, #fffdf7, #e8dfcc);
	color: #2e2925;
}

.lasr-homepage-recorder .lasr-stop-transport:disabled {
	opacity: .38;
	cursor: default;
}

.lasr-homepage-recorder .lasr-record-transport {
	background:
		linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0) 40%),
		linear-gradient(180deg, #e63f3f, #b10d16);
	color: #fff;
}

.lasr-homepage-recorder .lasr-record-transport.is-recording {
	animation: lasr-record-button-glow 1s ease-in-out infinite;
}

@keyframes lasr-record-button-glow {
	0%, 100% {
		box-shadow:
			inset 0 2px 1px rgba(255,255,255,.45),
			inset 0 -4px 7px rgba(0,0,0,.18),
			0 4px 0 #171212,
			0 7px 14px rgba(176,12,20,.2),
			0 0 9px rgba(224,34,42,.26);
	}
	50% {
		box-shadow:
			inset 0 2px 1px rgba(255,255,255,.6),
			inset 0 -4px 7px rgba(0,0,0,.14),
			0 4px 0 #171212,
			0 10px 20px rgba(176,12,20,.35),
			0 0 24px rgba(255,48,55,.85);
	}
}


/* v0.8.2 transport proportions and review transition */
.lasr-homepage-recorder .lasr-transport-controls {
	align-items: end;
	gap: 1rem;
}

.lasr-homepage-recorder .lasr-stop-transport {
	width: 58px;
	height: 58px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.35) 44%, rgba(232,223,204,.2)),
		linear-gradient(180deg, #fffef9, #e8dfcc);
	color: #2e2925;
	box-shadow:
		inset 0 2px 2px rgba(255,255,255,.95),
		inset 0 -4px 7px rgba(104,92,70,.16),
		0 4px 0 #171212,
		0 8px 14px rgba(0,0,0,.13);
}

.lasr-homepage-recorder .lasr-record-transport {
	width: 220px;
	height: 58px;
	border-radius: 8px;
	font-size: 1rem;
	letter-spacing: .08em;
	background:
		linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 42%),
		linear-gradient(180deg, #e84444, #b20d17);
	color: #fff;
	box-shadow:
		inset 0 3px 5px rgba(255,255,255,.22),
		inset 0 -7px 14px rgba(76,0,5,.35),
		0 4px 0 #171212,
		0 8px 14px rgba(151,15,22,.18);
}

.lasr-homepage-recorder .lasr-record-transport.is-recording {
	animation: lasr-record-inner-glow 1s ease-in-out infinite;
}

@keyframes lasr-record-inner-glow {
	0%, 100% {
		background:
			linear-gradient(180deg, rgba(255,255,255,.25), rgba(255,255,255,0) 42%),
			linear-gradient(180deg, #e84444, #b20d17);
		box-shadow:
			inset 0 3px 5px rgba(255,255,255,.22),
			inset 0 -7px 14px rgba(76,0,5,.35),
			inset 0 0 8px rgba(255,88,88,.22),
			0 4px 0 #171212,
			0 8px 14px rgba(151,15,22,.18);
	}
	50% {
		background:
			linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.05) 45%),
			linear-gradient(180deg, #ff5656, #c41520);
		box-shadow:
			inset 0 3px 8px rgba(255,255,255,.45),
			inset 0 -7px 14px rgba(76,0,5,.25),
			inset 0 0 24px rgba(255,124,124,.95),
			0 4px 0 #171212,
			0 8px 16px rgba(186,20,28,.24);
	}
}

.lasr-homepage-recorder .lasr-stop-transport.is-stop-flash {
	animation: lasr-stop-click-flash .42s ease-out 1;
}

@keyframes lasr-stop-click-flash {
	0% {
		box-shadow:
			inset 0 2px 2px rgba(255,255,255,.95),
			inset 0 -4px 7px rgba(104,92,70,.16),
			0 4px 0 #171212,
			0 8px 14px rgba(0,0,0,.13);
	}
	35% {
		background:
			linear-gradient(180deg, #ffffff, #fffef8);
		box-shadow:
			inset 0 0 18px rgba(255,255,255,1),
			0 4px 0 #171212,
			0 0 18px rgba(255,255,240,.95);
	}
	100% {
		box-shadow:
			inset 0 2px 2px rgba(255,255,255,.95),
			inset 0 -4px 7px rgba(104,92,70,.16),
			0 4px 0 #171212,
			0 8px 14px rgba(0,0,0,.13);
	}
}

/* Playback replaces the meter/transport area and eases into view. */
.lasr-homepage-recorder .lasr-review-panel {
	width: min(100%, 620px);
	margin: 0 auto;
}

.lasr-homepage-recorder .lasr-review-panel.is-entering {
	animation: lasr-review-fade-in .48s ease-out both;
}

@keyframes lasr-review-fade-in {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.lasr-homepage-recorder .lasr-review-panel audio {
	margin-top: .25rem;
}

@media (max-width: 600px) {
	.lasr-homepage-recorder .lasr-record-transport {
		width: 180px;
	}

	.lasr-homepage-recorder .lasr-stop-transport {
		width: 54px;
		height: 54px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lasr-homepage-recorder .lasr-record-transport.is-recording,
	.lasr-homepage-recorder .lasr-stop-transport.is-stop-flash,
	.lasr-homepage-recorder .lasr-review-panel.is-entering {
		animation: none;
	}
}


/* v0.8.3 forced review-state styling and cache-bust release */
.lasr-homepage-recorder .lasr-transport-controls .lasr-stop-transport {
	width: 56px !important;
	min-width: 56px !important;
	max-width: 56px !important;
	height: 56px !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.55) 45%, rgba(232,223,204,.25)),
		linear-gradient(180deg, #fffef9, #e8dfcc) !important;
}

.lasr-homepage-recorder .lasr-transport-controls .lasr-record-transport {
	width: 224px !important;
	min-width: 224px !important;
	max-width: 224px !important;
	height: 56px !important;
}

.lasr-homepage-recorder .lasr-home-meter-stage[hidden] {
	display: none !important;
}

.lasr-homepage-recorder .lasr-review-panel:not([hidden]) {
	display: block !important;
	width: min(100%, 620px) !important;
	margin: 0 auto !important;
	opacity: 1;
}

.lasr-homepage-recorder .lasr-review-panel.is-entering {
	animation: lasr-review-fade-in-083 .6s ease-out both !important;
}

@keyframes lasr-review-fade-in-083 {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.lasr-homepage-recorder .lasr-review-panel .lasr-archive-hardware-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 230px !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0) 40%),
		linear-gradient(180deg, #4f765f, #2d4c3f) !important;
}


/* v0.9.0 two-sided recorder card */
.lasr-homepage-recorder .lasr-flip-card {
	width: min(100%, 640px);
	margin: 0 auto;
	perspective: 1400px;
}

.lasr-homepage-recorder .lasr-flip-card-inner {
	position: relative;
	min-height: 430px;
	transform-style: preserve-3d;
	transition: transform .72s cubic-bezier(.2,.75,.2,1);
}

.lasr-homepage-recorder .lasr-flip-card.is-flipped .lasr-flip-card-inner {
	transform: rotateY(180deg);
}

.lasr-homepage-recorder .lasr-card-face {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.lasr-homepage-recorder .lasr-card-front {
	transform: rotateY(0deg);
}

.lasr-homepage-recorder .lasr-card-back {
	transform: rotateY(180deg);
}

.lasr-homepage-recorder .lasr-card-back .lasr-review-panel {
	display: block !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 1.75rem;
	border: 1px solid rgba(55, 48, 39, .10);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 12px 34px rgba(45, 36, 25, .10);
}

.lasr-homepage-recorder .lasr-review-actions-hardware {
	display: grid;
	grid-template-columns: 58px minmax(220px, 1fr);
	align-items: center;
	gap: 1rem;
	margin-top: 1rem;
}

.lasr-homepage-recorder .lasr-undo-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	padding: 0;
	border: 4px solid #2a2723;
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.22) 45%),
		linear-gradient(180deg, #fffef8, #e8dfcc);
	color: #27231f;
	font: inherit;
	font-size: 2rem;
	line-height: 1;
	box-shadow:
		inset 0 2px 2px rgba(255,255,255,.95),
		inset 0 -5px 8px rgba(105,92,70,.17),
		0 4px 0 #171411,
		0 8px 13px rgba(0,0,0,.12);
	cursor: pointer;
}

.lasr-homepage-recorder .lasr-undo-button:active {
	transform: translateY(3px);
	box-shadow:
		inset 0 2px 5px rgba(0,0,0,.18),
		0 1px 0 #171411,
		0 3px 6px rgba(0,0,0,.10);
}

.lasr-homepage-recorder .lasr-review-actions-hardware .lasr-archive-hardware-button {
	width: 100%;
	min-height: 58px;
	margin: 0;
}

.lasr-homepage-recorder .lasr-record-transport.is-recording {
	cursor: pointer;
}

/* Slight settle before the back face contents appear */
.lasr-homepage-recorder .lasr-review-panel.is-entering {
	animation: lasr-back-content-settle .38s ease-out .18s both !important;
}

@keyframes lasr-back-content-settle {
	from {
		opacity: 0;
		transform: translateY(6px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 650px) {
	.lasr-homepage-recorder .lasr-flip-card-inner {
		min-height: 400px;
	}

	.lasr-homepage-recorder .lasr-review-actions-hardware {
		grid-template-columns: 52px minmax(0, 1fr);
		gap: .75rem;
	}

	.lasr-homepage-recorder .lasr-undo-button {
		width: 52px;
		height: 52px;
		font-size: 1.7rem;
	}

	.lasr-homepage-recorder .lasr-card-back .lasr-review-panel {
		padding: 1.2rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lasr-homepage-recorder .lasr-flip-card-inner {
		transition: none;
	}
}


/* =========================================================
   v1.0.0 — unified two-sided archival card + plastic keys
   ========================================================= */

/* The front and back are literally the same physical card. */
.lasr-homepage-recorder .lasr-flip-card {
	width: min(100%, 640px);
	margin: 0 auto;
	perspective: 1600px;
}

.lasr-homepage-recorder .lasr-flip-card-inner {
	position: relative;
	min-height: 430px;
	transform-style: preserve-3d;
	transition: transform .74s cubic-bezier(.2,.75,.2,1);
}

.lasr-homepage-recorder .lasr-card-face {
	position: absolute;
	inset: 0;
	padding: 1.6rem;
	border: 1px solid rgba(78, 65, 46, .16);
	border-radius: 16px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,0) 30%),
		#f4ecdc;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.75),
		0 12px 32px rgba(55, 43, 27, .13);
}

.lasr-homepage-recorder .lasr-card-front,
.lasr-homepage-recorder .lasr-card-back {
	display: flex;
	align-items: center;
	justify-content: center;
}

.lasr-homepage-recorder .lasr-back-card-shell {
	width: 100%;
}

/* One shared vintage plastic-button language. */
.lasr-homepage-recorder .lasr-transport-controls,
.lasr-homepage-recorder .lasr-review-actions-hardware {
	display: grid;
	align-items: center;
	gap: 1rem;
}

.lasr-homepage-recorder .lasr-transport-controls {
	grid-template-columns: 72px minmax(240px, 1fr);
	width: min(100%, 430px);
	margin: .8rem auto 0;
}

.lasr-homepage-recorder .lasr-review-actions-hardware {
	grid-template-columns: 72px minmax(240px, 1fr);
	margin-top: 1.1rem;
}

.lasr-homepage-recorder .lasr-transport-button,
.lasr-homepage-recorder .lasr-undo-button,
.lasr-homepage-recorder .lasr-archive-hardware-button {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	height: 68px;
	padding: 0 1.35rem;
	border: 5px solid #27221e !important;
	border-radius: 9px !important;
	color: #171411 !important;
	font: inherit !important;
	font-size: 1rem !important;
	font-weight: 800 !important;
	letter-spacing: .08em;
	text-transform: uppercase;
	box-shadow:
		inset 0 3px 2px rgba(255,255,255,.62),
		inset 0 -7px 10px rgba(54,43,27,.18),
		0 5px 0 #171310,
		0 9px 15px rgba(38,28,17,.18) !important;
	transition: transform 90ms ease, box-shadow 90ms ease, filter 120ms ease;
}

.lasr-homepage-recorder .lasr-transport-button::after,
.lasr-homepage-recorder .lasr-undo-button::after,
.lasr-homepage-recorder .lasr-archive-hardware-button::after {
	content: "";
	position: absolute;
	inset: 7px;
	border-radius: 4px;
	border-top: 2px solid rgba(255,255,255,.56);
	pointer-events: none;
}

.lasr-homepage-recorder .lasr-stop-transport {
	width: 72px !important;
	min-width: 72px !important;
	padding: 0 !important;
	background:
		linear-gradient(180deg, #fffefa 0%, #f8f4e9 58%, #e8dfcd 100%) !important;
}

.lasr-homepage-recorder .lasr-stop-square {
	display: block;
	width: 25px;
	height: 25px;
	background: #111;
}

.lasr-homepage-recorder .lasr-stop-transport:disabled {
	opacity: .46;
	cursor: default;
}

.lasr-homepage-recorder .lasr-record-transport {
	width: 100% !important;
	min-width: 240px !important;
	background:
		linear-gradient(180deg, #ff6555 0%, #ef4437 58%, #cb2e26 100%) !important;
	color: #15110f !important;
}

.lasr-homepage-recorder .lasr-record-transport.is-recording {
	animation: lasr-plastic-record-glow 1s ease-in-out infinite !important;
}

@keyframes lasr-plastic-record-glow {
	0%, 100% {
		background:
			linear-gradient(180deg, #ff6555 0%, #ef4437 58%, #cb2e26 100%) !important;
		box-shadow:
			inset 0 3px 2px rgba(255,255,255,.62),
			inset 0 -7px 10px rgba(95,18,13,.28),
			inset 0 0 8px rgba(255,110,92,.18),
			0 5px 0 #171310,
			0 9px 15px rgba(160,36,28,.20) !important;
	}
	50% {
		background:
			linear-gradient(180deg, #ff8c75 0%, #ff5b49 58%, #dd372d 100%) !important;
		box-shadow:
			inset 0 3px 7px rgba(255,255,255,.78),
			inset 0 -7px 10px rgba(95,18,13,.20),
			inset 0 0 28px rgba(255,170,146,.95),
			0 5px 0 #171310,
			0 0 24px rgba(255,79,59,.75) !important;
	}
}

.lasr-homepage-recorder .lasr-undo-button {
	width: 72px !important;
	min-width: 72px !important;
	padding: 0 !important;
	background:
		linear-gradient(180deg, #b8b7b1 0%, #989792 58%, #7f7e79 100%) !important;
	font-size: 2.1rem !important;
}

.lasr-homepage-recorder .lasr-archive-hardware-button {
	width: 100% !important;
	min-width: 240px !important;
	background:
		linear-gradient(180deg, #b9d596 0%, #9fbe7e 58%, #819e63 100%) !important;
	color: #171411 !important;
}

.lasr-homepage-recorder .lasr-transport-button:active:not(:disabled),
.lasr-homepage-recorder .lasr-undo-button:active,
.lasr-homepage-recorder .lasr-archive-hardware-button:active {
	transform: translateY(4px);
	box-shadow:
		inset 0 4px 7px rgba(20,16,12,.22),
		inset 0 -2px 3px rgba(255,255,255,.28),
		0 1px 0 #171310,
		0 3px 7px rgba(38,28,17,.12) !important;
}

/* Back-side accession/player card uses the same dimensions and visual language. */
.lasr-homepage-recorder .lasr-card-back .lasr-review-panel {
	display: block !important;
	width: 100% !important;
	padding: 1.5rem !important;
	border: 1px solid rgba(78, 65, 46, .13) !important;
	border-radius: 12px !important;
	background: rgba(255,255,255,.76) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.85),
		0 6px 18px rgba(50,39,25,.08) !important;
	transition: opacity .42s ease, transform .42s ease;
}

.lasr-homepage-recorder .lasr-back-accession {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(55,48,39,.18);
}

.lasr-homepage-recorder .lasr-back-accession-title {
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.lasr-homepage-recorder .lasr-back-accession-number {
	margin-top: .45rem;
	font-size: 1.45rem;
	letter-spacing: .08em;
}

/* After ADD TO ARCHIVE, controls/player disappear and the same back card becomes the final catalog card. */
.lasr-homepage-recorder .lasr-review-panel.is-cataloging {
	opacity: 0;
	transform: translateY(5px);
}

.lasr-homepage-recorder .lasr-catalog-state {
	width: 100%;
	padding: 2.2rem 1.8rem 2.7rem;
	text-align: center;
	border: 1px solid rgba(78,65,46,.13);
	border-radius: 12px;
	background: rgba(255,255,255,.84);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.9),
		0 6px 18px rgba(50,39,25,.08);
	opacity: 1;
	transition: opacity .9s ease;
}

.lasr-homepage-recorder .lasr-catalog-state.is-entering {
	animation: lasr-catalog-in .62s ease-out both;
}

.lasr-homepage-recorder .lasr-catalog-state.is-fading {
	opacity: 0;
}

@keyframes lasr-catalog-in {
	from {
		opacity: 0;
		transform: translateY(7px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.lasr-homepage-recorder .lasr-catalog-state h3 {
	margin: 0 0 .8rem;
	font-size: 2rem;
}

.lasr-homepage-recorder .lasr-catalog-state > p {
	margin: 0 auto 2rem;
	max-width: 430px;
	font-style: italic;
}

/* Keep the real image seal, modest and behind the number. */
.lasr-homepage-recorder .lasr-catalog-state .lasr-gallery-label {
	position: relative;
	width: min(100%, 380px);
	margin: 0 auto;
}

.lasr-homepage-recorder .lasr-catalog-state .lasr-archive-seal-image {
	width: 116px;
	height: 116px;
	right: -20px;
	top: 22px;
	opacity: .48;
}

@media (max-width: 650px) {
	.lasr-homepage-recorder .lasr-flip-card-inner {
		min-height: 410px;
	}

	.lasr-homepage-recorder .lasr-card-face {
		padding: 1rem;
	}

	.lasr-homepage-recorder .lasr-transport-controls,
	.lasr-homepage-recorder .lasr-review-actions-hardware {
		grid-template-columns: 60px minmax(0, 1fr);
		gap: .7rem;
	}

	.lasr-homepage-recorder .lasr-stop-transport,
	.lasr-homepage-recorder .lasr-undo-button {
		width: 60px !important;
		min-width: 60px !important;
		height: 60px;
	}

	.lasr-homepage-recorder .lasr-record-transport,
	.lasr-homepage-recorder .lasr-archive-hardware-button {
		min-width: 0 !important;
		height: 60px;
		font-size: .86rem !important;
	}

	.lasr-homepage-recorder .lasr-card-back .lasr-review-panel {
		padding: 1rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lasr-homepage-recorder .lasr-record-transport.is-recording,
	.lasr-homepage-recorder .lasr-catalog-state.is-entering {
		animation: none !important;
	}
}


/* v1.0.2 STOP key correction */
.lasr-homepage-recorder .lasr-stop-transport {
	background:
		linear-gradient(180deg, #ffffff 0%, #fdfbf5 58%, #ece5d7 100%) !important;
	opacity: 1;
}

.lasr-homepage-recorder .lasr-stop-transport:disabled {
	opacity: .55;
	background:
		linear-gradient(180deg, #ffffff 0%, #fdfbf5 58%, #ece5d7 100%) !important;
}

.lasr-homepage-recorder .lasr-stop-transport::after {
	border-top-color: rgba(255,255,255,.95);
}

.lasr-homepage-recorder .lasr-stop-square {
	position: relative;
	z-index: 2;
	background: #151515;
}


/* v1.0.3 final catalog-state replacement */
.lasr-homepage-recorder [hidden] {
	display: none !important;
}

.lasr-homepage-recorder .lasr-back-card-shell {
	position: relative;
	width: 100%;
	min-height: 0;
}

.lasr-homepage-recorder .lasr-back-card-shell.is-catalog-mode .lasr-review-panel {
	display: none !important;
}

.lasr-homepage-recorder .lasr-back-card-shell:not(.is-catalog-mode) .lasr-catalog-state {
	display: none !important;
}

.lasr-homepage-recorder .lasr-back-card-shell.is-catalog-mode .lasr-catalog-state {
	display: block !important;
	width: 100%;
	margin: 0;
}

.lasr-homepage-recorder .lasr-catalog-state {
	box-sizing: border-box;
}

.lasr-homepage-recorder .lasr-card-back {
	overflow: hidden;
}

.lasr-homepage-recorder .lasr-card-back .lasr-review-panel,
.lasr-homepage-recorder .lasr-card-back .lasr-catalog-state {
	max-height: 100%;
}


/* v1.0.4 — center the back side and remove nested white panels */
.lasr-homepage-recorder .lasr-card-back {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 1.6rem !important;
	overflow: hidden;
}

.lasr-homepage-recorder .lasr-back-card-shell {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 0;
}

.lasr-homepage-recorder .lasr-card-back .lasr-review-panel,
.lasr-homepage-recorder .lasr-card-back .lasr-catalog-state {
	width: min(100%, 520px) !important;
	margin: 0 auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.lasr-homepage-recorder .lasr-back-accession {
	text-align: center;
	margin: 0 0 1.25rem;
	padding: 0 0 1.1rem;
	border-bottom: 1px solid rgba(55,48,39,.18);
}

.lasr-homepage-recorder .lasr-review-panel audio {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.lasr-homepage-recorder .lasr-review-actions-hardware {
	width: 100%;
	margin-top: 1.15rem;
}

/* Lighter, positive sage-green plastic inspired by the shared reference. */
.lasr-homepage-recorder .lasr-review-actions-hardware .lasr-archive-hardware-button,
.lasr-homepage-recorder .lasr-archive-hardware-button {
	background:
		linear-gradient(180deg, #d8e8be 0%, #bdd69b 56%, #9fbd7d 100%) !important;
	color: #171411 !important;
	border-color: #2d3327 !important;
	box-shadow:
		inset 0 3px 2px rgba(255,255,255,.72),
		inset 0 -7px 10px rgba(73,92,49,.20),
		0 5px 0 #20261c,
		0 9px 15px rgba(62,78,43,.16) !important;
}

/* Final thank-you remains on the same cream card, with no second white card. */
.lasr-homepage-recorder .lasr-catalog-state {
	text-align: center;
}

.lasr-homepage-recorder .lasr-catalog-state h3 {
	margin-top: 0;
}

.lasr-homepage-recorder .lasr-catalog-state .lasr-gallery-label {
	width: min(100%, 390px);
	margin: 0 auto;
}

@media (max-width: 650px) {
	.lasr-homepage-recorder .lasr-card-back {
		padding: 1rem !important;
	}

	.lasr-homepage-recorder .lasr-card-back .lasr-review-panel,
	.lasr-homepage-recorder .lasr-card-back .lasr-catalog-state {
		width: 100% !important;
	}
}


/* =========================================================
   v1.1.0 RC — unified cream card + illuminated plexi controls
   ========================================================= */

/* Front and back are the same cream archival card. */
.lasr-homepage-recorder .lasr-card-face,
.lasr-homepage-recorder .lasr-card-front,
.lasr-homepage-recorder .lasr-card-back {
	background:
		linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 30%),
		#f4ecdc !important;
	border: 1px solid rgba(89,72,48,.16) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.76),
		0 12px 32px rgba(55,43,27,.13) !important;
}

.lasr-homepage-recorder .lasr-card-back,
.lasr-homepage-recorder .lasr-back-card-shell,
.lasr-homepage-recorder .lasr-card-back .lasr-review-panel,
.lasr-homepage-recorder .lasr-card-back .lasr-catalog-state {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.lasr-homepage-recorder .lasr-card-back {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 1.5rem !important;
}

.lasr-homepage-recorder .lasr-back-card-shell {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
}

.lasr-homepage-recorder .lasr-card-back .lasr-review-panel,
.lasr-homepage-recorder .lasr-card-back .lasr-catalog-state {
	width: min(100%, 500px) !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

/* Preview heading replaces "Accession Number / Pending." */
.lasr-homepage-recorder .lasr-back-accession {
	margin: 0 0 1.1rem !important;
	padding: 0 0 .9rem !important;
	text-align: center !important;
	border-bottom: 1px solid rgba(55,48,39,.16) !important;
}

.lasr-homepage-recorder .lasr-back-accession-title {
	font-size: 1.05rem !important;
	font-weight: 800 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

.lasr-homepage-recorder .lasr-back-accession-number {
	display: none !important;
}

/* Shared illuminated translucent plexiglass button material. */
.lasr-homepage-recorder .lasr-transport-button,
.lasr-homepage-recorder .lasr-undo-button,
.lasr-homepage-recorder .lasr-archive-hardware-button {
	position: relative !important;
	overflow: hidden !important;
	border: 4px solid rgba(29,25,21,.96) !important;
	border-radius: 7px !important;
	box-shadow:
		inset 0 2px 0 rgba(255,255,255,.75),
		inset 0 -6px 10px rgba(30,25,20,.16),
		0 4px 0 #171310,
		0 8px 14px rgba(38,28,17,.18) !important;
	backdrop-filter: blur(1.5px);
	-webkit-backdrop-filter: blur(1.5px);
}

.lasr-homepage-recorder .lasr-transport-button::before,
.lasr-homepage-recorder .lasr-undo-button::before,
.lasr-homepage-recorder .lasr-archive-hardware-button::before {
	content: "";
	position: absolute;
	inset: 5px;
	border-radius: 3px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.03) 48%, rgba(255,255,255,.10));
	border-top: 1px solid rgba(255,255,255,.72);
	pointer-events: none;
}

/* STOP: translucent white plexi, square icon only. */
.lasr-homepage-recorder .lasr-stop-transport {
	background:
		linear-gradient(180deg, rgba(255,255,255,.94), rgba(247,244,236,.74) 58%, rgba(221,214,201,.70)) !important;
}

.lasr-homepage-recorder .lasr-stop-transport:disabled {
	opacity: .58 !important;
}

.lasr-homepage-recorder .lasr-stop-square {
	position: relative;
	z-index: 2;
	width: 24px !important;
	height: 24px !important;
	background: #111 !important;
}

/* RECORD: ruby translucent plexi; full internal glow while active. */
.lasr-homepage-recorder .lasr-record-transport {
	background:
		linear-gradient(180deg, rgba(255,100,89,.90), rgba(225,48,40,.80) 58%, rgba(173,25,24,.82)) !important;
	color: #17110f !important;
}

.lasr-homepage-recorder .lasr-record-transport.is-recording {
	animation: lasr-plexi-record-glow 1.05s ease-in-out infinite !important;
}

@keyframes lasr-plexi-record-glow {
	0%, 100% {
		background:
			linear-gradient(180deg, rgba(255,104,91,.92), rgba(228,49,41,.84) 58%, rgba(176,26,24,.84)) !important;
		box-shadow:
			inset 0 2px 0 rgba(255,255,255,.72),
			inset 0 -6px 10px rgba(78,8,7,.20),
			inset 0 0 10px rgba(255,83,70,.18),
			0 4px 0 #171310,
			0 8px 14px rgba(122,25,20,.18) !important;
	}
	50% {
		background:
			linear-gradient(180deg, rgba(255,152,134,.98), rgba(255,77,61,.94) 58%, rgba(213,42,34,.92)) !important;
		box-shadow:
			inset 0 3px 8px rgba(255,255,255,.82),
			inset 0 -6px 10px rgba(78,8,7,.15),
			inset 0 0 30px rgba(255,188,166,.98),
			0 4px 0 #171310,
			0 0 26px rgba(255,76,58,.72) !important;
	}
}

/* BACK: smoke-gray translucent plexi, horizontal left arrow. */
.lasr-homepage-recorder .lasr-undo-button {
	background:
		linear-gradient(180deg, rgba(196,197,194,.90), rgba(156,157,154,.78) 58%, rgba(120,121,119,.80)) !important;
	color: #111 !important;
}

.lasr-homepage-recorder .lasr-back-arrow {
	position: relative;
	z-index: 2;
	display: inline-block;
	font-size: 2rem;
	line-height: 1;
	transform: translateY(-1px);
}

/* ADD TO ARCHIVE: very light sage translucent plexi. */
.lasr-homepage-recorder .lasr-review-actions-hardware .lasr-archive-hardware-button,
.lasr-homepage-recorder .lasr-archive-hardware-button {
	background:
		linear-gradient(180deg, rgba(224,238,202,.96), rgba(194,218,157,.88) 58%, rgba(159,191,118,.88)) !important;
	color: #171411 !important;
	border-color: rgba(43,49,35,.96) !important;
	box-shadow:
		inset 0 2px 0 rgba(255,255,255,.80),
		inset 0 -6px 10px rgba(82,104,54,.16),
		0 4px 0 #20261c,
		0 8px 14px rgba(62,78,43,.14) !important;
}

/* Final state stays directly on the same cream back face. */
.lasr-homepage-recorder .lasr-catalog-state {
	text-align: center !important;
}

.lasr-homepage-recorder .lasr-catalog-state .lasr-gallery-label {
	width: min(100%, 390px) !important;
	margin: 0 auto !important;
	background: transparent !important;
}

@media (max-width: 650px) {
	.lasr-homepage-recorder .lasr-card-back {
		padding: 1rem !important;
	}
}


/* v1.1.1 — restore the physical card edge after flip */
.lasr-homepage-recorder .lasr-card-back {
	border: 1px solid rgba(89,72,48,.16) !important;
	border-radius: 16px !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 30%),
		#f4ecdc !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.76),
		0 12px 32px rgba(55,43,27,.13) !important;
	overflow: hidden;
}

.lasr-homepage-recorder .lasr-card-back .lasr-back-card-shell,
.lasr-homepage-recorder .lasr-card-back .lasr-review-panel,
.lasr-homepage-recorder .lasr-card-back .lasr-catalog-state {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}


/* v1.1.2 — force a visible physical edge on flipped card faces */
.lasr-homepage-recorder .lasr-flip-card-inner {
	border-radius: 18px;
}

.lasr-homepage-recorder .lasr-card-face {
	box-sizing: border-box !important;
	border: 2px solid rgba(93, 76, 52, .24) !important;
	border-radius: 18px !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0) 30%),
		#f4ecdc !important;
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,.68),
		inset 0 -1px 0 rgba(89,72,48,.07),
		0 14px 34px rgba(55,43,27,.16) !important;
	overflow: hidden !important;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.lasr-homepage-recorder .lasr-card-front,
.lasr-homepage-recorder .lasr-card-back {
	border: 2px solid rgba(93, 76, 52, .24) !important;
	border-radius: 18px !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0) 30%),
		#f4ecdc !important;
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,.68),
		inset 0 -1px 0 rgba(89,72,48,.07),
		0 14px 34px rgba(55,43,27,.16) !important;
}

/* Add a subtle inner perimeter line that remains visible against the page. */
.lasr-homepage-recorder .lasr-card-face::after {
	content: "";
	position: absolute;
	inset: 8px;
	border: 1px solid rgba(108, 89, 61, .10);
	border-radius: 12px;
	pointer-events: none;
	z-index: 0;
}

.lasr-homepage-recorder .lasr-card-face > * {
	position: relative;
	z-index: 1;
}


/* =========================================================
   v1.2.0 — structural cleanup: one permanent card frame
   ========================================================= */

/*
 * The outer .lasr-flip-card is now the physical object.
 * It never rotates, so its outline cannot disappear after a flip.
 * Only .lasr-flip-card-inner and its two transparent faces rotate.
 */
.lasr-homepage-recorder .lasr-flip-card {
	position: relative !important;
	width: min(100%, 640px) !important;
	min-height: 430px !important;
	margin: 0 auto !important;
	border: 2px solid rgba(93, 76, 52, .24) !important;
	border-radius: 18px !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0) 30%),
		#f4ecdc !important;
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,.68),
		inset 0 -1px 0 rgba(89,72,48,.07),
		0 14px 34px rgba(55,43,27,.16) !important;
	overflow: hidden !important;
	perspective: 1600px !important;
	box-sizing: border-box !important;
}

/* Permanent inner perimeter line on the non-rotating frame. */
.lasr-homepage-recorder .lasr-flip-card::after {
	content: "";
	position: absolute;
	inset: 8px;
	z-index: 5;
	border: 1px solid rgba(108, 89, 61, .10);
	border-radius: 12px;
	pointer-events: none;
}

.lasr-homepage-recorder .lasr-flip-card-inner {
	position: absolute !important;
	inset: 0 !important;
	min-height: 0 !important;
	height: 100% !important;
	border: 0 !important;
	border-radius: 16px !important;
	background: transparent !important;
	box-shadow: none !important;
	transform-style: preserve-3d !important;
	-webkit-transform-style: preserve-3d !important;
}

/* Faces are content surfaces only; the outer frame provides the card edge. */
.lasr-homepage-recorder .lasr-card-face,
.lasr-homepage-recorder .lasr-card-front,
.lasr-homepage-recorder .lasr-card-back {
	position: absolute !important;
	inset: 0 !important;
	box-sizing: border-box !important;
	padding: 1.5rem !important;
	border: 0 !important;
	border-radius: 16px !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: hidden !important;
	backface-visibility: hidden !important;
	-webkit-backface-visibility: hidden !important;
}

/* Remove face pseudo-edges from earlier builds. */
.lasr-homepage-recorder .lasr-card-face::after {
	display: none !important;
}

/* Keep front and back content centered inside the same permanent frame. */
.lasr-homepage-recorder .lasr-card-front,
.lasr-homepage-recorder .lasr-card-back {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.lasr-homepage-recorder .lasr-home-meter-stage,
.lasr-homepage-recorder .lasr-back-card-shell {
	width: 100% !important;
	max-width: 540px !important;
	margin: 0 auto !important;
}

/* Prevent historical card/background rules from reappearing. */
.lasr-homepage-recorder .lasr-card-back,
.lasr-homepage-recorder .lasr-back-card-shell,
.lasr-homepage-recorder .lasr-card-back .lasr-review-panel,
.lasr-homepage-recorder .lasr-card-back .lasr-catalog-state {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Final accession state stays centered within the same frame. */
.lasr-homepage-recorder .lasr-back-card-shell.is-catalog-mode {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

@media (max-width: 650px) {
	.lasr-homepage-recorder .lasr-flip-card {
		min-height: 410px !important;
	}

	.lasr-homepage-recorder .lasr-card-face,
	.lasr-homepage-recorder .lasr-card-front,
	.lasr-homepage-recorder .lasr-card-back {
		padding: 1rem !important;
	}
}


/* v1.2.1 RECORD key breathing glow */
@keyframes lasrRecordBreath{
  0%,100%{
    filter:brightness(1);
    box-shadow:
      inset 0 2px 10px rgba(255,255,255,.28),
      inset 0 -10px 18px rgba(120,0,0,.34),
      0 2px 0 rgba(0,0,0,.45),
      0 0 0 rgba(255,0,0,0);
  }
  50%{
    filter:brightness(1.18) saturate(1.08);
    box-shadow:
      inset 0 2px 16px rgba(255,255,255,.45),
      inset 0 -12px 22px rgba(170,0,0,.48),
      0 2px 0 rgba(0,0,0,.45),
      0 0 18px rgba(255,60,60,.28);
  }
}

.lasr-record-button.is-recording,
.lasr-btn-record.is-recording,
.lasr-record.is-recording{
 animation:lasrRecordBreath 1.1s ease-in-out infinite!important;
}

.lasr-record-button.is-recording::before,
.lasr-btn-record.is-recording::before,
.lasr-record.is-recording::before{
 opacity:.35;
}


/* v1.2.2 — stronger recording glow */
@keyframes lasrRecordBreathBold{
  0%,100%{
    transform:translateY(0);
    filter:brightness(1);
    box-shadow:
      inset 0 3px 18px rgba(255,255,255,.35),
      inset 0 -16px 26px rgba(120,0,0,.45),
      0 0 0 rgba(255,60,60,0),
      0 3px 0 rgba(0,0,0,.55);
  }
  50%{
    transform:translateY(-1px);
    filter:brightness(1.35) saturate(1.25);
    box-shadow:
      inset 0 4px 28px rgba(255,255,255,.65),
      inset 0 -22px 38px rgba(220,0,0,.65),
      0 0 10px rgba(255,0,0,.55),
      0 0 28px rgba(255,0,0,.45),
      0 0 46px rgba(255,40,40,.25),
      0 3px 0 rgba(0,0,0,.55);
  }
}

.lasr-record-button.is-recording,
.lasr-btn-record.is-recording,
.lasr-record.is-recording{
 animation:lasrRecordBreathBold .9s ease-in-out infinite!important;
}

/* v1.2.3 unmistakable recording pulse */
.lasr-homepage-recorder .lasr-record-transport.is-recording{
 animation:lasrRecordAlive .8s ease-in-out infinite !important;
}
@keyframes lasrRecordAlive{
 0%,100%{
  transform:scale(1);
  filter:brightness(1);
  background:linear-gradient(180deg,#ff675a,#e13d34 60%,#bf251f)!important;
  box-shadow:
   inset 0 0 18px rgba(255,255,255,.35),
   inset 0 -10px 20px rgba(120,0,0,.35),
   0 4px 0 #171212,
   0 0 10px rgba(255,0,0,.25);
 }
 50%{
  transform:scale(1.03);
  filter:brightness(1.45) saturate(1.35);
  background:linear-gradient(180deg,#ff9b90,#ff5b4d 60%,#e13228)!important;
  box-shadow:
   inset 0 0 34px rgba(255,255,255,.8),
   inset 0 -18px 30px rgba(255,40,40,.65),
   0 4px 0 #171212,
   0 0 18px rgba(255,40,40,.65),
   0 0 36px rgba(255,40,40,.45);
 }
}


/* =========================================================
   v1.2.4 — WordPress owns the hero; recorder card is 85vw
   ========================================================= */

/* The homepage logo, illustration, and invitation now live in WordPress blocks. */
.lasr-homepage-recorder .lasr-home-intro {
	display: none !important;
}

/* Remove the old narrow plugin wrapper constraint on the homepage. */
.lasr-recorder.lasr-homepage-recorder {
	width: 100% !important;
	max-width: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.lasr-homepage-recorder .lasr-recorder-experience {
	width: 100% !important;
	max-width: none !important;
	margin: 0 auto !important;
}

/* One fixed 85%-of-viewport physical card through record, preview, and accession states. */
.lasr-homepage-recorder .lasr-flip-card {
	width: 85vw !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Keep the machine controls comfortably sized inside the wider card. */
.lasr-homepage-recorder .lasr-home-meter-stage,
.lasr-homepage-recorder .lasr-back-card-shell {
	width: min(100%, 680px) !important;
	max-width: 680px !important;
}

@media (max-width: 650px) {
	.lasr-homepage-recorder .lasr-flip-card {
		width: 85vw !important;
	}
}


/* =========================================================
   v1.3.0 — one permanent branded archival card
   ========================================================= */

/* The complete homepage recorder is one slightly lighter archival card. */
.lasr-homepage-recorder .lasr-flip-card {
	width: 85vw !important;
	min-height: 720px !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.36), rgba(255,255,255,0) 28%),
		#faf6ee !important;
	border-color: rgba(126, 107, 77, .20) !important;
	border-radius: 16px !important;
}

/* Permanent logo and invitation: these never flip or disappear. */
.lasr-homepage-recorder .lasr-card-brand {
	position: absolute;
	top: 42px;
	left: 50%;
	z-index: 8;
	width: min(82%, 560px);
	transform: translateX(-50%);
	text-align: center;
	pointer-events: none;
}

.lasr-homepage-recorder .lasr-card-logo {
	display: block;
	width: min(100%, 350px);
	height: auto;
	margin: 0 auto;
}

.lasr-homepage-recorder .lasr-card-invitation {
	margin: 18px auto 0 !important;
	font-size: clamp(18px, 1.65vw, 25px);
	line-height: 1.35;
	color: #2d2b27;
	white-space: normal;
}

.lasr-homepage-recorder .lasr-card-invitation em {
	font-style: italic;
}

/* Only the working area changes state beneath the permanent card title. */
.lasr-homepage-recorder .lasr-flip-card-inner {
	top: 285px !important;
	bottom: 0 !important;
	height: auto !important;
}

.lasr-homepage-recorder .lasr-card-face,
.lasr-homepage-recorder .lasr-card-front,
.lasr-homepage-recorder .lasr-card-back {
	padding: 24px 32px 36px !important;
}

/* Keep each state centered under the fixed title area. */
.lasr-homepage-recorder .lasr-home-meter-stage,
.lasr-homepage-recorder .lasr-back-card-shell {
	width: min(100%, 720px) !important;
	max-width: 720px !important;
}

/* The hidden status remains available to screen readers without creating space. */
.lasr-homepage-recorder .lasr-status {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Final two seconds: noticeably quicker breathing before automatic stop. */
.lasr-record-transport.is-recording.is-ending-soon {
	animation-duration: .48s !important;
	filter: brightness(1.12) saturate(1.08);
}

/* Keep the same title and invitation visible in record, preview, and accession modes. */
.lasr-homepage-recorder .lasr-flip-card.is-flipped .lasr-card-brand {
	opacity: 1 !important;
	visibility: visible !important;
}

@media (max-width: 650px) {
	.lasr-homepage-recorder .lasr-flip-card {
		width: 92vw !important;
		min-height: 650px !important;
	}

	.lasr-homepage-recorder .lasr-card-brand {
		top: 28px;
		width: 86%;
	}

	.lasr-homepage-recorder .lasr-card-logo {
		width: min(100%, 260px);
	}

	.lasr-homepage-recorder .lasr-card-invitation {
		margin-top: 12px !important;
		font-size: 17px;
	}

	.lasr-homepage-recorder .lasr-flip-card-inner {
		top: 225px !important;
	}

	.lasr-homepage-recorder .lasr-card-face,
	.lasr-homepage-recorder .lasr-card-front,
	.lasr-homepage-recorder .lasr-card-back {
		padding: 18px 16px 26px !important;
	}
}

/* =========================================================
   v1.3.1 — updated record-button logo + mobile centering
   ========================================================= */

/* New transparent wordmark with record-button dot. */
.lasr-homepage-recorder .lasr-card-logo {
	width: min(100%, 350px) !important;
	height: auto !important;
}

/* Keep the card centered in the viewport even inside padded theme columns. */
@media (max-width: 650px) {
	.lasr-homepage-recorder .lasr-flip-card {
		box-sizing: border-box !important;
		width: calc(100vw - 32px) !important;
		max-width: calc(100vw - 32px) !important;
		margin-left: calc(50% - 50vw + 16px) !important;
		margin-right: 0 !important;
	}

	.lasr-homepage-recorder .lasr-card-brand {
		left: 50% !important;
		width: calc(100% - 44px) !important;
		transform: translateX(-50%) !important;
	}

	.lasr-homepage-recorder .lasr-card-logo {
		width: min(100%, 255px) !important;
	}

	.lasr-homepage-recorder .lasr-card-face,
	.lasr-homepage-recorder .lasr-card-front,
	.lasr-homepage-recorder .lasr-card-back {
		box-sizing: border-box !important;
		width: 100% !important;
	}
}

/* =========================================================
   v1.4.0 — permanent archival confirmation experience
   ========================================================= */
.lasr-homepage-recorder.is-confirmed .lasr-card-brand {
	display: none !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
	min-height: 760px !important;
	overflow: hidden !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner {
	top: 0 !important;
	bottom: 0 !important;
	height: 100% !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-card-back {
	padding: 48px 40px 54px !important;
	overflow: visible !important;
	align-items: flex-start !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-back-card-shell,
.lasr-homepage-recorder.is-confirmed .lasr-back-card-shell.is-catalog-mode {
	width: 100% !important;
	max-width: 980px !important;
	height: auto !important;
	min-height: 0 !important;
	display: block !important;
	overflow: visible !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
	position: relative !important;
	inset: auto !important;
	width: 100% !important;
	max-width: 920px !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: 0 !important;
	display: block !important;
	overflow: visible !important;
	text-align: center !important;
	background: transparent !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3 {
	margin: 0 !important;
	font-family: inherit !important;
	font-size: clamp(54px, 7vw, 92px) !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	letter-spacing: -.04em !important;
	color: #292925 !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-message {
	margin: 30px auto 54px !important;
	max-width: 760px !important;
	font-size: clamp(24px, 2.7vw, 38px) !important;
	font-style: normal !important;
	line-height: 1.42 !important;
	color: #2f302b !important;
}

.lasr-homepage-recorder .lasr-accession-wrap {
	position: relative;
	width: 100%;
	max-width: 900px;
	margin: 0 auto 56px;
	padding-right: 78px;
	box-sizing: border-box;
}

.lasr-homepage-recorder.is-confirmed .lasr-gallery-label {
	position: relative !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 188px !important;
	margin: 0 !important;
	padding: 36px 190px 34px 70px !important;
	box-sizing: border-box !important;
	text-align: left !important;
	border: 1px solid rgba(117, 100, 72, .18) !important;
	border-radius: 3px !important;
	background:
		radial-gradient(circle at 20% 20%, rgba(255,255,255,.55), transparent 34%),
		repeating-linear-gradient(0deg, rgba(110,92,63,.018) 0, rgba(110,92,63,.018) 1px, transparent 1px, transparent 4px),
		#f4ecdc !important;
	box-shadow: 0 2px 4px rgba(76, 61, 40, .08) !important;
	overflow: visible !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-gallery-label::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 50%;
	width: 28px;
	height: 54px;
	transform: translate(-50%, -50%);
	border: 1px solid rgba(117, 100, 72, .14);
	border-left: 0;
	border-radius: 0 28px 28px 0;
	background: #faf6ee;
}

.lasr-homepage-recorder.is-confirmed .lasr-gallery-label-title {
	margin: 0 0 26px !important;
	font-size: clamp(17px, 1.7vw, 24px) !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #2d2e29 !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-gallery-label-number {
	margin: 0 !important;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
	font-size: clamp(38px, 5.2vw, 72px) !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	letter-spacing: .08em !important;
	white-space: nowrap !important;
	color: #2c2d29 !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-archive-seal-image {
	position: absolute !important;
	right: -12px !important;
	top: 50% !important;
	z-index: 3 !important;
	width: clamp(185px, 22vw, 270px) !important;
	height: auto !important;
	margin: 0 !important;
	transform: translateY(-48%) rotate(7deg) !important;
	opacity: .78 !important;
	filter: contrast(.94) brightness(1.03) !important;
	pointer-events: none !important;
}

.lasr-homepage-recorder .lasr-share-prompt {
	margin: 0 auto !important;
	text-align: center !important;
}

.lasr-homepage-recorder .lasr-share-prompt > p:first-child {
	margin: 0 0 18px !important;
	font-size: clamp(20px, 2.1vw, 30px) !important;
	line-height: 1.3 !important;
	color: #2d2e29 !important;
}

.lasr-homepage-recorder .lasr-share-link {
	appearance: none;
	padding: 0;
	border: 0;
	border-bottom: 2px solid currentColor;
	border-radius: 0;
	background: transparent;
	color: #596b38;
	font: inherit;
	font-size: clamp(24px, 2.6vw, 36px);
	font-weight: 400;
	line-height: 1.2;
	cursor: pointer;
}

.lasr-homepage-recorder .lasr-share-link:hover,
.lasr-homepage-recorder .lasr-share-link:focus-visible {
	color: #405024;
}

.lasr-homepage-recorder .lasr-share-link em {
	font-style: italic;
}

.lasr-homepage-recorder .lasr-share-status {
	min-height: 1.4em;
	margin: 12px 0 0 !important;
	font-size: 15px !important;
	color: #596b38 !important;
}

@media (max-width: 760px) {
	.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
		min-height: 690px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-card-back {
		padding: 34px 18px 42px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3 {
		font-size: clamp(48px, 14vw, 68px) !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-catalog-message {
		margin: 24px auto 40px !important;
		font-size: clamp(20px, 5.8vw, 27px) !important;
	}

	.lasr-homepage-recorder .lasr-accession-wrap {
		margin-bottom: 46px;
		padding-right: 0;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-gallery-label {
		min-height: 150px !important;
		padding: 28px 82px 26px 38px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-gallery-label-title {
		margin-bottom: 20px !important;
		font-size: 14px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-gallery-label-number {
		font-size: clamp(26px, 8.2vw, 42px) !important;
		letter-spacing: .035em !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-archive-seal-image {
		right: -26px !important;
		width: clamp(130px, 38vw, 178px) !important;
		opacity: .72 !important;
	}

	.lasr-homepage-recorder .lasr-share-prompt > p:first-child {
		font-size: 19px !important;
	}

	.lasr-homepage-recorder .lasr-share-link {
		font-size: 23px !important;
	}
}

@media (max-width: 430px) {
	.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
		min-height: 650px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-card-back {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-gallery-label {
		padding-right: 70px !important;
		padding-left: 30px !important;
	}
}

/* =========================================================
   v1.4.1 — confirmation scale, permanent brand, mobile share
   ========================================================= */

/* Keep the logo and invitation visible after accession. */
.lasr-homepage-recorder.is-confirmed .lasr-card-brand {
	display: block !important;
	op: 34px !important;
}

/* Return the confirmation to the working area beneath the brand. */
.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
	width: min(85vw, 980px) !important;
	min-height: 860px !important;
	overflow: hidden !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner {
	top: 255px !important;
	bottom: 0 !important;
	height: auto !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-card-back {
	padding: 18px 34px 42px !important;
	align-items: flex-start !important;
	overflow: visible !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-back-card-shell,
.lasr-homepage-recorder.is-confirmed .lasr-back-card-shell.is-catalog-mode {
	max-width: 820px !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
	max-width: 820px !important;
}

/* Desktop typography should feel refined, not poster-sized. */
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3 {
	font-size: clamp(44px, 4.6vw, 64px) !important;
	line-height: 1.05 !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-message {
	margin: 18px auto 34px !important;
	max-width: 660px !important;
	font-size: clamp(20px, 2vw, 28px) !important;
	line-height: 1.38 !important;
}

.lasr-homepage-recorder .lasr-accession-wrap {
	max-width: 790px !important;
	margin-bottom: 36px !important;
	padding-right: 62px !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-gallery-label {
	min-height: 142px !important;
	padding: 27px 170px 25px 52px !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-gallery-label-title {
	margin-bottom: 18px !important;
	font-size: clamp(14px, 1.2vw, 18px) !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-gallery-label-number {
	font-size: clamp(32px, 4vw, 52px) !important;
	letter-spacing: .065em !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-archive-seal-image {
	right: -4px !important;
	width: clamp(155px, 17vw, 205px) !important;
}

.lasr-homepage-recorder .lasr-share-prompt > p:first-child {
	margin-bottom: 10px !important;
	font-size: clamp(18px, 1.55vw, 22px) !important;
}

.lasr-homepage-recorder .lasr-share-link {
	font-size: clamp(21px, 1.9vw, 27px) !important;
}

@media (max-width: 760px) {
	.lasr-homepage-recorder.is-confirmed .lasr-card-brand {
		top: 28px !important;
	}

	/* Extra height ensures the sharing invitation remains inside the card. */
	.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
		min-height: 900px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner {
		top: 220px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-card-back {
		padding: 18px 14px 54px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3 {
		font-size: clamp(40px, 12vw, 54px) !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-catalog-message {
		margin: 16px auto 30px !important;
		font-size: clamp(18px, 5.2vw, 23px) !important;
		line-height: 1.38 !important;
	}

	.lasr-homepage-recorder .lasr-accession-wrap {
		margin-bottom: 34px !important;
		padding-right: 0 !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-gallery-label {
		min-height: 136px !important;
		padding: 25px 76px 23px 30px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-gallery-label-number {
		font-size: clamp(25px, 7.8vw, 38px) !important;
		letter-spacing: .025em !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-archive-seal-image {
		right: -24px !important;
		width: clamp(122px, 35vw, 158px) !important;
	}

	.lasr-homepage-recorder .lasr-share-prompt {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		padding-bottom: 8px !important;
	}

	.lasr-homepage-recorder .lasr-share-prompt > p:first-child {
		font-size: 18px !important;
	}

	.lasr-homepage-recorder .lasr-share-link {
		font-size: 22px !important;
	}
}

@media (max-width: 430px) {
	.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
		min-height: 875px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner {
		top: 212px !important;
	}
}

/* =========================================================
   v1.4.2 — desktop scale, stable mobile width, share visibility
   ========================================================= */

/* Keep the confirmation comfortably below the permanent logo/tagline. */
.lasr-homepage-recorder.is-confirmed .lasr-card-brand {
	top: 34px !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
	width: min(85vw, 940px) !important;
	min-height: 880px !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner {
	top: 320px !important;
}

/* A calmer desktop hierarchy. */
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3 {
	font-size: clamp(40px, 3.8vw, 54px) !important;
	letter-spacing: -.025em !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-message {
	margin: 14px auto 28px !important;
	max-width: 590px !important;
	font-size: clamp(18px, 1.65vw, 23px) !important;
	line-height: 1.42 !important;
}

.lasr-homepage-recorder .lasr-accession-wrap {
	max-width: 700px !important;
	margin-bottom: 30px !important;
	padding-right: 54px !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-gallery-label {
	min-height: 122px !important;
	padding: 23px 150px 22px 44px !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-gallery-label-title {
	margin-bottom: 15px !important;
	font-size: clamp(13px, 1vw, 16px) !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-gallery-label-number {
	font-size: clamp(29px, 3.25vw, 43px) !important;
	letter-spacing: .055em !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-archive-seal-image {
	width: clamp(140px, 15vw, 180px) !important;
}

.lasr-homepage-recorder .lasr-share-prompt > p:first-child {
	font-size: clamp(17px, 1.35vw, 20px) !important;
}

.lasr-homepage-recorder .lasr-share-link {
	font-size: clamp(20px, 1.65vw, 24px) !important;
}

@media (max-width: 650px) {
	/* Preserve the same full-width card used by the recording state. */
	.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
		box-sizing: border-box !important;
		width: calc(100vw - 32px) !important;
		max-width: calc(100vw - 32px) !important;
		margin-left: calc(50% - 50vw + 16px) !important;
		margin-right: 0 !important;
		min-height: 940px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner {
		top: 220px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
		width: 100% !important;
		max-width: none !important;
	}

	.lasr-homepage-recorder .lasr-accession-wrap {
		width: 100% !important;
		max-width: none !important;
		padding-right: 0 !important;
	}

	.lasr-homepage-recorder .lasr-share-prompt {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		margin-top: 0 !important;
		padding: 0 6px 26px !important;
	}
}

@media (max-width: 430px) {
	.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
		min-height: 920px !important;
	}
}

/* =========================================================
   v1.5.0 — Sigh Portrait confirmation artifact
   ========================================================= */
.lasr-homepage-recorder.is-confirmed .lasr-card-invitation {
	display: none !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
	width: min(92vw, 1040px) !important;
	min-height: 1220px !important;
	overflow: visible !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner {
	top: 220px !important;
	height: auto !important;
	bottom: auto !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-card-back {
	position: relative !important;
	padding: 12px 40px 54px !important;
	align-items: flex-start !important;
	overflow: visible !important;
	background: transparent !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-back-card-shell,
.lasr-homepage-recorder.is-confirmed .lasr-back-card-shell.is-catalog-mode {
	width: 100% !important;
	max-width: 940px !important;
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
	background: transparent !important;
	box-shadow: none !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
	position: relative !important;
	inset: auto !important;
	display: block !important;
	width: 100% !important;
	max-width: 940px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-align: center !important;
	overflow: visible !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3 {
	margin: 0 0 16px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(48px, 6vw, 76px) !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	letter-spacing: -.035em !important;
	color: #252520 !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-message {
	margin: 0 auto 50px !important;
	max-width: 660px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: clamp(18px, 2vw, 25px) !important;
	font-style: normal !important;
	line-height: 1.35 !important;
	color: #292925 !important;
}

.lasr-portrait-mount {
	position: relative;
	width: min(100%, 900px);
	margin: 0 auto 42px;
	padding: 20px;
	box-sizing: border-box;
}

.lasr-sigh-artifact {
	position: relative;
	z-index: 1;
	width: 100%;
	background: #fff;
	border: 1px solid rgba(47,44,38,.20);
	box-shadow: 0 14px 26px rgba(47,39,28,.10), 0 2px 5px rgba(47,39,28,.08);
	transform: rotate(-.18deg);
	overflow: visible;
}

.lasr-portrait-frame {
	position: relative;
	padding: 20px 20px 0;
	background: #fff;
}

.lasr-sigh-portrait {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 12 / 7;
	background: #fff;
}

.lasr-artifact-label {
	position: relative;
	box-sizing: border-box;
	margin: 0 20px 20px;
	padding: 24px 180px 22px 26px;
	border: 1px solid rgba(63,59,52,.16);
	background: #fff;
	color: #161613;
	font-family: "IBM Plex Mono", "Courier New", ui-monospace, monospace;
	text-align: left;
}

.lasr-artifact-primary {
	display: grid;
	grid-template-columns: minmax(180px, .75fr) 1.7fr;
	align-items: center;
	gap: 26px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(63,59,52,.18);
}

.lasr-artifact-type {
	padding-right: 22px;
	border-right: 1px solid rgba(63,59,52,.18);
}

.lasr-artifact-type strong,
.lasr-artifact-type span {
	display: block;
}

.lasr-artifact-type strong {
	font-size: 18px;
	letter-spacing: .07em;
	line-height: 1.2;
}

.lasr-artifact-type span {
	margin-top: 6px;
	font-size: 15px;
	font-style: italic;
	letter-spacing: .03em;
}

.lasr-artifact-accession {
	font-size: clamp(28px, 4.3vw, 48px);
	line-height: 1;
	letter-spacing: .035em;
	color: #a61e1b;
	white-space: nowrap;
}

.lasr-artifact-meta {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	padding-top: 20px;
}

.lasr-artifact-meta > div {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.lasr-artifact-meta > div + div {
	padding-left: 18px;
	border-left: 1px solid rgba(63,59,52,.18);
}

.lasr-meta-icon {
	flex: 0 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-weight: 400;
	line-height: 1;
}

.lasr-artifact-meta b,
.lasr-artifact-meta em {
	display: block;
	font-style: normal;
}

.lasr-artifact-meta b {
	font-size: 12px;
	letter-spacing: .1em;
}

.lasr-artifact-meta em {
	margin-top: 4px;
	font-size: 16px;
	white-space: nowrap;
}

.lasr-archive-stamp {
	position: absolute;
	z-index: 4;
	right: 18px;
	top: -48px;
	width: 160px;
	height: 160px;
	object-fit: contain;
	filter: grayscale(1) brightness(0);
	opacity: .82;
	mix-blend-mode: multiply;
	transform: rotate(3deg);
	pointer-events: none;
}

/* Four curved photo-corner slits in the backing card. */
.lasr-photo-corner {
	position: absolute;
	z-index: 3;
	width: 72px;
	height: 72px;
	pointer-events: none;
}

.lasr-photo-corner::before {
	content: "";
	position: absolute;
	inset: 0;
	border: 2px solid rgba(112,102,87,.34);
	border-radius: 50%;
	background: #faf6ee;
	box-shadow: 0 1px 2px rgba(69,58,42,.08);
}

.lasr-photo-corner-tl { left: -5px; top: 3px; overflow: hidden; }
.lasr-photo-corner-tr { right: -5px; top: 3px; overflow: hidden; }
.lasr-photo-corner-bl { left: -5px; bottom: 3px; overflow: hidden; }
.lasr-photo-corner-br { right: -5px; bottom: 3px; overflow: hidden; }
.lasr-photo-corner-tl::before { left: -38px; top: -38px; }
.lasr-photo-corner-tr::before { left: 38px; top: -38px; }
.lasr-photo-corner-bl::before { left: -38px; top: 38px; }
.lasr-photo-corner-br::before { left: 38px; top: 38px; }

.lasr-save-share {
	width: min(100%, 900px);
	margin: 0 auto;
	padding: 0 6px;
	box-sizing: border-box;
}

.lasr-save-share h4 {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 0 0 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	white-space: nowrap;
}

.lasr-save-share h4::before,
.lasr-save-share h4::after {
	content: "";
	flex: 1;
	height: 1px;
	background: rgba(63,59,52,.20);
}

.lasr-share-actions {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 12px;
}

.lasr-share-actions button {
	appearance: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 9px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #111;
	font: inherit;
	cursor: pointer;
}

.lasr-share-actions button > span {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border: 1px solid rgba(63,59,52,.14);
	border-radius: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	font-weight: 700;
	line-height: 1;
	transition: transform .15s ease, background-color .15s ease;
}

.lasr-share-actions button:hover > span,
.lasr-share-actions button:focus-visible > span {
	transform: translateY(-2px);
	background: rgba(255,255,255,.72);
}

.lasr-share-actions small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.lasr-save-share .lasr-share-status {
	min-height: 1.25em;
	margin: 18px 0 0 !important;
	font-size: 14px !important;
	color: #596b38 !important;
}

/* Disable all superseded confirmation pieces. */
.lasr-homepage-recorder.is-confirmed .lasr-accession-wrap,
.lasr-homepage-recorder.is-confirmed .lasr-gallery-label,
.lasr-homepage-recorder.is-confirmed .lasr-archive-seal-image,
.lasr-homepage-recorder.is-confirmed .lasr-share-prompt {
	display: none !important;
}

@media (max-width: 760px) {
	.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
		box-sizing: border-box !important;
		width: calc(100vw - 24px) !important;
		max-width: calc(100vw - 24px) !important;
		margin-left: calc(50% - 50vw + 12px) !important;
		min-height: 1120px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner {
		top: 205px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-card-back {
		padding: 8px 10px 40px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3 {
		font-size: clamp(44px, 13vw, 60px) !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-catalog-message {
		margin-bottom: 34px !important;
		font-size: 18px !important;
	}

	.lasr-portrait-mount {
		padding: 13px;
		margin-bottom: 30px;
	}

	.lasr-portrait-frame {
		padding: 10px 10px 0;
	}

	.lasr-artifact-label {
		margin: 0 10px 10px;
		padding: 18px 18px 18px;
	}

	.lasr-artifact-primary {
		grid-template-columns: 1fr;
		gap: 12px;
		padding-right: 100px;
	}

	.lasr-artifact-type {
		padding-right: 0;
		border-right: 0;
	}

	.lasr-artifact-accession {
		font-size: clamp(24px, 7.5vw, 36px);
	}

	.lasr-artifact-meta {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.lasr-artifact-meta > div + div {
		padding-left: 0;
		border-left: 0;
	}

	.lasr-meta-icon { font-size: 30px; }
	.lasr-artifact-meta em { font-size: 14px; }

	.lasr-archive-stamp {
		right: 8px;
		top: 8px;
		width: 98px;
		height: 98px;
	}

	.lasr-photo-corner {
		width: 54px;
		height: 54px;
	}
	.lasr-photo-corner-tl::before { left: -29px; top: -29px; }
	.lasr-photo-corner-tr::before { left: 29px; top: -29px; }
	.lasr-photo-corner-bl::before { left: -29px; top: 29px; }
	.lasr-photo-corner-br::before { left: 29px; top: 29px; }

	.lasr-save-share h4 {
		gap: 10px;
		font-size: 13px;
		letter-spacing: .11em;
	}

	.lasr-share-actions {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 22px;
	}

	.lasr-share-actions button > span {
		width: 50px;
		height: 50px;
		font-size: 31px;
	}
}

/* =========================================================
   v1.5.1 — confirmation polish and mobile parity
   ========================================================= */
.lasr-homepage-recorder.is-confirmed,
.lasr-homepage-recorder.is-confirmed .lasr-recorder-experience,
.lasr-homepage-recorder.is-confirmed .lasr-flip-card,
.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner,
.lasr-homepage-recorder.is-confirmed .lasr-card-back,
.lasr-homepage-recorder.is-confirmed .lasr-back-card-shell,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
}

.lasr-homepage-recorder.is-confirmed {
	padding-bottom: 72px !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
	min-height: 1380px !important;
	margin-bottom: 90px !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner {
	top: 250px !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3 {
	margin-top: 32px !important;
	margin-bottom: 20px !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-message {
	margin-bottom: 54px !important;
}

.lasr-portrait-mount {
	padding: 0 20px 20px !important;
	margin-bottom: 34px !important;
}

.lasr-sigh-artifact {
	background: #fff !important;
	overflow: visible !important;
}

.lasr-portrait-frame {
	padding: 20px 20px 0 !important;
	background: #fff !important;
}

.lasr-sigh-portrait {
	background: #fff !important;
	border: 1px solid rgba(63,59,52,.16) !important;
}

.lasr-artifact-label {
	margin: 0 20px 20px !important;
	border-top: 0 !important;
	background: #fff !important;
	font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
	box-shadow: none !important;
}

.lasr-artifact-type strong {
	font-weight: 700 !important;
}

.lasr-artifact-type span,
.lasr-artifact-meta em {
	font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
}

.lasr-recorded-icon {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 34px;
	border: 2px solid currentColor;
	border-radius: 50%;
	box-sizing: border-box;
	font-size: 0 !important;
}

.lasr-recorded-icon i {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #a61e1b;
	transform: translate(-50%, -50%);
}

/* Inline SVG stamp prevents transparent-image failures and black boxes. */
.lasr-archive-stamp {
	position: absolute !important;
	z-index: 5 !important;
	right: 14px !important;
	top: -62px !important;
	width: 174px !important;
	height: 174px !important;
	overflow: visible !important;
	filter: none !important;
	mix-blend-mode: multiply !important;
	opacity: .82 !important;
	transform: rotate(3deg) !important;
	fill: none;
	stroke: #151512;
	stroke-width: 2.2;
	background: transparent !important;
}

.lasr-archive-stamp .lasr-stamp-ring-text,
.lasr-archive-stamp .lasr-stamp-est {
	fill: #151512;
	stroke: none;
	font-family: "IBM Plex Mono", ui-monospace, monospace;
	font-weight: 600;
	letter-spacing: 2.2px;
}

.lasr-archive-stamp .lasr-stamp-ring-text { font-size: 15px; }
.lasr-archive-stamp .lasr-stamp-est { font-size: 10px; letter-spacing: 1px; }
.lasr-archive-stamp .lasr-stamp-mic rect,
.lasr-archive-stamp .lasr-stamp-mic path {
	fill: none;
	stroke: #151512;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* Four identical photo-holder corners, mirrored from one geometry. */
.lasr-photo-corner {
	position: absolute !important;
	z-index: 6 !important;
	width: 78px !important;
	height: 78px !important;
	overflow: hidden !important;
	pointer-events: none !important;
}
.lasr-photo-corner::before {
	content: "" !important;
	position: absolute !important;
	width: 112px !important;
	height: 112px !important;
	border: 2px solid rgba(112,102,87,.34) !important;
	border-radius: 50% !important;
	background: #faf6ee !important;
	box-shadow: 0 1px 2px rgba(69,58,42,.08) !important;
}
.lasr-photo-corner-tl { left: 0 !important; top: 0 !important; }
.lasr-photo-corner-tr { right: 0 !important; top: 0 !important; }
.lasr-photo-corner-bl { left: 0 !important; bottom: 0 !important; }
.lasr-photo-corner-br { right: 0 !important; bottom: 0 !important; }
.lasr-photo-corner-tl::before { right: 38px !important; bottom: 38px !important; left: auto !important; top: auto !important; }
.lasr-photo-corner-tr::before { left: 38px !important; bottom: 38px !important; right: auto !important; top: auto !important; }
.lasr-photo-corner-bl::before { right: 38px !important; top: 38px !important; left: auto !important; bottom: auto !important; }
.lasr-photo-corner-br::before { left: 38px !important; top: 38px !important; right: auto !important; bottom: auto !important; }

.lasr-save-share {
	margin-bottom: 60px !important;
	padding-bottom: 24px !important;
	overflow: visible !important;
}

.lasr-save-share h4 {
	text-transform: uppercase !important;
}

@media (max-width: 760px) {
	.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
		width: calc(100vw - 20px) !important;
		max-width: calc(100vw - 20px) !important;
		min-height: 1260px !important;
		margin-left: calc(50% - 50vw + 10px) !important;
		margin-bottom: 100px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner {
		top: 230px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-card-back {
		padding: 8px 6px 60px !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-review-panel {
		display: none !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3 {
		margin-top: 24px !important;
		font-size: clamp(42px, 12vw, 58px) !important;
	}

	.lasr-homepage-recorder.is-confirmed .lasr-catalog-message {
		margin-bottom: 34px !important;
		font-size: 17px !important;
	}

	.lasr-portrait-mount {
		width: 100% !important;
		padding: 0 8px 14px !important;
	}

	.lasr-portrait-frame {
		padding: 8px 8px 0 !important;
	}

	.lasr-artifact-label {
		margin: 0 8px 8px !important;
		padding: 16px 16px 18px !important;
	}

	.lasr-artifact-primary {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
		padding-right: 86px !important;
	}

	.lasr-artifact-accession {
		font-size: clamp(23px, 7.2vw, 34px) !important;
	}

	.lasr-artifact-meta {
		grid-template-columns: repeat(3, minmax(0,1fr)) !important;
		gap: 7px !important;
	}

	.lasr-artifact-meta > div {
		gap: 6px !important;
		align-items: flex-start !important;
	}

	.lasr-artifact-meta > div + div {
		padding-left: 7px !important;
		border-left: 1px solid rgba(63,59,52,.18) !important;
	}

	.lasr-meta-icon,
	.lasr-recorded-icon {
		width: 24px !important;
		height: 24px !important;
		font-size: 24px !important;
	}
	.lasr-recorded-icon i { width: 8px; height: 8px; }
	.lasr-artifact-meta b { font-size: 9px !important; }
	.lasr-artifact-meta em { font-size: 10px !important; white-space: normal !important; }

	.lasr-archive-stamp {
		right: 3px !important;
		top: -34px !important;
		width: 104px !important;
		height: 104px !important;
	}

	.lasr-photo-corner {
		width: 50px !important;
		height: 50px !important;
	}
	.lasr-photo-corner::before { width: 74px !important; height: 74px !important; }
	.lasr-photo-corner-tl::before { right: 25px !important; bottom: 25px !important; }
	.lasr-photo-corner-tr::before { left: 25px !important; bottom: 25px !important; }
	.lasr-photo-corner-bl::before { right: 25px !important; top: 25px !important; }
	.lasr-photo-corner-br::before { left: 25px !important; top: 25px !important; }

	.lasr-save-share {
		margin-top: 20px !important;
		margin-bottom: 70px !important;
	}

	.lasr-save-share h4 {
		font-size: 12px !important;
		letter-spacing: .1em !important;
	}

	.lasr-share-actions {
		grid-template-columns: repeat(3, 1fr) !important;
		row-gap: 20px !important;
	}
}

/* v1.5.2 — tactile archival artifact refinements */
.lasr-sigh-artifact {
	position: relative !important;
	border: 1px solid rgba(67,59,48,.18) !important;
	box-shadow: 0 11px 24px rgba(58,48,35,.12), 0 2px 5px rgba(58,48,35,.08) !important;
	background-color: #fff !important;
	background-image:
		radial-gradient(circle at 18% 23%, rgba(115,98,73,.022) 0 1px, transparent 1.4px),
		radial-gradient(circle at 72% 64%, rgba(115,98,73,.018) 0 1px, transparent 1.5px) !important;
	background-size: 17px 19px, 23px 29px !important;
}

.lasr-portrait-frame {
	position: relative !important;
	padding: 20px 20px 0 !important;
	background: transparent !important;
}

.lasr-portrait-frame::after {
	content: "" !important;
	position: absolute !important;
	inset: 20px 20px 0 !important;
	border: 1px solid rgba(63,59,52,.17) !important;
	pointer-events: none !important;
}

.lasr-sigh-portrait {
	display: block !important;
	width: 100% !important;
	border: 0 !important;
	background: #fff !important;
}

.lasr-artifact-label {
	position: relative !important;
	margin: 0 20px 20px !important;
	border: 1px solid rgba(63,59,52,.16) !important;
	border-top: 0 !important;
	background-color: rgba(255,255,255,.97) !important;
	background-image:
		repeating-linear-gradient(0deg, rgba(92,76,51,.014) 0, rgba(92,76,51,.014) 1px, transparent 1px, transparent 4px),
		radial-gradient(circle at 30% 20%, rgba(92,76,51,.018) 0 1px, transparent 1.4px) !important;
	background-size: auto, 19px 23px !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

/* A single matching corner geometry, positioned over the paper to visibly hold it. */
.lasr-photo-corner {
	width: 74px !important;
	height: 74px !important;
	z-index: 8 !important;
	overflow: hidden !important;
}
.lasr-photo-corner::before {
	width: 106px !important;
	height: 106px !important;
	border: 1px solid rgba(112,102,87,.32) !important;
	background: #faf6ee !important;
	box-shadow: 0 2px 4px rgba(69,58,42,.08) !important;
}
.lasr-photo-corner-tl { left: 0 !important; top: 0 !important; }
.lasr-photo-corner-tr { right: 0 !important; top: 0 !important; }
.lasr-photo-corner-bl { left: 0 !important; bottom: 0 !important; }
.lasr-photo-corner-br { right: 0 !important; bottom: 0 !important; }
.lasr-photo-corner-tl::before { right: 36px !important; bottom: 36px !important; }
.lasr-photo-corner-tr::before { left: 36px !important; bottom: 36px !important; }
.lasr-photo-corner-bl::before { right: 36px !important; top: 36px !important; }
.lasr-photo-corner-br::before { left: 36px !important; top: 36px !important; }

.lasr-recorded-icon { color: #111 !important; border-color: #111 !important; }
.lasr-recorded-icon i { background: #111 !important; }

/* Use the approved embossed seal artwork, clipped to its circular face. */
.lasr-archive-stamp {
	position: absolute !important;
	z-index: 7 !important;
	right: 10px !important;
	top: -66px !important;
	width: 178px !important;
	height: 178px !important;
	object-fit: cover !important;
	border-radius: 50% !important;
	clip-path: circle(48.5% at 50% 50%) !important;
	mix-blend-mode: multiply !important;
	opacity: .9 !important;
	transform: rotate(2.25deg) !important;
	filter: contrast(.96) brightness(1.035) drop-shadow(0 2px 2px rgba(58,48,35,.12)) !important;
	background: transparent !important;
}

@media (max-width: 760px) {
	.lasr-portrait-frame { padding: 9px 9px 0 !important; }
	.lasr-portrait-frame::after { inset: 9px 9px 0 !important; }
	.lasr-artifact-label { margin: 0 9px 9px !important; }
	.lasr-photo-corner { width: 48px !important; height: 48px !important; }
	.lasr-photo-corner::before { width: 70px !important; height: 70px !important; }
	.lasr-photo-corner-tl::before { right: 24px !important; bottom: 24px !important; }
	.lasr-photo-corner-tr::before { left: 24px !important; bottom: 24px !important; }
	.lasr-photo-corner-bl::before { right: 24px !important; top: 24px !important; }
	.lasr-photo-corner-br::before { left: 24px !important; top: 24px !important; }
	.lasr-archive-stamp { right: 2px !important; top: -38px !important; width: 108px !important; height: 108px !important; }
}

@media (min-width: 761px) {
	.lasr-sigh-artifact {
		transform: rotate(-0.08deg) !important;
		transform-origin: 50% 50% !important;
	}
}

/* =========================================================
   v1.5.3 — hand-finished archive card polish
   ========================================================= */

/* Make the photograph and its label read as one physical object. */
.lasr-sigh-artifact {
  overflow: visible !important;
  border-color: rgba(69,60,48,.14) !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow:
    0 18px 34px rgba(57,47,34,.105),
    0 3px 8px rgba(57,47,34,.08),
    0 0 0 1px rgba(255,255,255,.92) inset !important;
}

.lasr-portrait-frame {
  padding: 18px 18px 0 !important;
  background: #fff !important;
}

/* A real print-safe interior border, rather than a digital-looking box. */
.lasr-portrait-frame::after {
  inset: 18px 18px 0 !important;
  border: 1px solid rgba(84,77,67,.12) !important;
  box-shadow: inset 0 0 0 6px rgba(255,255,255,.34) !important;
}

.lasr-artifact-label {
  margin: 0 18px 18px !important;
  padding: 23px 180px 21px 25px !important;
  border: 0 !important;
  border-top: 1px solid rgba(70,64,54,.16) !important;
  background: #fff !important;
  background-image:
    linear-gradient(90deg, rgba(118,105,82,.018), transparent 18%, rgba(118,105,82,.012) 67%, transparent),
    repeating-linear-gradient(0deg, rgba(90,77,57,.012) 0, rgba(90,77,57,.012) 1px, transparent 1px, transparent 5px) !important;
  box-shadow: none !important;
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
}

.lasr-artifact-type span,
.lasr-artifact-meta em {
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
}

/* True corner pockets: the page overlaps the print at all four corners. */
.lasr-photo-corner {
  width: 88px !important;
  height: 88px !important;
  z-index: 10 !important;
  overflow: visible !important;
}
.lasr-photo-corner::before {
  width: 88px !important;
  height: 88px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #faf6ee !important;
  box-shadow: none !important;
  transform-origin: center !important;
}
.lasr-photo-corner::after {
  content: "" !important;
  position: absolute !important;
  width: 70px !important;
  height: 70px !important;
  border: 1px solid rgba(111,101,85,.28) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: 0 2px 4px rgba(68,57,42,.08) !important;
}
.lasr-photo-corner-tl { left: 0 !important; top: 0 !important; }
.lasr-photo-corner-tr { right: 0 !important; top: 0 !important; }
.lasr-photo-corner-bl { left: 0 !important; bottom: 0 !important; }
.lasr-photo-corner-br { right: 0 !important; bottom: 0 !important; }

.lasr-photo-corner-tl::before { clip-path: polygon(0 0,100% 0,0 100%) !important; }
.lasr-photo-corner-tr::before { clip-path: polygon(0 0,100% 0,100% 100%) !important; }
.lasr-photo-corner-bl::before { clip-path: polygon(0 0,0 100%,100% 100%) !important; }
.lasr-photo-corner-br::before { clip-path: polygon(100% 0,0 100%,100% 100%) !important; }
.lasr-photo-corner-tl::after { left: -34px !important; top: -34px !important; }
.lasr-photo-corner-tr::after { right: -34px !important; top: -34px !important; }
.lasr-photo-corner-bl::after { left: -34px !important; bottom: -34px !important; }
.lasr-photo-corner-br::after { right: -34px !important; bottom: -34px !important; }

/* Recorded is a monochrome record indicator. */
.lasr-recorded-icon,
.lasr-recorded-icon i {
  color: #111 !important;
  border-color: #111 !important;
  background-color: transparent !important;
}
.lasr-recorded-icon i { background: #111 !important; }

/* Refined black archival ink stamp, matching the approved rendering language. */
.lasr-archive-stamp {
  right: 14px !important;
  top: -50px !important;
  width: 166px !important;
  height: 166px !important;
  object-fit: contain !important;
  clip-path: none !important;
  border-radius: 0 !important;
  opacity: .72 !important;
  mix-blend-mode: multiply !important;
  filter: none !important;
  transform: rotate(2.1deg) !important;
  background: transparent !important;
}

@media (max-width: 760px) {
  .lasr-portrait-frame { padding: 9px 9px 0 !important; }
  .lasr-portrait-frame::after { inset: 9px 9px 0 !important; }
  .lasr-artifact-label {
    margin: 0 9px 9px !important;
    padding: 16px 92px 17px 16px !important;
  }
  .lasr-photo-corner { width: 54px !important; height: 54px !important; }
  .lasr-photo-corner::before { width: 54px !important; height: 54px !important; }
  .lasr-photo-corner::after { width: 43px !important; height: 43px !important; }
  .lasr-photo-corner-tl::after { left: -21px !important; top: -21px !important; }
  .lasr-photo-corner-tr::after { right: -21px !important; top: -21px !important; }
  .lasr-photo-corner-bl::after { left: -21px !important; bottom: -21px !important; }
  .lasr-photo-corner-br::after { right: -21px !important; bottom: -21px !important; }
  .lasr-archive-stamp {
    right: 4px !important;
    top: -22px !important;
    width: 96px !important;
    height: 96px !important;
  }
}

/* =========================================================
   v1.6.0 — Museum Edition
   ========================================================= */
.lasr-portrait-mount {
  isolation: isolate !important;
  padding: clamp(16px, 2.2vw, 30px) !important;
}

/* One purpose-built paper pocket asset, rotated into all four corners. */
.lasr-photo-corner {
  width: clamp(62px, 8.2vw, 104px) !important;
  height: clamp(62px, 8.2vw, 104px) !important;
  z-index: 20 !important;
  overflow: visible !important;
  pointer-events: none !important;
  background: url("archive-corner-pocket.svg") center/100% 100% no-repeat !important;
  filter: none !important;
}
.lasr-photo-corner::before,
.lasr-photo-corner::after { content: none !important; display: none !important; }
.lasr-photo-corner-tl { left: 0 !important; top: 0 !important; transform: rotate(0deg) !important; }
.lasr-photo-corner-tr { right: 0 !important; top: 0 !important; transform: rotate(90deg) !important; }
.lasr-photo-corner-br { right: 0 !important; bottom: 0 !important; transform: rotate(180deg) !important; }
.lasr-photo-corner-bl { left: 0 !important; bottom: 0 !important; transform: rotate(270deg) !important; }

.lasr-sigh-artifact {
  overflow: hidden !important;
  border: 1px solid rgba(75,65,51,.18) !important;
  box-shadow: 0 20px 38px rgba(57,47,34,.12), 0 4px 10px rgba(57,47,34,.08) !important;
}

.lasr-archive-stamp {
  right: 18px !important;
  top: -55px !important;
  width: 164px !important;
  height: 164px !important;
  opacity: .94 !important;
  mix-blend-mode: multiply !important;
  transform: rotate(2deg) !important;
}

.lasr-save-share h4 { letter-spacing: .16em !important; }
.lasr-share-actions button span.lasr-social-icon {
  display: grid !important;
  place-items: center !important;
  width: 58px !important;
  height: 58px !important;
  margin-inline: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #111 !important;
  font-size: 0 !important;
}
.lasr-share-actions button span.lasr-social-icon svg {
  width: 34px !important;
  height: 34px !important;
  display: block !important;
  overflow: visible !important;
}
.lasr-share-actions button {
  border-radius: 0 !important;
}
.lasr-share-actions button small {
  margin-top: 4px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
}

@media (max-width: 760px) {
  .lasr-portrait-mount { padding: 14px !important; }
  .lasr-photo-corner { width: 58px !important; height: 58px !important; }
  .lasr-archive-stamp {
    right: 5px !important;
    top: -28px !important;
    width: 102px !important;
    height: 102px !important;
  }
  .lasr-share-actions button span.lasr-social-icon {
    width: 48px !important;
    height: 48px !important;
  }
  .lasr-share-actions button span.lasr-social-icon svg {
    width: 30px !important;
    height: 30px !important;
  }
}


/* =========================================================
   v1.7.0 — Museum-quality Sigh Portrait
   ========================================================= */
.lasr-portrait-mount{padding:clamp(8px,1vw,14px)!important;max-width:1180px!important;margin-inline:auto!important}
.lasr-photo-corner{width:clamp(72px,8vw,112px)!important;height:clamp(72px,8vw,112px)!important;z-index:30!important}
.lasr-photo-corner-tl{left:0!important;top:0!important}.lasr-photo-corner-tr{right:0!important;top:0!important}.lasr-photo-corner-bl{left:0!important;bottom:0!important}.lasr-photo-corner-br{right:0!important;bottom:0!important}
.lasr-sigh-artifact{display:grid!important;grid-template-rows:auto auto!important;background:#fbf9f3!important;border:1px solid rgba(90,76,55,.18)!important;box-shadow:0 18px 34px rgba(53,43,29,.13),0 3px 8px rgba(53,43,29,.08)!important}
.lasr-portrait-frame{padding:18px 18px 0!important;background:#fbf9f3!important}
.lasr-sigh-portrait{display:block!important;width:100%!important;height:auto!important;aspect-ratio:12/7!important;background:#fff!important;border:1px solid #d8d4cc!important}
.lasr-artifact-label{position:relative!important;display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;grid-template-areas:"brand primary" "brand meta"!important;gap:0 34px!important;margin:0 18px 18px!important;padding:28px 205px 24px 28px!important;border-top:1px solid #d8d4cc!important;background:transparent!important;min-height:230px!important}
.lasr-artifact-brand{grid-area:brand!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding-right:28px!important;border-right:1px solid #d8d4cc!important}
.lasr-artifact-brand img{display:block!important;width:185px!important;height:auto!important}
.lasr-artifact-brand span{margin:8px 0 0 18px!important;font-family:"IBM Plex Mono",monospace!important;font-size:15px!important;font-style:italic!important;letter-spacing:.02em!important}
.lasr-artifact-primary{grid-area:primary!important;display:block!important;padding:0!important;border:0!important;text-align:left!important}
.lasr-artifact-type strong{font-family:"IBM Plex Mono",monospace!important;font-size:14px!important;letter-spacing:.16em!important}
.lasr-artifact-type span{display:none!important}
.lasr-artifact-accession{margin-top:8px!important;color:#a61f1b!important;font-family:"IBM Plex Mono",monospace!important;font-size:clamp(30px,4vw,54px)!important;font-weight:400!important;line-height:1.05!important;letter-spacing:.02em!important;white-space:nowrap!important}
.lasr-artifact-meta{grid-area:meta!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin-top:20px!important;padding-top:17px!important;border-top:1px solid #d8d4cc!important}
.lasr-artifact-meta>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;padding:0 24px!important;min-width:0!important;border:0!important}
.lasr-artifact-meta>div:first-child{padding-left:0!important}.lasr-artifact-meta>div+div{border-left:1px solid #d8d4cc!important}
.lasr-meta-icon{display:none!important}.lasr-artifact-meta b{font-family:"IBM Plex Mono",monospace!important;font-size:11px!important;letter-spacing:.12em!important}.lasr-artifact-meta em{font-family:"IBM Plex Mono",monospace!important;font-size:15px!important;font-style:normal!important;white-space:nowrap!important}
.lasr-archive-stamp{right:22px!important;top:50%!important;width:174px!important;height:174px!important;transform:translateY(-50%) rotate(1.5deg)!important;opacity:.96!important;mix-blend-mode:multiply!important}
.lasr-save-share{width:min(100%,1180px)!important;margin-inline:auto!important;padding-inline:20px!important;box-sizing:border-box!important;overflow:hidden!important}.lasr-share-actions{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;gap:12px!important}.lasr-share-actions button{min-width:0!important;width:100%!important;padding-inline:0!important}
@media(max-width:760px){
 .lasr-portrait-mount{padding:7px!important}.lasr-photo-corner{width:48px!important;height:48px!important}
 .lasr-portrait-frame{padding:10px 10px 0!important}.lasr-artifact-label{grid-template-columns:1fr!important;grid-template-areas:"primary" "meta" "brand"!important;gap:0!important;margin:0 10px 10px!important;padding:18px 18px 20px!important;min-height:0!important}
 .lasr-artifact-primary{padding-right:0!important}.lasr-artifact-accession{font-size:clamp(25px,8vw,38px)!important;white-space:normal!important}
 .lasr-artifact-meta{grid-template-columns:minmax(0,1fr) 118px!important;grid-template-rows:auto auto auto!important;margin-top:15px!important;padding-top:11px!important;min-height:180px!important}
 .lasr-artifact-meta>div{grid-column:1!important;padding:7px 10px 8px 0!important;border:0!important;border-bottom:1px solid #d8d4cc!important}.lasr-artifact-meta>div+div{border-left:0!important}.lasr-artifact-meta>div:last-child{border-bottom:0!important}
 .lasr-artifact-brand{grid-area:brand!important;margin-top:10px!important;padding:16px 0 0!important;border-right:0!important;border-top:1px solid #d8d4cc!important}.lasr-artifact-brand img{width:138px!important}.lasr-artifact-brand span{margin:5px 0 0 8px!important;font-size:12px!important}
 .lasr-archive-stamp{right:6px!important;top:52%!important;width:116px!important;height:116px!important;transform:translateY(-50%) rotate(1.5deg)!important}
 .lasr-share-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 8px!important}.lasr-save-share{padding-inline:8px!important}.lasr-save-share h4{font-size:15px!important;white-space:nowrap!important}
}

/* =========================================================
   v1.7.1 — Museum Edition production corrections
   ========================================================= */
.lasr-portrait-mount{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  padding:10px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.lasr-sigh-artifact{width:100%!important;min-width:0!important;overflow:visible!important}
.lasr-photo-corner{
  width:94px!important;height:94px!important;overflow:visible!important;z-index:40!important;
  filter:drop-shadow(0 2px 2px rgba(62,48,31,.12));
}
.lasr-photo-corner::before{
  width:94px!important;height:94px!important;border:1px solid rgba(118,103,82,.28)!important;
  background:linear-gradient(145deg,#fffdf8 0%,#f6f0e5 78%,#eee4d4 100%)!important;
  box-shadow:inset -1px -1px 0 rgba(91,73,49,.08),inset 1px 1px 0 rgba(255,255,255,.9)!important;
}
.lasr-photo-corner-tl{left:-3px!important;top:-3px!important}.lasr-photo-corner-tr{right:-3px!important;top:-3px!important}
.lasr-photo-corner-bl{left:-3px!important;bottom:-3px!important}.lasr-photo-corner-br{right:-3px!important;bottom:-3px!important}
.lasr-photo-corner-tl::before{right:35px!important;bottom:35px!important}.lasr-photo-corner-tr::before{left:35px!important;bottom:35px!important}
.lasr-photo-corner-bl::before{right:35px!important;top:35px!important}.lasr-photo-corner-br::before{left:35px!important;top:35px!important}
.lasr-artifact-label{
  grid-template-columns:270px minmax(0,1fr)!important;
  gap:0 38px!important;
  padding:28px 190px 24px 30px!important;
  min-width:0!important;
}
.lasr-artifact-brand{min-width:0!important}
.lasr-artifact-brand img{width:205px!important;max-width:100%!important;image-rendering:auto!important}
.lasr-artifact-primary{min-width:0!important;overflow:hidden!important}
.lasr-artifact-accession{
  font-size:clamp(31px,3.15vw,46px)!important;
  letter-spacing:.015em!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
.lasr-artifact-meta{grid-template-columns:repeat(3,minmax(0,1fr))!important;min-width:0!important}
.lasr-artifact-meta>div{padding:0 18px!important;min-width:0!important;overflow:hidden!important}
.lasr-artifact-meta b{font-size:10px!important;line-height:1.25!important;white-space:normal!important}
.lasr-artifact-meta em{font-size:14px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
.lasr-archive-stamp{
  right:20px!important;top:50%!important;width:158px!important;height:158px!important;
  object-fit:contain!important;opacity:.94!important;filter:none!important;mix-blend-mode:multiply!important;
  transform:translateY(-50%) rotate(-1.5deg)!important;
}
.lasr-save-share{
  width:min(100%,1180px)!important;max-width:1180px!important;margin:0 auto 54px!important;
  padding:0 24px 24px!important;box-sizing:border-box!important;overflow:visible!important;
}
.lasr-save-share h4{display:flex!important;align-items:center!important;gap:22px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;white-space:nowrap!important}
.lasr-save-share h4::before,.lasr-save-share h4::after{content:""!important;display:block!important;flex:1 1 auto!important;min-width:0!important;height:1px!important;background:#d4cec2!important}
.lasr-share-actions{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}
.lasr-share-actions button,.lasr-share-actions button *{box-sizing:border-box!important}

@media(max-width:760px){
  .lasr-portrait-mount{width:100%!important;padding:7px!important}
  .lasr-photo-corner{width:54px!important;height:54px!important}
  .lasr-photo-corner::before{width:54px!important;height:54px!important}
  .lasr-photo-corner-tl::before{right:20px!important;bottom:20px!important}.lasr-photo-corner-tr::before{left:20px!important;bottom:20px!important}
  .lasr-photo-corner-bl::before{right:20px!important;top:20px!important}.lasr-photo-corner-br::before{left:20px!important;top:20px!important}
  .lasr-artifact-label{grid-template-columns:1fr!important;grid-template-areas:"primary" "meta" "brand"!important;padding:18px 16px 18px!important;margin:0 10px 10px!important;overflow:hidden!important}
  .lasr-artifact-primary{width:100%!important;text-align:left!important}
  .lasr-artifact-type,.lasr-artifact-accession{text-align:left!important}
  .lasr-artifact-accession{font-size:clamp(24px,7.6vw,35px)!important;white-space:nowrap!important;overflow:visible!important}
  .lasr-artifact-meta{display:grid!important;grid-template-columns:minmax(0,1fr) 112px!important;grid-template-rows:auto auto auto!important;width:100%!important;margin-top:16px!important;text-align:left!important}
  .lasr-artifact-meta>div{display:flex!important;align-items:flex-start!important;text-align:left!important;padding:8px 8px 8px 0!important;overflow:visible!important}
  .lasr-artifact-meta b,.lasr-artifact-meta em{display:block!important;width:100%!important;text-align:left!important;white-space:normal!important}
  .lasr-artifact-meta em{font-size:15px!important}
  .lasr-artifact-brand{align-items:flex-start!important;text-align:left!important}
  .lasr-artifact-brand img{width:150px!important}
  .lasr-archive-stamp{right:1px!important;top:52%!important;width:108px!important;height:108px!important}
  .lasr-save-share{width:100%!important;max-width:100%!important;padding:0 12px 24px!important;margin-inline:auto!important;overflow:hidden!important}
  .lasr-save-share h4{gap:10px!important;font-size:clamp(13px,4vw,16px)!important;letter-spacing:.13em!important}
  .lasr-share-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px 6px!important;padding:0!important}
  .lasr-share-actions button{min-width:0!important;width:100%!important;max-width:100%!important}
  .lasr-share-actions small{font-size:10px!important;letter-spacing:.08em!important;white-space:nowrap!important}
}

/* =========================================================
   Museum Edition v1.7.2 — approved desktop + mobile layout
   ========================================================= */
.lasr-catalog-state,
.lasr-catalog-state * { box-sizing: border-box !important; }

.lasr-portrait-mount {
  position: relative !important;
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 18px !important;
  overflow: visible !important;
}
.lasr-sigh-artifact {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  background: #fbf8f0 !important;
  border: 1px solid #d8d0c3 !important;
  box-shadow: 0 18px 34px rgba(62,50,35,.13), 0 2px 3px rgba(62,50,35,.12) !important;
}
.lasr-portrait-frame {
  padding: 20px 20px 0 !important;
  background: #fbf8f0 !important;
}
.lasr-sigh-portrait {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 12 / 7 !important;
  border: 1px solid #d8d4cc !important;
  background: #fff !important;
}

/* Real paper photo pockets, tucked over the artifact rather than outside it. */
.lasr-photo-corner {
  position: absolute !important;
  width: 92px !important;
  height: 92px !important;
  z-index: 50 !important;
  pointer-events: none !important;
  background: url("archive-corner-pocket.svg") center / 100% 100% no-repeat !important;
  filter: drop-shadow(1px 2px 1.5px rgba(61,48,32,.18)) !important;
}
.lasr-photo-corner::before,
.lasr-photo-corner::after { content: none !important; display: none !important; }
.lasr-photo-corner-tl { left: 18px !important; top: 18px !important; transform: rotate(0deg) !important; }
.lasr-photo-corner-tr { right: 18px !important; top: 18px !important; transform: rotate(90deg) !important; }
.lasr-photo-corner-br { right: 18px !important; bottom: 18px !important; transform: rotate(180deg) !important; }
.lasr-photo-corner-bl { left: 18px !important; bottom: 18px !important; transform: rotate(270deg) !important; }

/* Desktop label grid reserves a real column for the stamp. */
.lasr-artifact-label {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 27%) minmax(0, 1fr) 190px !important;
  grid-template-rows: auto auto !important;
  grid-template-areas:
    "brand primary stamp"
    "brand meta stamp" !important;
  align-items: center !important;
  gap: 0 34px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 280px !important;
  margin: 0 !important;
  padding: 34px 38px 34px !important;
  border-top: 1px solid #d4cec2 !important;
  background: #fbf8f0 !important;
}
.lasr-artifact-brand {
  grid-area: brand !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  padding-right: 32px !important;
  border-right: 1px solid #d4cec2 !important;
}
.lasr-artifact-brand img {
  display: block !important;
  width: min(100%, 245px) !important;
  height: auto !important;
  image-rendering: auto !important;
}
.lasr-artifact-brand span {
  margin: 18px 0 0 14px !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 18px !important;
  font-style: italic !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}
.lasr-artifact-primary {
  grid-area: primary !important;
  min-width: 0 !important;
  align-self: end !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #d4cec2 !important;
}
.lasr-artifact-type {
  text-align: left !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  letter-spacing: .15em !important;
}
.lasr-artifact-accession {
  display: block !important;
  max-width: 100% !important;
  margin: 14px 0 0 !important;
  color: #a8201b !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: clamp(34px, 4.25vw, 58px) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: .005em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
.lasr-artifact-meta {
  grid-area: meta !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  min-width: 0 !important;
  padding-top: 20px !important;
}
.lasr-artifact-meta > div {
  min-width: 0 !important;
  padding: 0 22px !important;
  text-align: left !important;
  border-left: 1px solid #d4cec2 !important;
}
.lasr-artifact-meta > div:first-child { padding-left: 0 !important; border-left: 0 !important; }
.lasr-artifact-meta b,
.lasr-artifact-meta em {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-style: normal !important;
}
.lasr-artifact-meta b {
  margin-bottom: 10px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  letter-spacing: .11em !important;
  white-space: normal !important;
}
.lasr-artifact-meta em {
  font-size: clamp(16px, 1.55vw, 22px) !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}
.lasr-archive-stamp {
  grid-area: stamp !important;
  position: static !important;
  display: block !important;
  width: 176px !important;
  height: 176px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  justify-self: center !important;
  align-self: center !important;
  transform: rotate(-1.5deg) !important;
  opacity: .98 !important;
  mix-blend-mode: multiply !important;
}

/* Share area stays inside the site/card at every desktop width. */
.lasr-save-share {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin: 34px auto 0 !important;
  padding: 0 22px 26px !important;
  overflow: hidden !important;
}
.lasr-save-share h4 {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 22px !important;
  margin: 0 0 28px !important;
  font-size: clamp(16px, 2vw, 22px) !important;
  line-height: 1.2 !important;
  letter-spacing: .14em !important;
  white-space: nowrap !important;
}
.lasr-save-share h4::before,
.lasr-save-share h4::after {
  content: "" !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 1px !important;
  background: #d4cec2 !important;
}
.lasr-share-actions {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: 100% !important;
  gap: 12px !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.lasr-share-actions button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 2px !important;
}
.lasr-share-actions button small {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: clamp(9px, 1vw, 12px) !important;
}

@media (max-width: 700px) {
  .lasr-portrait-mount { width: 100% !important; padding: 12px !important; }
  .lasr-sigh-artifact { overflow: hidden !important; }
  .lasr-portrait-frame { padding: 12px 12px 0 !important; }
  .lasr-photo-corner { width: 54px !important; height: 54px !important; }
  .lasr-photo-corner-tl { left: 12px !important; top: 12px !important; }
  .lasr-photo-corner-tr { right: 12px !important; top: 12px !important; }
  .lasr-photo-corner-br { right: 12px !important; bottom: 12px !important; }
  .lasr-photo-corner-bl { left: 12px !important; bottom: 12px !important; }

  .lasr-artifact-label {
    grid-template-columns: minmax(0, 1fr) 118px !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas:
      "primary primary"
      "meta stamp"
      "brand brand" !important;
    gap: 0 14px !important;
    min-height: 0 !important;
    padding: 24px 20px 24px !important;
  }
  .lasr-artifact-primary {
    width: 100% !important;
    padding: 0 0 20px !important;
  }
  .lasr-artifact-type { font-size: 14px !important; letter-spacing: .14em !important; }
  .lasr-artifact-accession {
    margin-top: 12px !important;
    font-size: clamp(27px, 8.2vw, 39px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  .lasr-artifact-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    padding: 18px 0 0 !important;
  }
  .lasr-artifact-meta > div,
  .lasr-artifact-meta > div:first-child {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 0 14px !important;
    margin: 0 0 14px !important;
    text-align: left !important;
    border-left: 0 !important;
    border-bottom: 1px solid #d4cec2 !important;
  }
  .lasr-artifact-meta > div:last-child { margin-bottom: 0 !important; }
  .lasr-artifact-meta b,
  .lasr-artifact-meta em { text-align: left !important; }
  .lasr-artifact-meta b { font-size: 12px !important; margin-bottom: 7px !important; }
  .lasr-artifact-meta em { font-size: 16px !important; line-height: 1.35 !important; }
  .lasr-archive-stamp {
    width: 112px !important;
    height: 112px !important;
    justify-self: end !important;
    align-self: center !important;
  }
  .lasr-artifact-brand {
    width: 100% !important;
    margin-top: 16px !important;
    padding: 22px 0 0 !important;
    border-right: 0 !important;
    border-top: 1px solid #d4cec2 !important;
  }
  .lasr-artifact-brand img { width: min(72%, 240px) !important; }
  .lasr-artifact-brand span { margin: 13px 0 0 8px !important; font-size: 14px !important; }

  .lasr-save-share {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 28px !important;
    padding: 0 14px 24px !important;
    overflow: hidden !important;
  }
  .lasr-save-share h4 {
    gap: 10px !important;
    margin-bottom: 24px !important;
    font-size: clamp(13px, 4.2vw, 17px) !important;
    letter-spacing: .11em !important;
  }
  .lasr-share-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px 6px !important;
    overflow: hidden !important;
  }
  .lasr-share-actions button { padding: 0 !important; }
  .lasr-share-actions button small { font-size: 10px !important; letter-spacing: .06em !important; }
}

/* ========================================================================
   v1.8.0 — approved white card / black photo-corner edition
   ======================================================================== */
.lasr-catalog-state,
.lasr-back-card-shell,
.lasr-recorder-card,
.lasr-recorder-card-inner { min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; }
.lasr-catalog-state { overflow:visible !important; }

/* The entire portrait + catalog label is one white card, held by four black album corners. */
.lasr-portrait-mount {
  position:relative !important;
  width:min(100%,1180px) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:34px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
.lasr-sigh-artifact {
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid #e4e1da !important;
  border-radius:0 !important;
  box-shadow:0 12px 24px rgba(28,24,18,.14),0 2px 3px rgba(28,24,18,.12) !important;
}
.lasr-portrait-frame,
.lasr-artifact-label { background:#fff !important; }
.lasr-portrait-frame { padding:26px 26px 0 !important; }
.lasr-sigh-portrait { background:#fff !important; border:0 !important; }

.lasr-photo-corner {
  position:absolute !important;
  width:96px !important;
  height:96px !important;
  z-index:90 !important;
  pointer-events:none !important;
  background:url("archive-corner-pocket-black.svg") center/100% 100% no-repeat !important;
  filter:none !important;
}
.lasr-photo-corner::before,.lasr-photo-corner::after{content:none !important;display:none !important}
.lasr-photo-corner-tl{left:8px !important;top:8px !important;transform:rotate(0deg) !important}
.lasr-photo-corner-tr{right:8px !important;top:8px !important;transform:rotate(90deg) !important}
.lasr-photo-corner-br{right:8px !important;bottom:8px !important;transform:rotate(180deg) !important}
.lasr-photo-corner-bl{left:8px !important;bottom:8px !important;transform:rotate(270deg) !important}

/* Exact approved label hierarchy. */
.lasr-artifact-label {
  grid-template-columns:minmax(205px,25%) minmax(0,1fr) 190px !important;
  gap:0 30px !important;
  min-height:255px !important;
  padding:32px 42px 34px !important;
  border-top:0 !important;
}
.lasr-artifact-brand { border-right:1px solid #d7d3ca !important; padding-right:28px !important; }
.lasr-artifact-brand img { width:min(100%,235px) !important; }
.lasr-artifact-brand span { margin:16px 0 0 10px !important; font-size:16px !important; }
.lasr-artifact-primary { border-bottom:1px solid #d7d3ca !important; padding-bottom:14px !important; }
.lasr-artifact-accession {
  font-size:clamp(29px,3.25vw,46px) !important;
  letter-spacing:0 !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}
.lasr-artifact-meta { padding-top:16px !important; }
.lasr-artifact-meta > div { padding:0 17px !important; text-align:left !important; }
.lasr-artifact-meta b,.lasr-artifact-meta em { text-align:left !important; }
.lasr-artifact-meta b { font-size:12px !important; }
.lasr-artifact-meta em { font-size:clamp(15px,1.25vw,19px) !important; overflow-wrap:normal !important; word-break:normal !important; }
.lasr-archive-stamp {
  width:170px !important;
  height:170px !important;
  transform:rotate(7deg) !important;
  transform-origin:center center !important;
  opacity:.98 !important;
}

/* Sharing is outside the white card, borderless, and never wider than its parent. */
.lasr-save-share {
  width:min(calc(100% - 24px),1120px) !important;
  max-width:1120px !important;
  margin:18px auto 0 !important;
  padding:0 12px 28px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
.lasr-save-share h4 {
  max-width:100% !important;
  font-size:clamp(14px,1.65vw,20px) !important;
  letter-spacing:.13em !important;
  text-align:center !important;
  white-space:normal !important;
}
.lasr-share-actions { box-sizing:border-box !important; overflow:visible !important; }
.lasr-share-actions button { box-sizing:border-box !important; min-width:0 !important; }

@media (max-width:700px){
  .lasr-portrait-mount{padding:22px !important;width:100% !important}
  .lasr-photo-corner{width:62px !important;height:62px !important}
  .lasr-photo-corner-tl{left:4px !important;top:4px !important}
  .lasr-photo-corner-tr{right:4px !important;top:4px !important}
  .lasr-photo-corner-br{right:4px !important;bottom:4px !important}
  .lasr-photo-corner-bl{left:4px !important;bottom:4px !important}
  .lasr-portrait-frame{padding:18px 14px 0 !important}
  .lasr-artifact-label{
    grid-template-columns:minmax(0,1fr) 108px !important;
    grid-template-areas:"primary primary" "meta stamp" "brand brand" !important;
    gap:0 10px !important;
    padding:24px 20px 28px !important;
  }
  .lasr-artifact-accession{font-size:clamp(24px,7.15vw,34px) !important;white-space:nowrap !important;overflow:visible !important}
  .lasr-artifact-meta{display:flex !important;flex-direction:column !important;align-items:flex-start !important;padding-top:16px !important}
  .lasr-artifact-meta>div,.lasr-artifact-meta>div:first-child{
    display:block !important;width:100% !important;padding:0 0 12px !important;margin:0 0 12px !important;
    text-align:left !important;border-left:0 !important;border-bottom:1px solid #d7d3ca !important;
  }
  .lasr-artifact-meta b,.lasr-artifact-meta em{display:block !important;width:100% !important;text-align:left !important;margin-left:0 !important;padding-left:0 !important}
  .lasr-artifact-meta em{font-size:15px !important}
  .lasr-archive-stamp{width:104px !important;height:104px !important;transform:rotate(7deg) !important;justify-self:end !important}
  .lasr-artifact-brand{padding-top:18px !important}
  .lasr-artifact-brand img{width:min(75%,225px) !important}
  .lasr-save-share{
    width:calc(100% - 20px) !important;max-width:calc(100% - 20px) !important;margin:18px auto 0 !important;
    padding:0 0 24px !important;overflow:visible !important;
  }
  .lasr-save-share h4{gap:8px !important;font-size:13px !important;line-height:1.25 !important;letter-spacing:.1em !important;white-space:normal !important}
  .lasr-share-actions{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:18px 8px !important;width:100% !important}
  .lasr-share-actions button small{font-size:9px !important;letter-spacing:.05em !important;text-overflow:clip !important}
}


/* ========================================================================
   v1.8.1 — final approved layout corrections
   ======================================================================== */
.lasr-homepage-recorder.is-confirmed,
.lasr-homepage-recorder.is-confirmed .lasr-recorder-experience,
.lasr-homepage-recorder.is-confirmed .lasr-flip-card,
.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner,
.lasr-homepage-recorder.is-confirmed .lasr-card-back,
.lasr-homepage-recorder.is-confirmed .lasr-back-card-shell,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
  overflow: visible !important;
  max-height: none !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
  min-height: 1500px !important;
  margin-bottom: 40px !important;
}

/* Compact, realistic black photo-album corners. */
.lasr-photo-corner {
  width: 70px !important;
  height: 70px !important;
  background: url("archive-corner-pocket-black.svg") center/contain no-repeat !important;
}
.lasr-photo-corner-tl { left: 11px !important; top: 11px !important; }
.lasr-photo-corner-tr { right: 11px !important; top: 11px !important; }
.lasr-photo-corner-br { right: 11px !important; bottom: 11px !important; }
.lasr-photo-corner-bl { left: 11px !important; bottom: 11px !important; }

/* Protect the complete accession number from the stamp and from clipping. */
.lasr-artifact-label {
  grid-template-columns: minmax(185px, 23%) minmax(0, 1fr) 182px !important;
  column-gap: 24px !important;
}
.lasr-artifact-primary { min-width: 0 !important; overflow: visible !important; }
.lasr-artifact-accession {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: clamp(25px, 2.8vw, 39px) !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.lasr-archive-stamp {
  transform: rotate(7deg) !important;
  overflow: hidden !important;
}

/* Keep share controls in normal page flow and fully inside the result page. */
.lasr-save-share {
  position: relative !important;
  clear: both !important;
  width: min(calc(100% - 48px), 1080px) !important;
  max-width: 1080px !important;
  margin: 24px auto 48px !important;
  padding: 0 12px 42px !important;
  overflow: visible !important;
}
.lasr-share-actions { overflow: visible !important; }

@media (max-width: 700px) {
  .lasr-homepage-recorder.is-confirmed .lasr-flip-card {
    min-height: 1900px !important;
    margin-bottom: 30px !important;
  }
  .lasr-portrait-mount { padding: 18px !important; }
  .lasr-photo-corner { width: 46px !important; height: 46px !important; }
  .lasr-photo-corner-tl { left: 8px !important; top: 8px !important; }
  .lasr-photo-corner-tr { right: 8px !important; top: 8px !important; }
  .lasr-photo-corner-br { right: 8px !important; bottom: 8px !important; }
  .lasr-photo-corner-bl { left: 8px !important; bottom: 8px !important; }

  .lasr-artifact-label {
    grid-template-columns: minmax(0, 1fr) 112px !important;
    grid-template-areas: "primary primary" "meta stamp" "brand brand" !important;
    padding: 24px 20px 30px !important;
    gap: 0 12px !important;
  }
  .lasr-artifact-accession {
    font-size: clamp(21px, 6.8vw, 31px) !important;
    letter-spacing: -.025em !important;
  }
  .lasr-artifact-meta {
    align-items: flex-start !important;
    text-align: left !important;
  }
  .lasr-artifact-meta > div,
  .lasr-artifact-meta b,
  .lasr-artifact-meta em {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
  .lasr-artifact-meta em { white-space: nowrap !important; }
  .lasr-archive-stamp { transform: rotate(7deg) !important; }

  .lasr-save-share {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin: 26px auto 54px !important;
    padding: 0 2px 42px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .lasr-save-share h4 {
    margin-bottom: 24px !important;
    font-size: 12px !important;
    letter-spacing: .08em !important;
  }
  .lasr-share-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 6px !important;
  }
}

/* ========================================================================
   v1.8.2 — alignment, corners, portrait and result-height corrections
   ======================================================================== */
.lasr-homepage-recorder.is-confirmed .lasr-flip-card {
  min-height: 0 !important;
  height: auto !important;
  margin-bottom: 0 !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner,
.lasr-homepage-recorder.is-confirmed .lasr-card-back,
.lasr-homepage-recorder.is-confirmed .lasr-back-card-shell,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
  min-height: 0 !important;
  height: auto !important;
}

/* One clean white artifact: no inner portrait border or duplicate framing. */
.lasr-sigh-artifact { border: 1px solid #e7e3dc !important; }
.lasr-portrait-frame {
  padding: 10px 10px 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.lasr-portrait-frame::before,
.lasr-portrait-frame::after { content: none !important; display: none !important; }
.lasr-sigh-portrait {
  width: 100% !important;
  max-width: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Compact dimensional photo-album corners, sitting on the true card corners. */
.lasr-photo-corner {
  width: 58px !important;
  height: 58px !important;
  background: url("archive-corner-pocket-black.svg") center/100% 100% no-repeat !important;
  filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25)) !important;
}
.lasr-photo-corner-tl { left: 5px !important; top: 5px !important; }
.lasr-photo-corner-tr { right: 5px !important; top: 5px !important; }
.lasr-photo-corner-br { right: 5px !important; bottom: 5px !important; }
.lasr-photo-corner-bl { left: 5px !important; bottom: 5px !important; }

/* Only one rule below the accession number. */
.lasr-artifact-primary {
  border-bottom: 1px solid #d7d3ca !important;
  padding-bottom: 12px !important;
}
.lasr-artifact-meta {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 14px !important;
}

/* Smaller metadata, all values aligned to a common top baseline. */
.lasr-artifact-meta {
  align-items: start !important;
}
.lasr-artifact-meta > div {
  display: block !important;
  align-self: start !important;
  text-align: left !important;
}
.lasr-artifact-meta b {
  display: block !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  min-height: 23px !important;
  text-align: left !important;
}
.lasr-artifact-meta em {
  display: block !important;
  margin-top: 4px !important;
  font-size: clamp(13px,1vw,16px) !important;
  line-height: 1.25 !important;
  text-align: left !important;
}

/* Full accession must always remain visible. */
.lasr-artifact-accession {
  font-size: clamp(22px,2.25vw,34px) !important;
  letter-spacing: -.015em !important;
  max-width: 100% !important;
}

/* Sharing follows the artifact naturally; no artificial empty results-page tail. */
.lasr-save-share {
  margin: 22px auto 18px !important;
  padding-bottom: 18px !important;
}

@media (max-width:700px) {
  .lasr-homepage-recorder.is-confirmed .lasr-flip-card {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 0 !important;
  }
  .lasr-portrait-mount { padding: 14px !important; }
  .lasr-photo-corner { width: 42px !important; height: 42px !important; }
  .lasr-photo-corner-tl { left: 4px !important; top: 4px !important; }
  .lasr-photo-corner-tr { right: 4px !important; top: 4px !important; }
  .lasr-photo-corner-br { right: 4px !important; bottom: 4px !important; }
  .lasr-photo-corner-bl { left: 4px !important; bottom: 4px !important; }
  .lasr-portrait-frame { padding: 7px 7px 0 !important; }

  .lasr-artifact-accession {
    font-size: clamp(20px,6.1vw,29px) !important;
    letter-spacing: -.035em !important;
  }
  .lasr-artifact-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
  }
  .lasr-artifact-meta > div,
  .lasr-artifact-meta > div:first-child,
  .lasr-artifact-meta > div + div {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 0 0 10px !important;
    margin: 0 0 10px !important;
    border-left: 0 !important;
    text-align: left !important;
    align-self: flex-start !important;
  }
  .lasr-artifact-meta b,
  .lasr-artifact-meta em {
    width: 100% !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
  }
  .lasr-artifact-meta b { font-size: 10px !important; }
  .lasr-artifact-meta em { font-size: 14px !important; margin-top: 5px !important; }
  .lasr-save-share {
    margin: 20px auto 10px !important;
    padding-bottom: 12px !important;
  }
}

/* ========================================================================
   v1.8.3 — final flow, typography, corner and stamp cleanup
   ======================================================================== */
.lasr-catalog-state,
.lasr-catalog-state * {
  font-family: "IBM Plex Sans", Arial, sans-serif !important;
}
.lasr-artifact-type,
.lasr-artifact-accession,
.lasr-artifact-meta b,
.lasr-artifact-meta em,
.lasr-artifact-brand span,
.lasr-save-share h4,
.lasr-share-actions small {
  font-family: "IBM Plex Mono", "Courier New", monospace !important;
}

/* Let the confirmed result establish its own document height so the site footer
   can never overlap the card or sharing controls. */
.lasr-homepage-recorder.is-confirmed,
.lasr-homepage-recorder.is-confirmed .lasr-recorder-experience,
.lasr-homepage-recorder.is-confirmed .lasr-flip-card,
.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner,
.lasr-homepage-recorder.is-confirmed .lasr-card-back,
.lasr-homepage-recorder.is-confirmed .lasr-back-card-shell,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  transform: none !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner {
  display: block !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-card-front { display: none !important; }
.lasr-homepage-recorder.is-confirmed .lasr-card-back {
  display: block !important;
  padding-bottom: 24px !important;
}

/* Compact L-shaped black album corners matching the approved reference. */
.lasr-photo-corner {
  width: 66px !important;
  height: 66px !important;
  background: url("archive-corner-pocket-black.svg") center / contain no-repeat !important;
  filter: none !important;
}
.lasr-photo-corner-tl { left: 7px !important; top: 7px !important; }
.lasr-photo-corner-tr { right: 7px !important; top: 7px !important; }
.lasr-photo-corner-br { right: 7px !important; bottom: 7px !important; }
.lasr-photo-corner-bl { left: 7px !important; bottom: 7px !important; }

/* The cleaned stamp is clipped to its circular ink area, eliminating stray pixels. */
.lasr-archive-stamp {
  clip-path: circle(49% at 50% 50%) !important;
  transform: rotate(7deg) !important;
}

/* Keep the share module in normal flow and leave only a modest closing gap. */
.lasr-save-share {
  position: relative !important;
  clear: both !important;
  margin-bottom: 24px !important;
  padding-bottom: 14px !important;
}

@media (max-width:700px) {
  .lasr-photo-corner { width: 48px !important; height: 48px !important; }
  .lasr-photo-corner-tl { left: 5px !important; top: 5px !important; }
  .lasr-photo-corner-tr { right: 5px !important; top: 5px !important; }
  .lasr-photo-corner-br { right: 5px !important; bottom: 5px !important; }
  .lasr-photo-corner-bl { left: 5px !important; bottom: 5px !important; }
  .lasr-artifact-meta,
  .lasr-artifact-meta > div,
  .lasr-artifact-meta b,
  .lasr-artifact-meta em {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
  }
  .lasr-artifact-meta > div { padding-left: 0 !important; }
  .lasr-save-share { margin-bottom: 16px !important; padding-bottom: 8px !important; }
}

/* ========================================================================
   v1.8.4 — final confirmation cleanup
   ======================================================================== */
/* Never allow the permanent recorder wordmark to sit over the confirmation. */
.lasr-homepage-recorder.is-confirmed .lasr-card-brand,
.lasr-homepage-recorder.is-confirmed .lasr-card-logo,
.lasr-homepage-recorder.is-confirmed .lasr-card-invitation {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state > h3,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-message {
  position: static !important;
  transform: none !important;
  z-index: auto !important;
}

/* Album corners overlap the white artifact like real adhesive photo corners. */
.lasr-portrait-mount { overflow: visible !important; }
.lasr-photo-corner {
  width: 74px !important;
  height: 74px !important;
  background: url("archive-corner-pocket-black.svg") center / 100% 100% no-repeat !important;
  z-index: 20 !important;
  filter: drop-shadow(1px 2px 2px rgba(0,0,0,.22)) !important;
}
.lasr-photo-corner-tl { left: -13px !important; top: -13px !important; }
.lasr-photo-corner-tr { right: -13px !important; top: -13px !important; }
.lasr-photo-corner-br { right: -13px !important; bottom: -13px !important; }
.lasr-photo-corner-bl { left: -13px !important; bottom: -13px !important; }

/* One-line, top-aligned metadata. */
.lasr-artifact-meta { align-items: flex-start !important; }
.lasr-artifact-meta > div { align-self: flex-start !important; }
.lasr-artifact-meta b,
.lasr-artifact-meta em {
  text-align: left !important;
  white-space: nowrap !important;
}
.lasr-artifact-meta em { font-size: 14px !important; line-height: 1.15 !important; }

@media (max-width:700px) {
  .lasr-photo-corner { width: 54px !important; height: 54px !important; }
  .lasr-photo-corner-tl { left: -9px !important; top: -9px !important; }
  .lasr-photo-corner-tr { right: -9px !important; top: -9px !important; }
  .lasr-photo-corner-br { right: -9px !important; bottom: -9px !important; }
  .lasr-photo-corner-bl { left: -9px !important; bottom: -9px !important; }
  .lasr-artifact-meta,
  .lasr-artifact-meta > div,
  .lasr-artifact-meta b,
  .lasr-artifact-meta em {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
  .lasr-artifact-meta em { font-size: 13px !important; white-space: nowrap !important; }
}

/* ========================================================================
   v1.8.5 — photo-corner mounting and metadata centering
   ======================================================================== */
/* Anchor the album corners to the actual white artifact, not the outer mount. */
.lasr-portrait-mount {
  width: calc(100% - 56px) !important;
  max-width: 1124px !important;
  padding: 0 !important;
  margin: 28px auto 0 !important;
  overflow: visible !important;
}
.lasr-photo-corner {
  width: 56px !important;
  height: 56px !important;
  z-index: 30 !important;
  background: url("archive-corner-pocket-black.svg") center / 100% 100% no-repeat !important;
  filter: drop-shadow(1px 2px 2px rgba(0,0,0,.24)) !important;
  pointer-events: none !important;
}
.lasr-photo-corner-tl { left: -7px !important; top: -7px !important; transform: rotate(0deg) !important; }
.lasr-photo-corner-tr { right: -7px !important; top: -7px !important; transform: rotate(90deg) !important; }
.lasr-photo-corner-br { right: -7px !important; bottom: -7px !important; transform: rotate(180deg) !important; }
.lasr-photo-corner-bl { left: -7px !important; bottom: -7px !important; transform: rotate(270deg) !important; }

/* Pull Recorded toward Duration so the three data points read as one centered group. */
@media (min-width: 701px) {
  .lasr-artifact-meta {
    grid-template-columns: .92fr .92fr 1fr !important;
    column-gap: 0 !important;
    width: 94% !important;
  }
  .lasr-artifact-meta > div { padding-right: 10px !important; }
  .lasr-artifact-meta > div + div { padding-left: 12px !important; }
}

@media (max-width: 700px) {
  .lasr-portrait-mount {
    width: calc(100% - 24px) !important;
    padding: 0 !important;
    margin: 14px auto 0 !important;
  }
  .lasr-photo-corner { width: 44px !important; height: 44px !important; }
  .lasr-photo-corner-tl { left: -5px !important; top: -5px !important; }
  .lasr-photo-corner-tr { right: -5px !important; top: -5px !important; }
  .lasr-photo-corner-br { right: -5px !important; bottom: -5px !important; }
  .lasr-photo-corner-bl { left: -5px !important; bottom: -5px !important; }
}

/* ========================================================================
   v2.0 — production ripple recorder and calm preview
   Core recorder JavaScript remains unchanged.
   ======================================================================== */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-status {
  min-height: 1.4em;
  margin: 12px auto 8px;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: center;
}
.lasr-ripple-recorder {
  position: relative;
  width: min(460px, 92vw);
  min-height: 410px;
  margin: 0 auto;
  display: grid;
  place-items: center;
  isolation: isolate;
}
.lasr-ripple-field {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}
.lasr-ripple {
  position: absolute;
  width: 164px;
  aspect-ratio: 1;
  border: 1.5px solid rgba(20,20,16,.32);
  border-radius: 50%;
  opacity: .44;
  transform: scale(.8);
}
.lasr-ripple-two { width: 244px; opacity: .28; }
.lasr-ripple-three { width: 330px; opacity: .16; }
.lasr-ripple-record-button {
  position: relative;
  z-index: 3;
  width: 126px;
  aspect-ratio: 1;
  border: 0;
  border-radius: 50%;
  background: #d6422e;
  color: #fffaf0;
  box-shadow: 0 8px 18px rgba(48,20,10,.2), inset 0 2px 1px rgba(255,255,255,.28), inset 0 -4px 8px rgba(87,18,8,.2);
  cursor: pointer;
  display: grid;
  place-items: center;
  font-family: "IBM Plex Mono", monospace !important;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .08em;
  transition: transform .16s ease, box-shadow .2s ease, background .2s ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.lasr-ripple-record-button:hover { transform: translateY(-1px); }
.lasr-ripple-record-button:active { transform: translateY(1px) scale(.985); }
.lasr-ripple-core {
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 50%;
}
.lasr-ripple-button-label { position: absolute; }
.lasr-label-recording { opacity: 0; }
.lasr-ripple-record-button.is-recording {
  background: #171713;
  box-shadow: 0 0 0 8px rgba(214,66,46,.14), 0 9px 20px rgba(0,0,0,.2), inset 0 0 0 2px #d6422e;
}
.lasr-ripple-record-button.is-recording .lasr-label-ready { opacity: 0; }
.lasr-ripple-record-button.is-recording .lasr-label-recording { opacity: 1; }
.lasr-ripple-record-button.is-recording ~ .lasr-ripple-note { color: #9b2e20; }
.lasr-ripple-recorder:has(.lasr-ripple-record-button.is-recording) .lasr-ripple-one { animation: lasr-breathe 1.55s ease-out infinite; }
.lasr-ripple-recorder:has(.lasr-ripple-record-button.is-recording) .lasr-ripple-two { animation: lasr-breathe 1.55s .34s ease-out infinite; }
.lasr-ripple-recorder:has(.lasr-ripple-record-button.is-recording) .lasr-ripple-three { animation: lasr-breathe 1.55s .68s ease-out infinite; }
@keyframes lasr-breathe {
  0% { transform: scale(.66); opacity: .52; }
  70% { opacity: .14; }
  100% { transform: scale(1.08); opacity: 0; }
}
.lasr-ripple-note {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18px;
  margin: 0 auto;
  max-width: 310px;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 11px;
  line-height: 1.55;
  text-align: center;
  color: rgba(26,26,21,.65);
}
.lasr-hidden-stop {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Preview: keep the proven selectors and behavior, improve only its presentation. */
.lasr-review-panel {
  width: min(620px, calc(100% - 32px));
  margin: 0 auto;
  padding: clamp(28px, 5vw, 54px);
  border: 1px solid rgba(24,24,18,.24);
  background: rgba(255,255,255,.76);
  box-shadow: 0 18px 42px rgba(45,36,20,.12);
}
.lasr-back-accession { margin-bottom: 28px; text-align: center; }
.lasr-back-accession-title {
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.lasr-back-accession-number {
  margin-top: 7px;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 12px;
  opacity: .56;
}
.lasr-review-panel audio { width: 100%; margin: 0 0 28px; }
.lasr-review-actions-hardware {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
}
.lasr-undo-button,
.lasr-archive-hardware-button {
  min-height: 52px !important;
  border-radius: 0 !important;
  font-family: "IBM Plex Mono", monospace !important;
}
.lasr-archive-hardware-button { width: 100% !important; }
@media (max-width:700px) {
  .lasr-ripple-recorder { width: 100%; min-height: 330px; }
  .lasr-ripple-record-button { width: 108px; font-size: 13px; }
  .lasr-ripple { width: 140px; }
  .lasr-ripple-two { width: 202px; }
  .lasr-ripple-three { width: 266px; }
  .lasr-ripple-note { bottom: 8px; padding: 0 18px; }
  .lasr-review-panel { width: calc(100% - 20px); padding: 26px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .lasr-ripple { animation: none !important; }
}

/* ========================================================================
   v2.0.1 — voice-responsive ripples + circular review state
   ======================================================================== */
.lasr-homepage-recorder {
  --lasr-mic-level: 0;
  --lasr-ring-one: .86;
  --lasr-ring-two: .88;
  --lasr-ring-three: .90;
}

/* Idle: a restrained readiness pulse, not a continuous performance. */
.lasr-homepage-recorder:not(.is-mic-active) .lasr-ripple-one {
  animation: lasr-idle-ready 4.8s ease-in-out infinite;
}
.lasr-homepage-recorder:not(.is-mic-active) .lasr-ripple-two,
.lasr-homepage-recorder:not(.is-mic-active) .lasr-ripple-three {
  animation: none !important;
}
@keyframes lasr-idle-ready {
  0%, 76%, 100% { transform: scale(.80); opacity: .40; }
  86% { transform: scale(.835); opacity: .48; }
}

/* Recording: microphone amplitude drives each ring; outer rings travel farther. */
.lasr-homepage-recorder.is-mic-active .lasr-ripple {
  animation: none !important;
  transition: transform 85ms linear, opacity 120ms ease-out, border-color 120ms ease-out;
  transform-origin: center;
}
.lasr-homepage-recorder.is-mic-active .lasr-ripple-one {
  transform: scale(var(--lasr-ring-one));
  opacity: calc(.28 + (var(--lasr-mic-level) * .55));
  border-color: rgba(157, 48, 34, calc(.32 + (var(--lasr-mic-level) * .55)));
}
.lasr-homepage-recorder.is-mic-active .lasr-ripple-two {
  transform: scale(var(--lasr-ring-two));
  opacity: calc(.19 + (var(--lasr-mic-level) * .42));
  border-color: rgba(157, 48, 34, calc(.22 + (var(--lasr-mic-level) * .42)));
  transition-delay: 36ms;
}
.lasr-homepage-recorder.is-mic-active .lasr-ripple-three {
  transform: scale(var(--lasr-ring-three));
  opacity: calc(.11 + (var(--lasr-mic-level) * .32));
  border-color: rgba(157, 48, 34, calc(.14 + (var(--lasr-mic-level) * .32)));
  transition-delay: 72ms;
}

/* Review stays in the same circular visual world as recording. */
.lasr-homepage-recorder .lasr-review-panel {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-top: 24px !important;
}
.lasr-review-ripple {
  position: relative;
  width: min(320px, 72vw);
  aspect-ratio: 1;
  margin: 2px auto 24px;
  display: grid;
  place-items: center;
}
.lasr-review-ring {
  position: absolute;
  border: 1.5px solid rgba(24,24,18,.28);
  border-radius: 50%;
}
.lasr-review-ring-one { width: 42%; aspect-ratio: 1; opacity: .50; }
.lasr-review-ring-two { width: 67%; aspect-ratio: 1; opacity: .30; }
.lasr-review-ring-three { width: 92%; aspect-ratio: 1; opacity: .16; }
.lasr-review-center {
  width: 104px;
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #d6422e;
  color: #fffaf0;
  box-shadow: 0 8px 18px rgba(48,20,10,.16), inset 0 2px 1px rgba(255,255,255,.25);
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .12em;
}
.lasr-homepage-recorder .lasr-back-accession { margin-bottom: 10px !important; }
.lasr-homepage-recorder .lasr-review-panel audio {
  display: block;
  width: min(520px, 100%);
  margin: 0 auto 24px !important;
}
.lasr-homepage-recorder .lasr-review-actions-hardware {
  width: min(520px, 100%) !important;
  margin: 0 auto !important;
}

@media (max-width:700px) {
  .lasr-review-ripple { width: min(260px, 76vw); margin-bottom: 18px; }
  .lasr-review-center { width: 88px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .lasr-homepage-recorder:not(.is-mic-active) .lasr-ripple-one { animation: none !important; }
  .lasr-homepage-recorder.is-mic-active .lasr-ripple { transition: none !important; }
}

/* ========================================================================
   v2.0.2 — complete listening / archive review state
   ======================================================================== */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-back,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-back-card-shell {
  min-height: auto !important;
  height: auto !important;
  overflow: visible !important;
}
.lasr-homepage-recorder .lasr-review-panel {
  width: min(900px, calc(100% - 40px)) !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: clamp(30px, 4vw, 54px) clamp(24px, 5vw, 70px) clamp(34px, 5vw, 58px) !important;
  overflow: visible !important;
}
.lasr-review-heading {
  max-width: 760px;
  margin: 0 auto 4px;
  text-align: center;
}
.lasr-review-kicker {
  margin-bottom: 9px;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #25251f;
}
.lasr-review-heading h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(34px, 4vw, 58px) !important;
  font-weight: 600 !important;
  line-height: 1.03 !important;
  letter-spacing: -.025em !important;
  color: #22221e;
}
.lasr-review-heading p {
  max-width: 650px;
  margin: 14px auto 0;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(16px, 1.55vw, 21px) !important;
  line-height: 1.45 !important;
  color: #37362f;
}
.lasr-homepage-recorder .lasr-review-panel .lasr-back-accession {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  opacity: 0 !important;
}
.lasr-review-ripple {
  width: min(430px, 70vw) !important;
  margin: 0 auto 22px !important;
}
.lasr-review-ring { border-color: rgba(44,43,36,.15) !important; }
.lasr-review-ring-one  { width: 18% !important; opacity: .38 !important; }
.lasr-review-ring-two  { width: 31% !important; opacity: .34 !important; }
.lasr-review-ring-three{ width: 44% !important; opacity: .29 !important; }
.lasr-review-ring-four { width: 58%; aspect-ratio: 1; opacity: .24; }
.lasr-review-ring-five { width: 73%; aspect-ratio: 1; opacity: .19; }
.lasr-review-ring-six  { width: 90%; aspect-ratio: 1; opacity: .14; }
.lasr-review-center-dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #34332d;
  box-shadow: 0 1px 2px rgba(0,0,0,.12);
}
.lasr-review-player {
  width: min(700px, 100%);
  margin: 0 auto;
  padding-top: 22px;
  border-top: 1px solid rgba(46,44,36,.18);
}
.lasr-homepage-recorder .lasr-review-panel .lasr-review-player audio {
  display: block !important;
  width: min(620px, 100%) !important;
  height: 40px !important;
  margin: 0 auto 24px !important;
}
.lasr-homepage-recorder .lasr-review-actions-hardware {
  display: grid !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.15fr) !important;
  gap: 16px !important;
  width: min(700px, 100%) !important;
  margin: 0 auto !important;
}
.lasr-homepage-recorder .lasr-undo-button,
.lasr-homepage-recorder .lasr-archive-hardware-button {
  width: 100% !important;
  min-height: 60px !important;
  padding: 14px 18px !important;
  border-radius: 0 !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: clamp(13px, 1.25vw, 17px) !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}
.lasr-homepage-recorder .lasr-undo-button {
  border: 1px solid #33332d !important;
  background: transparent !important;
  color: #2a2a25 !important;
}
.lasr-homepage-recorder .lasr-archive-hardware-button {
  border: 1px solid #747f64 !important;
  background: #747f64 !important;
  color: #fff !important;
}
.lasr-homepage-recorder .lasr-undo-button:hover,
.lasr-homepage-recorder .lasr-undo-button:focus-visible { background: rgba(44,44,37,.055) !important; }
.lasr-homepage-recorder .lasr-archive-hardware-button:hover,
.lasr-homepage-recorder .lasr-archive-hardware-button:focus-visible { background: #667257 !important; }

@media (max-width:700px) {
  .lasr-homepage-recorder .lasr-review-panel {
    width: calc(100% - 20px) !important;
    padding: 28px 18px 34px !important;
  }
  .lasr-review-heading h2 { font-size: clamp(32px, 10vw, 45px) !important; }
  .lasr-review-heading p { font-size: 16px !important; }
  .lasr-review-ripple { width: min(300px, 78vw) !important; margin-bottom: 16px !important; }
  .lasr-review-player { padding-top: 16px; }
  .lasr-homepage-recorder .lasr-review-actions-hardware {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .lasr-homepage-recorder .lasr-undo-button,
  .lasr-homepage-recorder .lasr-archive-hardware-button { min-height: 54px !important; }
}

/* ========================================================================
   v2.0.3 — readable, self-contained listening state
   The permanent recorder logo/tagline belongs only to the recording face.
   ======================================================================== */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-brand {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped {
  min-height: 920px !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-flip-card-inner {
  top: 0 !important;
  bottom: auto !important;
  min-height: 920px !important;
  height: 920px !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
  justify-content: flex-start !important;
  padding: 34px 32px 44px !important;
  overflow: visible !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-back-card-shell {
  width: min(100%, 940px) !important;
  max-width: 940px !important;
  min-height: auto !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-review-panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: min(900px, 100%) !important;
  max-width: 900px !important;
  min-height: 820px !important;
  margin: 0 auto !important;
  padding: 18px 48px 40px !important;
  overflow: visible !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-heading {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 auto 10px !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
  flex: 0 0 auto !important;
  width: min(340px, 54vh, 72vw) !important;
  margin: 0 auto 18px !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-player,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-upload-status {
  position: relative !important;
  z-index: 3 !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-player {
  width: min(660px, 100%) !important;
  margin: 0 auto !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(42,42,35,.18) !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-player audio {
  width: 100% !important;
  margin: 0 auto 20px !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware {
  width: min(660px, 100%) !important;
  margin: 0 auto !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) !important;
  gap: 14px !important;
}

@media (max-width: 700px) {
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped {
    min-height: 900px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-flip-card-inner {
    min-height: 900px !important;
    height: 900px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
    padding: 22px 12px 34px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-review-panel {
    width: 100% !important;
    min-height: 840px !important;
    padding: 10px 16px 30px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-heading h2 {
    font-size: clamp(31px, 9.6vw, 43px) !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
    width: min(270px, 62vw) !important;
    margin-bottom: 14px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

/* ========================================================================
   v2.0.4 — circular PLAY review + flat archive actions
   ======================================================================== */
.lasr-recorder,
.lasr-recorder-experience,
.lasr-homepage-recorder .lasr-flip-card {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.lasr-recorder,
.lasr-recorder-experience { overflow-x: clip !important; }

/* Front state: preserve the full instruction instead of clipping it. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front {
  overflow: visible !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-recorder {
  min-height: 360px !important;
  padding-bottom: 58px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-note {
  bottom: 10px !important;
  font-family: "IBM Plex Mono", "IBM Plex Sans", monospace !important;
}

/* Review: branding remains the header; the record control becomes PLAY. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped {
  min-height: 820px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-flip-card-inner {
  min-height: 820px !important;
  height: 820px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-brand {
  display: block !important;
  position: relative !important;
  z-index: 5 !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
  padding: 280px 28px 34px !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-review-panel {
  width: min(760px, 100%) !important;
  min-height: 500px !important;
  padding: 0 34px 30px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-back-accession { display: none !important; }
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
  width: min(310px, 46vh, 68vw) !important;
  margin: 0 auto 14px !important;
}
.lasr-review-ring-four { width: 54%; aspect-ratio: 1; opacity: .40; }
.lasr-review-ring-five { width: 79%; aspect-ratio: 1; opacity: .23; }
.lasr-review-ring-six { width: 100%; aspect-ratio: 1; opacity: .10; }
.lasr-review-play-button {
  position: relative;
  z-index: 4;
  width: 116px;
  aspect-ratio: 1;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 50%;
  background: #26351f;
  color: #fff;
  box-shadow: 0 9px 20px rgba(35,31,20,.16), inset 0 0 0 2px rgba(214,66,46,.72);
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: .02em;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease;
}
.lasr-review-play-button:hover { transform: translateY(-1px); }
.lasr-review-play-button.is-playing { background: #3c4c33; }
.lasr-review-instruction {
  margin: 0 auto 16px !important;
  max-width: 680px;
  text-align: center;
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: 16px;
  line-height: 1.45;
  color: #292922;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-player {
  display: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware {
  width: min(680px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1.4fr !important;
  gap: 14px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-undo-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-archive-hardware-button {
  min-height: 58px !important;
  border-radius: 0 !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .13em !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-undo-button {
  border: 1px solid #2d2d27 !important;
  background: transparent !important;
  color: #24241f !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-archive-hardware-button {
  border: 1px solid #68755b !important;
  background: #68755b !important;
  color: #fff !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-archive-hardware-button:hover {
  background: #59674e !important;
  border-color: #59674e !important;
}

@media (max-width: 700px) {
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-recorder {
    min-height: 350px !important;
    padding-bottom: 64px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-flip-card-inner {
    min-height: 780px !important;
    height: 780px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
    padding: 245px 12px 28px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-review-panel {
    min-height: 500px !important;
    padding: 0 16px 24px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
    width: min(250px, 60vw) !important;
    margin-bottom: 12px !important;
  }
  .lasr-review-play-button { width: 102px; font-size: 15px; }
  .lasr-review-instruction { font-size: 14px; margin-bottom: 14px !important; }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

/* ========================================================================
   v2.0.5 — stable two-state layout (no 3D face bleed)
   Keep branding visible on both states; show exactly one working face.
   ======================================================================== */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card-inner {
  transform: none !important;
  perspective: none !important;
  transform-style: flat !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card-inner {
  position: absolute !important;
  top: 285px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-face {
  position: absolute !important;
  inset: 0 !important;
  transform: none !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
}

/* Ready / recording: only the front face exists visually. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card:not(.is-flipped) .lasr-card-front {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card:not(.is-flipped) .lasr-card-back {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Review: retain the shared logo/tagline, hide recorder face completely. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-brand {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-front {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  padding: 12px 28px 34px !important;
  justify-content: flex-start !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped {
  min-height: 860px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-review-panel {
  width: min(760px, 100%) !important;
  min-height: 515px !important;
  margin: 0 auto !important;
  padding: 0 34px 30px !important;
}

/* Flat controls: prevent inherited hardware transforms / reversed labels. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button {
  transform: none !important;
  filter: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware button {
  writing-mode: horizontal-tb !important;
  direction: ltr !important;
}

@media (max-width:700px) {
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card-inner {
    top: 245px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped {
    min-height: 810px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
    padding: 8px 12px 28px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-review-panel {
    min-height: 515px !important;
    padding: 0 16px 24px !important;
  }
}


/* ========================================================================
   v2.1.0 — final interaction polish
   Same physical control across record/review; sensitive live ripples;
   flat archive controls and stable review alignment.
   ======================================================================== */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped {
  min-height: 760px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-flip-card-inner {
  top: 250px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
  padding: 0 28px 30px !important;
  align-items: flex-start !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-review-panel {
  width: min(760px, 100%) !important;
  min-height: 470px !important;
  margin: 0 auto !important;
  padding: 0 34px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
  width: min(320px, 62vw) !important;
  height: auto !important;
  aspect-ratio: 1 !important;
  margin: 0 auto 18px !important;
  flex: 0 0 auto !important;
}
.lasr-review-play-button,
.lasr-review-play-button:hover,
.lasr-review-play-button:focus,
.lasr-review-play-button.is-playing {
  width: 116px !important;
  height: 116px !important;
  min-width: 116px !important;
  min-height: 116px !important;
  border: 0 !important;
  outline: 0 !important;
  background: #68755b !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(35,31,20,.14) !important;
  filter: none !important;
  transform: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.lasr-review-play-button::before,
.lasr-review-play-button::after { content: none !important; display: none !important; }
.lasr-review-instruction {
  max-width: 620px !important;
  margin: 0 auto 22px !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  text-align: center !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware {
  width: min(640px, 100%) !important;
  margin: 0 auto !important;
  grid-template-columns: 1fr 1.45fr !important;
  gap: 14px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware button {
  min-height: 56px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  background-image: none !important;
  filter: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-archive-hardware-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-archive-hardware-button:hover,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-archive-hardware-button:focus,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-archive-hardware-button:active {
  background: #68755b !important;
  color: #fff !important;
  border: 1px solid #68755b !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
}
/* Playback gives the same rings a restrained pulse, without changing geometry. */
.lasr-review-play-button.is-playing ~ .lasr-review-ring,
.lasr-review-ripple:has(.lasr-review-play-button.is-playing) .lasr-review-ring {
  animation: lasr-review-play-pulse 1.15s ease-in-out infinite alternate !important;
}
@keyframes lasr-review-play-pulse {
  from { transform: translate(-50%,-50%) scale(.97); opacity: .38; }
  to   { transform: translate(-50%,-50%) scale(1.035); opacity: .72; }
}
@media (max-width:700px) {
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped {
    min-height: 720px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-flip-card-inner {
    top: 220px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
    padding: 0 12px 24px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-review-panel {
    min-height: 460px !important;
    padding: 0 16px 20px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
    width: min(270px, 68vw) !important;
    margin-bottom: 16px !important;
  }
  .lasr-review-play-button,
  .lasr-review-play-button:hover,
  .lasr-review-play-button:focus,
  .lasr-review-play-button.is-playing {
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
  }
  .lasr-review-instruction {
    font-size: 12px !important;
    margin-bottom: 16px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

/* ========================================================================
   v2.1.1 — exact shared-center geometry + audio-responsive review rings
   ======================================================================== */
.lasr-homepage-recorder {
  --lasr-review-ring-1: 1;
  --lasr-review-ring-2: 1;
  --lasr-review-ring-3: 1;
  --lasr-review-ring-4: 1;
  --lasr-review-ring-5: 1;
  --lasr-review-ring-6: 1;
  --lasr-review-level: 0;
}

/* Both recorder and player use one mathematically exact center. */
.lasr-ripple-recorder,
.lasr-review-ripple {
  position: relative !important;
  display: block !important;
}
.lasr-ripple-field,
.lasr-review-ring,
.lasr-ripple-record-button,
.lasr-review-play-button {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
}
.lasr-ripple-field {
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  transform: translate(-50%, -50%) !important;
}
.lasr-ripple {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) scale(.8);
  transform-origin: center center !important;
}
.lasr-ripple-record-button,
.lasr-review-play-button,
.lasr-review-play-button:hover,
.lasr-review-play-button:focus,
.lasr-review-play-button.is-playing {
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}
.lasr-review-ring {
  margin: 0 !important;
  transform-origin: center center !important;
  transition: transform 75ms linear, opacity 110ms ease-out !important;
}
.lasr-review-ring-one  { transform: translate(-50%,-50%) scale(var(--lasr-review-ring-1)) !important; }
.lasr-review-ring-two  { transform: translate(-50%,-50%) scale(var(--lasr-review-ring-2)) !important; }
.lasr-review-ring-three{ transform: translate(-50%,-50%) scale(var(--lasr-review-ring-3)) !important; }
.lasr-review-ring-four { transform: translate(-50%,-50%) scale(var(--lasr-review-ring-4)) !important; }
.lasr-review-ring-five { transform: translate(-50%,-50%) scale(var(--lasr-review-ring-5)) !important; }
.lasr-review-ring-six  { transform: translate(-50%,-50%) scale(var(--lasr-review-ring-6)) !important; }

/* No canned playback animation. Rings move only from the recorded audio. */
.lasr-review-play-button.is-playing ~ .lasr-review-ring,
.lasr-review-ripple:has(.lasr-review-play-button.is-playing) .lasr-review-ring {
  animation: none !important;
}

/* Make the review field match the recorder field's physical footprint. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
  width: min(460px, 92vw) !important;
  height: 410px !important;
  aspect-ratio: auto !important;
  margin: 0 auto 18px !important;
}
.lasr-review-play-button,
.lasr-review-play-button:hover,
.lasr-review-play-button:focus,
.lasr-review-play-button.is-playing {
  width: 126px !important;
  height: 126px !important;
  min-width: 126px !important;
  min-height: 126px !important;
}
@media (max-width:700px) {
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
    width: 100% !important;
    height: 330px !important;
    margin-bottom: 14px !important;
  }
  .lasr-review-play-button,
  .lasr-review-play-button:hover,
  .lasr-review-play-button:focus,
  .lasr-review-play-button.is-playing {
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
  }
}

/* ========================================================================
   v2.1.2 — approved two-state geometry
   A single stable centered device on Record and Review screens.
   ======================================================================== */

/* The recording/review card grows with its content and never clips controls. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-recorder-experience,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card-inner {
  min-height: 700px !important;
  height: auto !important;
  overflow: visible !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-brand {
  position: relative !important;
  inset: auto !important;
  z-index: 5 !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 22px 24px 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-logo {
  display: block !important;
  width: min(330px, 45vw) !important;
  max-height: 210px !important;
  object-fit: contain !important;
  margin: 0 auto 12px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-invitation {
  margin: 0 auto !important;
  text-align: center !important;
  font-family: "IBM Plex Sans", Arial, sans-serif !important;
  font-size: clamp(19px, 1.8vw, 28px) !important;
  line-height: 1.25 !important;
}

/* Remove all residual 3-D/absolute flip geometry for the active screens. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card-inner {
  position: relative !important;
  display: block !important;
  transform: none !important;
  perspective: none !important;
  top: auto !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-face {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 480px !important;
  height: auto !important;
  transform: none !important;
  backface-visibility: visible !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card:not(.is-flipped) .lasr-card-front {
  display: block !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card:not(.is-flipped) .lasr-card-back {
  display: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-front {
  display: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
  display: block !important;
  padding: 0 24px 28px !important;
}

/* Status remains accessible to screen readers but does not consume layout. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-status {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

/* One shared device footprint. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-recorder,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
  position: relative !important;
  display: block !important;
  width: 330px !important;
  height: 330px !important;
  min-height: 0 !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
  flex: none !important;
  overflow: visible !important;
}

/* Every circle and the center control share exactly one coordinate. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-field,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-record-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  margin: 0 !important;
  transform-origin: center center !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-field {
  width: 100% !important;
  height: 100% !important;
  inset: auto !important;
  transform: translate(-50%, -50%) !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple {
  border: 1px solid rgba(50,48,40,.14) !important;
  border-radius: 50% !important;
  animation: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-one {
  width: 42% !important; height: 42% !important;
  transform: translate(-50%,-50%) scale(var(--lasr-ring-one,1)) !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-two {
  width: 67% !important; height: 67% !important;
  transform: translate(-50%,-50%) scale(var(--lasr-ring-two,1)) !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-three {
  width: 92% !important; height: 92% !important;
  transform: translate(-50%,-50%) scale(var(--lasr-ring-three,1)) !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring {
  border: 1px solid rgba(50,48,40,.14) !important;
  border-radius: 50% !important;
  animation: none !important;
  transition: transform 70ms linear !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-one  { width: 28% !important; height: 28% !important; transform: translate(-50%,-50%) scale(var(--lasr-review-ring-1,1)) !important; opacity:.45 !important; }
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-two  { width: 43% !important; height: 43% !important; transform: translate(-50%,-50%) scale(var(--lasr-review-ring-2,1)) !important; opacity:.36 !important; }
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-three{ width: 58% !important; height: 58% !important; transform: translate(-50%,-50%) scale(var(--lasr-review-ring-3,1)) !important; opacity:.29 !important; }
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-four { width: 73% !important; height: 73% !important; transform: translate(-50%,-50%) scale(var(--lasr-review-ring-4,1)) !important; opacity:.22 !important; }
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-five { width: 88% !important; height: 88% !important; transform: translate(-50%,-50%) scale(var(--lasr-review-ring-5,1)) !important; opacity:.15 !important; }
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-six  { display:none !important; }

/* Identical physical control size; only the state/color changes. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-record-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:hover,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:focus,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button.is-playing {
  width: 122px !important;
  height: 122px !important;
  min-width: 122px !important;
  min-height: 122px !important;
  border-radius: 50% !important;
  transform: translate(-50%,-50%) !important;
  filter: none !important;
  outline: none !important;
  box-sizing: border-box !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:hover,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:focus,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button.is-playing {
  background: #6f7d62 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 7px 16px rgba(35,31,20,.13) !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-note {
  position: absolute !important;
  left: 50% !important;
  bottom: -4px !important;
  transform: translateX(-50%) !important;
  width: min(420px, 90vw) !important;
  margin: 0 !important;
  text-align: center !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* Review content follows the device instead of overlapping/cropping it. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-back-card-shell,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-panel {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-back-accession,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-player {
  display: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-instruction {
  order: 2 !important;
  margin: -10px auto 14px !important;
  padding: 0 12px !important;
  max-width: 760px !important;
  text-align: center !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple { order: 1 !important; }
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware {
  order: 3 !important;
  width: min(720px, 100%) !important;
  display: grid !important;
  grid-template-columns: 1fr 1.08fr !important;
  gap: 14px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware button {
  min-height: 62px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  background-image: none !important;
  transform: none !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-undo-button {
  background: transparent !important;
  color: #24231f !important;
  border: 1px solid #24231f !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-submit-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-submit-button:hover,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-submit-button:focus {
  background: #6f7d62 !important;
  color: #fff !important;
  border: 1px solid #6f7d62 !important;
  box-shadow: none !important;
  filter: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-upload-status {
  order: 4 !important;
  min-height: 22px !important;
  margin: 8px auto 0 !important;
}

@media (max-width: 700px) {
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-recorder-experience,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card-inner {
    min-height: 690px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-logo {
    width: min(300px, 78vw) !important;
    max-height: 190px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-invitation {
    font-size: 19px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-recorder,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
    width: 290px !important;
    height: 290px !important;
    margin-top: 10px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-record-button,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:hover,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:focus,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button.is-playing {
    width: 108px !important;
    height: 108px !important;
    min-width: 108px !important;
    min-height: 108px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
    padding: 0 16px 24px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-instruction {
    margin-top: -4px !important;
    font-size: 12px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: min(430px, 100%) !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware button {
    min-height: 56px !important;
  }
}

/* ========================================================================
   v2.1.3 — production layout lock
   Approved compact Record/Review states. No geometry inherited from legacy
   flip-card rules may reposition the circles, controls, or review actions.
   ======================================================================== */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-recorder-experience,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card-inner {
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card {
  display: flex !important;
  flex-direction: column !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-brand {
  flex: 0 0 auto !important;
  padding: 18px 24px 0 !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-logo {
  width: 300px !important;
  max-width: 56vw !important;
  max-height: 176px !important;
  margin: 0 auto 8px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-invitation {
  margin: 0 auto !important;
  font-size: clamp(18px,1.45vw,24px) !important;
  line-height: 1.25 !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card-inner {
  flex: 1 0 auto !important;
  display: block !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-face {
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-back {
  padding: 0 24px 22px !important;
}

/* One explicit 300px coordinate system for both states. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-recorder,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
  position: relative !important;
  width: 300px !important;
  height: 300px !important;
  min-width: 300px !important;
  min-height: 300px !important;
  margin: 8px auto 0 !important;
  padding: 0 !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-field,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-record-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;
  margin: 0 !important;
  transform-origin: 50% 50% !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-field {
  width: 100% !important;
  height: 100% !important;
  transform: translate(-50%,-50%) !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-one,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-one {
  width: 38% !important; height: 38% !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-two,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-two {
  width: 62% !important; height: 62% !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-three,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-three {
  width: 86% !important; height: 86% !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-four,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-five,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-six {
  display: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-one {
  transform: translate(-50%,-50%) scale(var(--lasr-ring-one,1)) !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-two {
  transform: translate(-50%,-50%) scale(var(--lasr-ring-two,1)) !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-three {
  transform: translate(-50%,-50%) scale(var(--lasr-ring-three,1)) !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-one {
  transform: translate(-50%,-50%) scale(var(--lasr-review-ring-1,1)) !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-two {
  transform: translate(-50%,-50%) scale(var(--lasr-review-ring-2,1)) !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring-three {
  transform: translate(-50%,-50%) scale(var(--lasr-review-ring-3,1)) !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring {
  border: 1px solid rgba(50,48,40,.14) !important;
  border-radius: 50% !important;
  animation: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-record-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:hover,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:focus,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button.is-playing {
  width: 112px !important;
  height: 112px !important;
  min-width: 112px !important;
  min-height: 112px !important;
  transform: translate(-50%,-50%) !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:hover,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:focus,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button.is-playing {
  background: #718064 !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: 0 7px 16px rgba(35,31,20,.12) !important;
  color: #fff !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-note {
  bottom: 0 !important;
  font-size: 13px !important;
}

/* Compact approved review stack. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
  padding: 0 24px 20px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-back-card-shell,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
  order: 1 !important;
  margin-top: 2px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-instruction {
  order: 2 !important;
  margin: -8px auto 12px !important;
  max-width: 760px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware {
  order: 3 !important;
  width: min(690px,100%) !important;
  display: grid !important;
  grid-template-columns: 1fr 1.08fr !important;
  gap: 14px !important;
  margin: 0 auto !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware button {
  min-height: 58px !important;
  height: 58px !important;
  padding: 0 24px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  filter: none !important;
  transform: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-submit-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-submit-button:hover,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-submit-button:focus {
  background: #718064 !important;
  color: #fff !important;
  border: 1px solid #718064 !important;
}

@media (max-width:700px) {
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-logo {
    width: 260px !important;
    max-width: 74vw !important;
    max-height: 154px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-invitation {
    font-size: 18px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-recorder,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
    width: 260px !important;
    height: 260px !important;
    min-width: 260px !important;
    min-height: 260px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-record-button,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:hover,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:focus,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button.is-playing {
    width: 104px !important;
    height: 104px !important;
    min-width: 104px !important;
    min-height: 104px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-back,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware {
    grid-template-columns: 1fr !important;
    width: min(430px,100%) !important;
    gap: 9px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware button {
    min-height: 54px !important;
    height: 54px !important;
  }
}

/* ========================================================================
   v2.1.4 — unified card/state layout
   Record, review, and confirmation use normal document flow. The active
   record/review controls occupy the same compact footprint with no jump.
   ======================================================================== */
.lasr-homepage-recorder:not(.is-confirmed) {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-recorder-experience {
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  overflow: visible !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border-radius: 18px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card-inner {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  transform: none !important;
  perspective: none !important;
  transform-style: flat !important;
  overflow: visible !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-face,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-back {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  transform: none !important;
  backface-visibility: visible !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  border: 0 !important;
  background: transparent !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card:not(.is-flipped) .lasr-card-front {
  display: block !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card:not(.is-flipped) .lasr-card-back {
  display: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-front {
  display: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
  display: block !important;
}

/* Shared branding remains in the same place on both active states. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 18px 20px 2px !important;
  box-sizing: border-box !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-logo {
  display: block !important;
  width: min(300px, 58vw) !important;
  height: auto !important;
  max-height: 178px !important;
  object-fit: contain !important;
  margin: 0 auto 8px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-invitation {
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Identical device footprint on Record and Review. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
  padding: 0 24px 22px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-recorder,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
  width: 270px !important;
  height: 270px !important;
  min-width: 270px !important;
  min-height: 270px !important;
  margin: 2px auto 0 !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-record-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:hover,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:focus,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button.is-playing {
  width: 108px !important;
  height: 108px !important;
  min-width: 108px !important;
  min-height: 108px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:hover,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:focus,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button.is-playing {
  background-color: #718064 !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: 0 7px 16px rgba(35,31,20,.12) !important;
  filter: none !important;
}

/* Review content stays inside the same card and follows immediately. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-back-card-shell,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-panel {
  position: static !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
  order: 1 !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-instruction {
  order: 2 !important;
  width: min(760px, 100%) !important;
  margin: -8px auto 12px !important;
  padding: 0 10px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware {
  order: 3 !important;
  display: grid !important;
  grid-template-columns: 1fr 1.08fr !important;
  gap: 14px !important;
  width: min(690px, 100%) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware button {
  appearance: none !important;
  -webkit-appearance: none !important;
  min-height: 58px !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  background-image: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-archive-hardware-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-archive-hardware-button:hover,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-archive-hardware-button:focus,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-submit-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-submit-button:hover,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-submit-button:focus {
  background: #718064 !important;
  background-color: #718064 !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid #718064 !important;
  box-shadow: none !important;
  filter: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-upload-status {
  order: 4 !important;
  min-height: 0 !important;
  margin: 8px 0 0 !important;
}

@media (max-width:700px) {
  .lasr-homepage-recorder:not(.is-confirmed) {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-recorder-experience {
    width: calc(100% - 20px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card {
    width: 100% !important;
    margin: 0 auto !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-brand {
    padding: 12px 12px 0 !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-logo {
    width: min(250px, 72vw) !important;
    max-height: 150px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
    padding: 0 12px 16px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-recorder,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
    width: 238px !important;
    height: 238px !important;
    min-width: 238px !important;
    min-height: 238px !important;
    margin-top: 0 !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-record-button,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:hover,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:focus,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button.is-playing {
    width: 98px !important;
    height: 98px !important;
    min-width: 98px !important;
    min-height: 98px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-instruction {
    margin: -4px auto 12px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    width: 100% !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware button {
    width: 100% !important;
    min-height: 54px !important;
    height: 54px !important;
  }
}

/* ========================================================================
   v2.1.5 — one permanent stage size across Record, Review, and Result
   The experience begins at the largest required footprint, so state changes
   never resize the page or make the surrounding site jump.
   ======================================================================== */
.lasr-homepage-recorder .lasr-recorder-experience,
.lasr-homepage-recorder .lasr-flip-card {
  min-height: 1120px !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card-inner,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-back {
  min-height: 1120px !important;
}

/* Keep both active states anchored to the same top edge inside that permanent
   stage. Extra room remains below the controls instead of appearing between
   the branding and device. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
  align-content: start !important;
  justify-content: flex-start !important;
}

/* The result may grow beyond the shared baseline, but can never be shorter. */
.lasr-homepage-recorder.is-confirmed .lasr-recorder-experience,
.lasr-homepage-recorder.is-confirmed .lasr-flip-card,
.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner,
.lasr-homepage-recorder.is-confirmed .lasr-card-back {
  min-height: 1120px !important;
}

@media (max-width: 700px) {
  .lasr-homepage-recorder .lasr-recorder-experience,
  .lasr-homepage-recorder .lasr-flip-card,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card-inner,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-back,
  .lasr-homepage-recorder.is-confirmed .lasr-recorder-experience,
  .lasr-homepage-recorder.is-confirmed .lasr-flip-card,
  .lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner,
  .lasr-homepage-recorder.is-confirmed .lasr-card-back {
    min-height: 1180px !important;
  }
}


/* ========================================================================
   v2.1.6 — one cohesive archival stage
   Record, Review, and Result now use the exact same outer card width and
   baseline footprint. Only the contents change between states.
   ======================================================================== */
.lasr-homepage-recorder {
  --lasr-stage-width: 1040px;
  width: 100% !important;
  max-width: none !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

.lasr-homepage-recorder .lasr-recorder-experience,
.lasr-homepage-recorder .lasr-flip-card {
  width: min(calc(100vw - 40px), var(--lasr-stage-width)) !important;
  max-width: var(--lasr-stage-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* The permanent outer object is identical in all three states. */
.lasr-homepage-recorder .lasr-recorder-experience {
  padding: 0 !important;
  border: 1px solid rgba(42,39,32,.13) !important;
  border-radius: 18px !important;
  background: #fbf8f0 !important;
  box-shadow: 0 12px 30px rgba(48,42,31,.08) !important;
  overflow: visible !important;
}
.lasr-homepage-recorder .lasr-flip-card {
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Result no longer expands into a wider page. */
.lasr-homepage-recorder.is-confirmed,
.lasr-homepage-recorder.is-confirmed .lasr-recorder-experience,
.lasr-homepage-recorder.is-confirmed .lasr-flip-card,
.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner,
.lasr-homepage-recorder.is-confirmed .lasr-card-back,
.lasr-homepage-recorder.is-confirmed .lasr-back-card-shell,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
  width: min(calc(100vw - 40px), var(--lasr-stage-width)) !important;
  max-width: var(--lasr-stage-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-card-back {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-back-card-shell,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
  width: 100% !important;
  max-width: 940px !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-portrait-mount {
  width: min(100%, 900px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Keep the thank-you composition visually anchored to the same top rhythm as
   Record and Review rather than behaving like a separate, wider page. */
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
  padding-top: 34px !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state > h3 {
  margin-top: 0 !important;
}

@media (max-width: 700px) {
  .lasr-homepage-recorder {
    --lasr-stage-width: 100%;
    padding-inline: 10px !important;
  }
  .lasr-homepage-recorder .lasr-recorder-experience,
  .lasr-homepage-recorder .lasr-flip-card,
  .lasr-homepage-recorder.is-confirmed,
  .lasr-homepage-recorder.is-confirmed .lasr-recorder-experience,
  .lasr-homepage-recorder.is-confirmed .lasr-flip-card,
  .lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner,
  .lasr-homepage-recorder.is-confirmed .lasr-card-back,
  .lasr-homepage-recorder.is-confirmed .lasr-back-card-shell,
  .lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
    width: 100% !important;
    max-width: 100% !important;
  }
  .lasr-homepage-recorder.is-confirmed .lasr-card-back {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* ========================================================================
   v2.2.0 — cardless capture + review; artifact appears only after accession
   The logo/tagline are the permanent site header and home link. The recorder
   and player occupy one stable open stage. The physical card is reserved for
   the final Sigh Portrait.
   ======================================================================== */
.lasr-homepage-recorder {
  --lasr-open-stage-width: 1040px;
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Remove the artificial outer card from capture and review. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-recorder-experience,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card-inner,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-back,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-back-card-shell,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-panel {
  width: min(calc(100vw - 40px), var(--lasr-open-stage-width)) !important;
  max-width: var(--lasr-open-stage-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.lasr-homepage-recorder:not(.is-confirmed) .lasr-recorder-experience {
  min-height: 760px !important;
  padding: 24px 20px 48px !important;
}

/* Permanent centered masthead; it does not move between Record and Review. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-brand {
  position: relative !important;
  inset: auto !important;
  z-index: 5 !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 28px !important;
  padding: 0 !important;
  text-align: center !important;
  transform: none !important;
}
.lasr-brand-home {
  display: inline-block !important;
  line-height: 0 !important;
  text-decoration: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-logo {
  display: block !important;
  width: clamp(210px, 24vw, 330px) !important;
  height: auto !important;
  margin: 0 auto 16px !important;
  transform: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-invitation {
  margin: 0 !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-size: clamp(16px, 1.55vw, 22px) !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

/* One fixed interaction footprint for Record/Stop and Play/Pause. */
.lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card.is-flipped .lasr-card-back {
  min-height: 430px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-recorder,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
  position: relative !important;
  width: 330px !important;
  height: 330px !important;
  flex: 0 0 330px !important;
  margin: 0 auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-field,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ring {
  transform-origin: 50% 50% !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-record-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:hover,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:focus,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button.is-playing {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 132px !important;
  height: 132px !important;
  min-width: 132px !important;
  min-height: 132px !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-note {
  margin: -2px auto 0 !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-instruction {
  width: min(100%, 760px) !important;
  margin: 0 auto 18px !important;
  text-align: center !important;
  font-family: "IBM Plex Mono", monospace !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware {
  width: min(100%, 760px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware button {
  min-height: 64px !important;
  border-radius: 0 !important;
  font-family: "IBM Plex Mono", monospace !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}
.lasr-homepage-recorder:not(.is-confirmed) .lasr-archive-hardware-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-archive-hardware-button:hover,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-archive-hardware-button:focus,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-submit-button,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-submit-button:hover,
.lasr-homepage-recorder:not(.is-confirmed) .lasr-submit-button:focus {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: #111 !important;
  background-color: #111 !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Result: no generic surrounding card. Only the portrait is the physical object. */
.lasr-homepage-recorder.is-confirmed .lasr-recorder-experience,
.lasr-homepage-recorder.is-confirmed .lasr-flip-card,
.lasr-homepage-recorder.is-confirmed .lasr-flip-card-inner,
.lasr-homepage-recorder.is-confirmed .lasr-card-back,
.lasr-homepage-recorder.is-confirmed .lasr-back-card-shell,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
  width: min(calc(100vw - 40px), var(--lasr-open-stage-width)) !important;
  max-width: var(--lasr-open-stage-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-card-brand {
  display: none !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-card-back {
  padding: 30px 20px 60px !important;
  min-height: 0 !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
  padding: 0 !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-portrait-mount {
  width: min(100%, 900px) !important;
  margin: 36px auto 0 !important;
}

@media (max-width: 700px) {
  .lasr-homepage-recorder {
    --lasr-open-stage-width: 100%;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-recorder-experience {
    width: 100% !important;
    min-height: 690px !important;
    padding: 18px 14px 36px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-logo {
    width: min(64vw, 260px) !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-brand {
    margin-bottom: 18px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-recorder,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
    width: 286px !important;
    height: 286px !important;
    flex-basis: 286px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-record-button,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:hover,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button:focus,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-play-button.is-playing {
    width: 118px !important;
    height: 118px !important;
    min-width: 118px !important;
    min-height: 118px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-actions-hardware button {
    min-height: 58px !important;
  }
  .lasr-homepage-recorder.is-confirmed .lasr-card-back {
    width: 100% !important;
    padding: 24px 10px 44px !important;
  }
}


/* v2.2.1 cleanup */
.lasr-card-brand{display:none!important;}
.lasr-button,
.lasr-play-button,
.lasr-record-again-button,
.lasr-archive-button,
.lasr-secondary-button,
button[data-lasr-play],
button[data-lasr-reset],
button[data-lasr-submit]{
background-image:none!important;
background:#fff!important;
box-shadow:none!important;
text-shadow:none!important;
filter:none!important;
}
button[data-lasr-submit], .lasr-archive-button{
background:#000!important;
color:#fff!important;
border:1px solid #000!important;
}
button[data-lasr-play]{
background:#d6422e!important;
color:#fff!important;
border:1px solid #d6422e!important;
}
button[data-lasr-reset], .lasr-record-again-button{
background:transparent!important;
color:#2c2c25!important;
border:1px solid #2c2c25!important;
}
.lasr-button::before,
.lasr-button::after,
.lasr-play-button::before,
.lasr-play-button::after,
.lasr-record-again-button::before,
.lasr-record-again-button::after,
.lasr-archive-button::before,
.lasr-archive-button::after,
button[data-lasr-play]::before,
button[data-lasr-play]::after,
button[data-lasr-reset]::before,
button[data-lasr-reset]::after,
button[data-lasr-submit]::before,
button[data-lasr-submit]::after{
display:none!important;
content:none!important;
}

/* v2.2.2 — open-stage cleanup: no outer cards; truly flat review controls */
.lasr-homepage-recorder .lasr-recorder-experience,
.lasr-homepage-recorder .lasr-flip-card,
.lasr-homepage-recorder .lasr-flip-card-inner,
.lasr-homepage-recorder .lasr-card-front,
.lasr-homepage-recorder .lasr-card-back,
.lasr-homepage-recorder .lasr-back-card-shell,
.lasr-homepage-recorder .lasr-review-panel,
.lasr-homepage-recorder .lasr-catalog-state {
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.lasr-homepage-recorder .lasr-undo-button,
.lasr-homepage-recorder .lasr-undo-button:hover,
.lasr-homepage-recorder .lasr-undo-button:focus,
.lasr-homepage-recorder .lasr-undo-button:focus-visible,
.lasr-homepage-recorder .lasr-undo-button:active {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #2c2c25 !important;
  border: 1px solid #2c2c25 !important;
  border-radius: 0 !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
}
.lasr-homepage-recorder .lasr-undo-button::before,
.lasr-homepage-recorder .lasr-undo-button::after {
  display: none !important;
  content: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* v2.2.3 — remove the final visible stage frame in every state */
.lasr-recorder.lasr-homepage-recorder,
.lasr-recorder.lasr-homepage-recorder > .lasr-recorder-experience,
.lasr-recorder.lasr-homepage-recorder .lasr-flip-card,
.lasr-recorder.lasr-homepage-recorder .lasr-flip-card-inner,
.lasr-recorder.lasr-homepage-recorder .lasr-card-front,
.lasr-recorder.lasr-homepage-recorder .lasr-card-back,
.lasr-recorder.lasr-homepage-recorder .lasr-back-card-shell,
.lasr-recorder.lasr-homepage-recorder .lasr-review-panel,
.lasr-recorder.lasr-homepage-recorder .lasr-catalog-state {
  border: none !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  outline: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.lasr-recorder.lasr-homepage-recorder > .lasr-recorder-experience::before,
.lasr-recorder.lasr-homepage-recorder > .lasr-recorder-experience::after,
.lasr-recorder.lasr-homepage-recorder .lasr-flip-card::before,
.lasr-recorder.lasr-homepage-recorder .lasr-flip-card::after,
.lasr-recorder.lasr-homepage-recorder .lasr-flip-card-inner::before,
.lasr-recorder.lasr-homepage-recorder .lasr-flip-card-inner::after,
.lasr-recorder.lasr-homepage-recorder .lasr-card-front::before,
.lasr-recorder.lasr-homepage-recorder .lasr-card-front::after,
.lasr-recorder.lasr-homepage-recorder .lasr-card-back::before,
.lasr-recorder.lasr-homepage-recorder .lasr-card-back::after,
.lasr-recorder.lasr-homepage-recorder .lasr-back-card-shell::before,
.lasr-recorder.lasr-homepage-recorder .lasr-back-card-shell::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* v2.2.4 — tighter workspace, stronger rings, recorded-envelope playback */
@media (min-width: 701px) {
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-recorder-experience,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card-inner,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-back,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-panel {
    min-height: 760px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-panel {
    padding-top: 56px !important;
    justify-content: flex-start !important;
  }
}

/* Quiet at rest; nearly black and unmistakable while recording or replaying. */
.lasr-homepage-recorder .lasr-ripple,
.lasr-homepage-recorder .lasr-review-ring {
  border-color: rgba(18,18,16,.10) !important;
}
.lasr-homepage-recorder.is-mic-active .lasr-ripple {
  border-color: rgba(12,12,11,.92) !important;
  box-shadow: 0 0 0 1px rgba(12,12,11,.04) !important;
}
.lasr-homepage-recorder .lasr-review-play-button.is-playing ~ .lasr-review-rings .lasr-review-ring,
.lasr-homepage-recorder .lasr-review-player:has(.lasr-review-play-button.is-playing) .lasr-review-ring,
.lasr-homepage-recorder .lasr-review-panel:has(.lasr-review-play-button.is-playing) .lasr-review-ring {
  border-color: rgba(12,12,11,.92) !important;
}


/* v2.2.5 — compact workspace, centered confirmation typography, faithful replay */
@media (min-width: 701px) {
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-recorder-experience,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-flip-card-inner,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-back,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-panel {
    min-height: 520px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-card-front,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-panel {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-ripple-recorder,
  .lasr-homepage-recorder:not(.is-confirmed) .lasr-review-ripple {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-state {
  text-align: center !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-message {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3 {
  font-weight: 500 !important;
  letter-spacing: -0.025em !important;
}
.lasr-homepage-recorder.is-confirmed .lasr-catalog-message {
  font-weight: 400 !important;
}

/* Playback class is applied to the recorder root so ring contrast works
   regardless of DOM sibling order or :has() support. */
.lasr-homepage-recorder.is-review-playing .lasr-review-ring {
  border-color: rgba(12,12,11,.94) !important;
}

/* v2.2.7 — bring the recorder workspace closer to the site header.
   The WordPress header remains visually separate, but the interaction now
   begins as the next part of the invitation instead of halfway down the page. */
@media (min-width: 701px) {
  .lasr-recorder.lasr-homepage-recorder {
    margin-top: -150px !important;
  }
}

@media (max-width: 700px) {
  .lasr-recorder.lasr-homepage-recorder {
    margin-top: -36px !important;
  }
}

/* v2.2.8 — state-aware vertical rhythm and hard centering.
   Do not pull the confirmation state upward into the WordPress header. */
.lasr-recorder.lasr-homepage-recorder {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
  text-align: center !important;
}

.lasr-recorder.lasr-homepage-recorder .lasr-recorder-experience,
.lasr-recorder.lasr-homepage-recorder .lasr-flip-card,
.lasr-recorder.lasr-homepage-recorder .lasr-flip-card-inner,
.lasr-recorder.lasr-homepage-recorder .lasr-card-front,
.lasr-recorder.lasr-homepage-recorder .lasr-card-back,
.lasr-recorder.lasr-homepage-recorder .lasr-review-panel,
.lasr-recorder.lasr-homepage-recorder .lasr-catalog-state {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 701px) {
  /* Record and review move closer, but retain a deliberate gap below header. */
  .lasr-recorder.lasr-homepage-recorder:not(.is-confirmed) {
    margin-top: -72px !important;
  }

  /* Confirmation starts in normal flow so its heading cannot overlap tagline. */
  .lasr-recorder.lasr-homepage-recorder.is-confirmed {
    margin-top: 34px !important;
  }

  .lasr-homepage-recorder.is-confirmed .lasr-card-back {
    padding-top: 16px !important;
  }
}

@media (max-width: 700px) {
  .lasr-recorder.lasr-homepage-recorder:not(.is-confirmed) {
    margin-top: -18px !important;
  }
  .lasr-recorder.lasr-homepage-recorder.is-confirmed {
    margin-top: 20px !important;
  }
}

/* Confirmation typography belongs to the IBM Plex system and stays centered. */
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-message {
  display: block !important;
  position: static !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
  text-align: center !important;
  font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3 {
  margin: 0 auto 14px !important;
  font-size: clamp(42px, 5.5vw, 76px) !important;
  line-height: 1.02 !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-message {
  margin: 0 auto !important;
  font-size: clamp(18px, 2vw, 28px) !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* v2.2.9 — true desktop viewport centering + WordPress IBM Plex preset.
   The page's constrained content column is slightly offset on desktop, so
   center the recorder against the viewport while leaving mobile untouched. */
@media (min-width: 701px) {
  .lasr-recorder.lasr-homepage-recorder {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    overflow-x: clip !important;
  }

  .lasr-recorder.lasr-homepage-recorder .lasr-recorder-experience,
  .lasr-recorder.lasr-homepage-recorder .lasr-flip-card,
  .lasr-recorder.lasr-homepage-recorder .lasr-flip-card-inner,
  .lasr-recorder.lasr-homepage-recorder .lasr-card-front,
  .lasr-recorder.lasr-homepage-recorder .lasr-card-back,
  .lasr-recorder.lasr-homepage-recorder .lasr-review-panel,
  .lasr-recorder.lasr-homepage-recorder .lasr-catalog-state {
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Use the WordPress font preset first, then the installed family name.
   This prevents the theme's heading serif from winning on confirmation. */
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state > h3,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-message,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state > p.lasr-catalog-message {
  font-family: var(--wp--preset--font-family--ibm-plex-sans, "IBM Plex Sans"), "IBM Plex Sans", Arial, sans-serif !important;
  font-style: normal !important;
  text-align: center !important;
}


/* v2.2.10 — load IBM Plex Sans and apply it to confirmation/progress copy.
   Earlier builds requested only IBM Plex Mono from Google Fonts, so the
   browser fell back to the theme's serif face for the Thank You heading. */
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state > h3,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-message,
.lasr-homepage-recorder.is-confirmed .lasr-catalog-state > p.lasr-catalog-message,
.lasr-homepage-recorder .lasr-upload-status,
.lasr-homepage-recorder .lasr-status,
.lasr-homepage-recorder .lasr-share-status,
.lasr-homepage-recorder [aria-live="polite"] {
  font-family: "IBM Plex Sans", Arial, sans-serif !important;
}

.lasr-homepage-recorder.is-confirmed .lasr-catalog-state h3 {
  font-family: "IBM Plex Sans", Arial, sans-serif !important;
  font-weight: 500 !important;
}

.lasr-homepage-recorder .lasr-upload-status,
.lasr-homepage-recorder .lasr-share-status {
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}


/* v2.2.11 — use the same IBM Plex Mono face already proven to render
   throughout the recorder. This avoids a remote IBM Plex Sans fallback
   to Arial on hosts/browsers that block or delay the second webfont family. */
.lasr-recorder.lasr-homepage-recorder .lasr-catalog-state h3,
.lasr-recorder.lasr-homepage-recorder .lasr-catalog-state > h3,
.lasr-recorder.lasr-homepage-recorder .lasr-catalog-message,
.lasr-recorder.lasr-homepage-recorder .lasr-catalog-state > p.lasr-catalog-message,
.lasr-recorder.lasr-homepage-recorder .lasr-upload-status,
.lasr-recorder.lasr-homepage-recorder .lasr-status,
.lasr-recorder.lasr-homepage-recorder .lasr-share-status,
.lasr-recorder.lasr-homepage-recorder [data-lasr-upload-status],
.lasr-recorder.lasr-homepage-recorder [data-lasr-share-status],
.lasr-recorder.lasr-homepage-recorder [data-lasr-status] {
  font-family: "IBM Plex Mono", "Courier New", ui-monospace, monospace !important;
  font-style: normal !important;
  font-synthesis: none !important;
}

.lasr-recorder.lasr-homepage-recorder .lasr-catalog-state h3,
.lasr-recorder.lasr-homepage-recorder .lasr-catalog-state > h3 {
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.05 !important;
  text-align: center !important;
}

.lasr-recorder.lasr-homepage-recorder .lasr-catalog-message,
.lasr-recorder.lasr-homepage-recorder .lasr-upload-status,
.lasr-recorder.lasr-homepage-recorder .lasr-share-status {
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}