.viewer-grid {
	display: grid;
	grid-template-columns: 1.25fr 1fr;
}
.viewer-panel {
	padding: var(--space-4);
	border-left: 1px solid var(--border);
	display: flex;
	flex-direction: column;
	min-height: 460px;
}
.viewer-panel .content {
	transition: opacity 0.35s ease, transform 0.35s ease;
}
.viewer-panel .content.swap {
	opacity: 0;
	transform: translateY(8px);
}
.viewer-panel h3 {
	font-size: 28px;
	line-height: 34px;
	font-weight: 700;
	letter-spacing: -0.015em;
	margin-bottom: var(--space-2);
}
.viewer-panel p {
	font-size: 17px;
	line-height: 26px;
	color: var(--text-secondary);
	margin-bottom: var(--space-3);
}
.viewer-panel .mono-chip { margin-top: auto; align-self: flex-start; }
#glcanvas { height: 100%; min-height: 460px; }
@media (max-width: 900px) {
	.viewer-grid { grid-template-columns: 1fr; }
	.viewer-panel { border-left: none; border-top: 1px solid var(--border); min-height: 0; }
	#glcanvas { min-height: 320px; height: 320px; }
}
@media (prefers-reduced-motion: reduce) {
	.viewer-panel .content { transition: none; }
}