.gsplat-embed {
	position: relative;
	width: 100%;
	height: var(--gsplat-height, 60vh);
	background: #16181c;
	overflow: hidden;
}

.gsplat-embed iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.gsplat-embed__start {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	display: block;
	color: #fff;
}

.gsplat-embed__start img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.gsplat-embed__label {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 4rem 1.5rem 1.5rem;
	text-align: left;
	background: linear-gradient(to top, rgba(10, 12, 15, 0.85), rgba(10, 12, 15, 0));
	display: grid;
	gap: 0.15rem;
}

.gsplat-embed__cue {
	font-size: 1.0625rem;
	font-weight: 600;
	letter-spacing: 0.01em;
}

.gsplat-embed__name {
	font-size: 0.875rem;
	opacity: 0.72;
}

.gsplat-embed__start:focus-visible {
	outline: 3px solid #7cc4ff;
	outline-offset: -3px;
}

/* Vorschau im Seiten-Baukasten: kein laufender Viewer, nur Standbild. */
.gsplat-embed.is-preview .gsplat-embed__start {
	cursor: default;
}

.gsplat-embed.is-preview::after {
	content: "";
	position: absolute;
	inset: 0;
	border: 1px dashed rgba(255, 255, 255, 0.25);
	pointer-events: none;
}

.gsplat-notice {
	padding: 1rem;
	border-left: 3px solid #dba617;
	background: #fcf9e8;
	color: #4a4432;
}