[data-pryntd-live-studio] > .pryntd-hotspot-catalogue-repair--wide,
[data-pryntd-live-studio] .pryntd-hotspot-catalogue-repair--wide {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	grid-column: 1 / -1;
	clear: both;
}

.pryntd-hotspot-catalogue-repair--wide .pryntd-context-interactions {
	width: 100%;
	max-width: none;
}

.pryntd-hotspot-catalogue-repair--wide .pryntd-context-interactions__preview {
	width: 100%;
	min-height: min(56vw, 640px);
}

.pryntd-hotspot-live-room-field {
	display: grid;
	gap: 7px;
	margin: 14px 0 10px;
	font-weight: 750;
}

.pryntd-hotspot-live-room-field select {
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	padding: 10px 14px;
	border: 1px solid #b8c9c0;
	border-radius: 12px;
	background: #fff;
	color: #102118;
	font: inherit;
}

.pryntd-share-live-hotspots {
	background: #c7ff27 !important;
	color: #102118 !important;
}

[data-shared-experience-status][data-failed="1"] {
	color: #a21d1d;
}

.pryntd-live-viewer-hotspots,
.pryntd-live-better-messages-bridge {
	box-sizing: border-box;
	width: 100%;
	margin: clamp(20px, 3vw, 36px) 0;
	padding: clamp(18px, 3vw, 30px);
	border: 1px solid #c8d8d0;
	border-radius: 24px;
	background: #f7fbf8;
	color: #102118;
}

.pryntd-live-viewer-hotspots > header,
.pryntd-live-better-messages-bridge > header {
	margin-bottom: 18px;
}

.pryntd-live-viewer-hotspots > header h3,
.pryntd-live-better-messages-bridge > header h3 {
	margin: 4px 0 7px;
	color: #102118;
}

.pryntd-live-viewer-hotspots [data-live-shared-hotspot-player] {
	width: 100%;
	overflow: hidden;
	border-radius: 18px;
	background: #0d1210;
}

.pryntd-live-media-point {
	position: relative;
	z-index: 1;
	padding: 0 !important;
	background: #050806 !important;
	border-color: rgba(199, 255, 39, .38) !important;
	overflow: hidden !important;
}

.pryntd-live-media-point__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 12px 16px;
	background: #101712;
}

.pryntd-live-media-point__header > div {
	display: grid;
	gap: 2px;
}

.pryntd-live-media-point__header span:first-child {
	color: #c7ff27 !important;
	font-size: .76rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.pryntd-live-media-point__pulse {
	width: 12px;
	height: 12px;
	flex: 0 0 12px;
	border-radius: 999px;
	background: #ff3852;
	box-shadow: 0 0 0 6px rgba(255, 56, 82, .16);
}

.pryntd-live-media-point [data-pryntd-live-media-mount],
.pryntd-live-room__stage--inside-sre {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
}

.pryntd-live-authored-media--suspended {
	display: none !important;
}

.pryntd-live-viewer-hotspots.is-live-converged .psre-node--contextual-hotspot {
	z-index: 6;
}

.pryntd-go-live-in-sre,
.pryntd-library-go-live {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 9px 15px;
	border: 1px solid #c7ff27;
	border-radius: 999px;
	background: #c7ff27;
	color: #102118 !important;
	font-weight: 800;
	text-decoration: none;
}

.psre-studio-library__item .pryntd-library-go-live {
	flex: 1 1 100%;
	margin-top: 4px;
	text-align: center;
}

.pryntd-live-viewer-hotspots .psre-player {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	padding: clamp(16px, 2.5vw, 28px);
	background: #0d1210;
	color: #f6faf7;
}

.pryntd-live-viewer-hotspots .psre-player :is(h1, h2, h3, h4, h5, h6, strong, p, span, small, label) {
	color: inherit;
}

.pryntd-live-viewer-hotspots .psre-player a {
	color: #c7ff27;
}

.pryntd-live-viewer-hotspots .psre-player button,
.pryntd-live-viewer-hotspots .psre-player [role="button"] {
	min-height: 42px;
	padding: 9px 15px;
	border: 1px solid rgba(255, 255, 255, .45);
	border-radius: 999px;
	background: #f8fbf9;
	color: #102118;
	font: inherit;
	font-weight: 750;
}

.pryntd-live-better-messages-bridge .bp-messages-wrap-main,
.pryntd-live-better-messages-bridge .bp-messages-wrap {
	width: 100%;
	max-width: none;
}

[data-pryntd-src-workspace].has-better-messages .pryntd-connect-src__conversation[hidden] {
	display: none !important;
}

/*
 * The canonical player is injected after Live Studio has rendered. These
 * scoped rules prevent the host theme's dark headings and native button
 * styles from making the Shared Reality preview unreadable while the engine
 * stylesheet supplies its richer scene-specific presentation.
 */
.pryntd-hotspot-catalogue-repair--wide .pryntd-context-interactions__preview .psre-player {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	padding: clamp(18px, 3vw, 32px);
	background: #0d1210;
	color: #f6faf7;
}

.pryntd-hotspot-catalogue-repair--wide .pryntd-context-interactions__preview .psre-player :is(h1, h2, h3, h4, h5, h6, strong, p, span, small, label) {
	color: inherit;
}

.pryntd-hotspot-catalogue-repair--wide .pryntd-context-interactions__preview .psre-player a {
	color: #c7ff27;
}

.pryntd-hotspot-catalogue-repair--wide .pryntd-context-interactions__preview .psre-player button,
.pryntd-hotspot-catalogue-repair--wide .pryntd-context-interactions__preview .psre-player [role="button"] {
	box-sizing: border-box;
	min-height: 42px;
	padding: 9px 15px;
	border: 1px solid rgba(255, 255, 255, .45);
	border-radius: 999px;
	background: #f8fbf9;
	color: #102118;
	font: inherit;
	font-weight: 750;
	cursor: pointer;
}

.pryntd-hotspot-catalogue-repair--wide .pryntd-context-interactions__preview .psre-player :is(nav, [role="navigation"], .psre-player__actions, .psre-scene-navigation) {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.pryntd-hotspot-catalogue-repair--wide .pryntd-context-interactions__preview .psre-player :is(select, input) {
	min-height: 42px;
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, .32);
	border-radius: 10px;
	background: #f8fbf9;
	color: #102118;
}

@media (max-width: 720px) {
	.pryntd-hotspot-catalogue-repair--wide .pryntd-context-interactions__actions > * {
		flex: 1 1 100%;
	}

	.pryntd-live-viewer-hotspots,
	.pryntd-live-better-messages-bridge {
		padding: 14px;
		border-radius: 16px;
	}
}
