/* One public toolbar for every invitation renderer, including imported designs. */
body .dtc-guest-tools,
body .dtc-response-dock { z-index: 2147483000; }
body #dtc-reaction-layer { z-index: 2147483001; }
body .dtc-guest-tools {
	right: var(--dtc-tools-right, max(calc(var(--dtc-music-frame-right, max(0px, (100vw - 500px) / 2)) + 14px), env(safe-area-inset-right)));
	bottom: calc(var(--dtc-tools-bottom, max(14px, env(safe-area-inset-bottom))) + 54px);
}
body button.dtc-back-to-top--invitation {
	display: flex;
	z-index: 2147483000;
	top: auto;
	left: auto;
	right: var(--dtc-tools-right, max(calc(var(--dtc-music-frame-right, max(0px, (100vw - 500px) / 2)) + 14px), env(safe-area-inset-right)));
	bottom: calc(var(--dtc-tools-bottom, max(14px, env(safe-area-inset-bottom))) + 208px);
	width: 44px;
	height: 44px;
	min-width: 44px;
	min-height: 44px;
}
html.dtc-guest-unavailable body button.dtc-back-to-top--invitation { display: none; }
body:has(#dtc-guest-tools[data-dtc-reactions="1"]) button.dtc-back-to-top--invitation {
	bottom: calc(var(--dtc-tools-bottom, max(14px, env(safe-area-inset-bottom))) + 158px);
}
body:has(#dtc-guest-tools[data-dtc-reactions="0"]) button.dtc-back-to-top--invitation {
	bottom: calc(var(--dtc-tools-bottom, max(14px, env(safe-area-inset-bottom))) + 108px);
}
/* Demo navigation uses the same local links and spacing in all designs. */
body .iv-demobar {
	position: fixed;
	z-index: 2147482999;
	top: auto !important;
	left: max(0px, calc(100% - var(--dtc-music-frame-right, max(0px, (100vw - 500px) / 2)) - var(--dtc-music-frame-width, min(100vw, 500px)))) !important;
	right: auto;
	bottom: calc(max(14px, env(safe-area-inset-bottom)) + 56px) !important;
	display: flex;
	align-items: center;
	justify-content: flex-start !important;
	gap: 8px;
	width: min(100vw, var(--dtc-music-frame-width, 500px));
	max-width: 100%;
	margin: 0;
	padding: 0 68px 0 max(14px, env(safe-area-inset-left));
	box-sizing: border-box;
	transform: none !important;
	pointer-events: none;
}
body .iv-demobar a {
	display: inline-flex;
	flex: 0 1 auto;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 36px;
	height: 36px;
	margin: 0;
	padding: 0 12px;
	border: 0;
	border-radius: 999px;
	box-shadow: 0 3px 12px rgb(0 0 0 / 12%);
	font: 500 12.5px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
	white-space: nowrap;
	pointer-events: auto;
}
body .iv-demobar .iv-demobar__back { background: rgb(255 255 255 / 94%); color: #222; }
body .iv-demobar .iv-demobar__use { background: var(--dtc-demo-brand, #e8405a); color: var(--dtc-demo-brand-text, #fff); }
body .iv-demobar a:focus-visible { outline: 2px solid #a5262d; outline-offset: 3px; }
/* The left rail clears the action column even on short laptop windows. */
@media screen and (min-width: 1024px) and (max-width: 1200px) {
	body:has(#dtc-guest-tools) .dtc-mobile-qr {
		left: max(24px, env(safe-area-inset-left));
		right: auto;
		bottom: max(24px, env(safe-area-inset-bottom));
	}
}
@media print {
	body .dtc-guest-tools, body #dtc-reaction-layer, body .dtc-response-dock,
	body .dtc-mobile-qr, body .iv-demobar, body button.dtc-back-to-top--invitation { display: none !important; }
}