@media (max-width: 920px) {
	.console-shell { grid-template-columns: 280px minmax(0, 1fr); }
	.rail-intro,
	.control-group { padding-right: 20px; padding-left: 20px; }
	.preview-stage { padding: 16px; }
}

@media (max-width: 720px) {
	.app-header { height: 60px; padding: 0 16px; }
	.app-header::after { width: 72px; }
	.brand-copy small,
	.system-state { display: none; }
	.header-meta { gap: 12px; }
	.console-shell { display: block; height: auto; }
	.control-rail { overflow: visible; border-right: 0; }
	.rail-intro h1 br { display: none; }
	.rail-footer { margin-top: 0; }
	.preview-pane { min-height: 820px; grid-template-rows: 66px 754px; }
	.preview-bar { padding: 0 16px; }
	.preview-status small { display: none; }
	.preview-stage { overflow: auto; padding: 12px; }
	.preview-frame { height: 730px; margin: 0; }
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}