.demo-shell.tsrx-1m0xh13 {
				background: transparent;
				box-shadow: none;
				flex: 1;
				display: flex;
				flex-direction: column;
				min-height: 0;
			}

			.demo-header.tsrx-1m0xh13 {
				display: flex;
				justify-content: space-between;
				gap: 1.25rem;
				align-items: end;
				width: min(1180px, calc(100vw - 2rem));
				margin: 0 auto;
				padding: 0 0 0.75rem;
				flex-wrap: wrap;
			}

			.demo-kicker.tsrx-1m0xh13 {
				margin: 0 0 0.45rem;
				font-size: 0.78rem;
				letter-spacing: 0.18em;
				text-transform: uppercase;
				color: #6e44df;
			}

			/* (unused) .demo-header h2 {
				margin: 0;
				font-size: clamp(1.45rem, 2vw, 2.2rem);
				max-width: 34rem;
				color: #1a1640;
			}*/

			.demo-copy.tsrx-1m0xh13 {
				margin: 0.7rem 0 0;
				max-width: 36rem;
				font-size: 0.98rem;
				line-height: 1.65;
				color: rgba(26, 22, 64, 0.74);
			}

			.demo-toolbar.tsrx-1m0xh13 {
				display: flex;
				gap: 0.75rem;
				align-items: center;
				justify-content: flex-end;
				flex-wrap: wrap;
			}

			.snippet-picker.tsrx-1m0xh13,
			.target-picker.tsrx-1m0xh13 {
				display: grid;
				gap: 0;
			}

			.snippet-select.tsrx-1m0xh13,
			.target-select.tsrx-1m0xh13 {
				min-width: 11rem;
				padding: 0.75rem 3rem 0.75rem 1.2rem;
				border: 1px solid rgba(94, 44, 255, 0.12);
				border-radius: 0.9rem;
				background-color: rgba(255, 255, 255, 0.92);
				color: #1a1640;
				appearance: none;
				-webkit-appearance: none;
				-moz-appearance: none;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8l4 4 4-4' stroke='%231a1640' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
				background-repeat: no-repeat;
				background-size: 0.95rem;
				background-position: right 1.2rem center;
			}

			.demo-status-row.tsrx-1m0xh13 {
				display: flex;
				flex-direction: column;
				gap: 0.25rem;
				align-items: flex-end;
			}

			.demo-status.tsrx-1m0xh13,
			.demo-updated.tsrx-1m0xh13 {
				font-size: 0.8rem;
				color: rgba(26, 22, 64, 0.72);
			}

			.demo-status.tsrx-1m0xh13 {
				padding: 0.45rem 0.7rem;
				background: rgba(111, 0, 255, 0.08);
			}

			.demo-grid.tsrx-1m0xh13 {
				display: grid;
				grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
				gap: 0;
				flex: 1;
				min-height: 0;
			}

			.mobile-pane-toggle.tsrx-1m0xh13 {
				display: none;
			}

			.panel.tsrx-1m0xh13 {
				min-width: 0;
				min-height: 0;
				background: #040a18;
				overflow: hidden;
				display: flex;
				flex-direction: column;
			}

			.panel-topline.tsrx-1m0xh13 {
				display: flex;
				justify-content: space-between;
				align-items: center;
				gap: 1rem;
				padding: 0.4rem 1rem;
				min-height: 2.5rem;
				background: rgba(255, 255, 255, 0.03);
				font-size: 0.78rem;
				letter-spacing: 0.06em;
				text-transform: uppercase;
				color: rgba(214, 224, 255, 0.78);
			}

			.panel-topline-actions.tsrx-1m0xh13 {
				display: inline-flex;
				align-items: center;
				gap: 0.6rem;
			}

			.format-button.tsrx-1m0xh13 {
				font: inherit;
				font-size: 0.72rem;
				letter-spacing: 0.08em;
				text-transform: uppercase;
				padding: 0.3rem 0.7rem;
				border-radius: 999px;
				border: 1px solid rgba(138, 152, 255, 0.32);
				background: rgba(138, 152, 255, 0.12);
				color: rgba(226, 231, 255, 0.92);
				cursor: pointer;
				transition:
					background 120ms ease,
					border-color 120ms ease,
					color 120ms ease;
			}

			.format-button.tsrx-1m0xh13:hover:not(:where(.tsrx-1m0xh13):disabled) {
				background: rgba(138, 152, 255, 0.22);
				border-color: rgba(138, 152, 255, 0.55);
				color: #fff;
			}

			.format-button.tsrx-1m0xh13:disabled {
				opacity: 0.45;
				cursor: not-allowed;
			}

			.panel-body.tsrx-1m0xh13 {
				flex: 1;
				min-height: 0;
				display: flex;
				flex-direction: column;
			}

			.panel-error.tsrx-1m0xh13 {
				padding: 0.8rem 1rem;
				background: #e01174;
				color: #fff;
				font-size: 0.9rem;
				line-height: 1.35;
			}

			.editor-host.tsrx-1m0xh13 {
				position: relative;
				flex: 1;
				min-height: 0;
			}

			.editor-host .cm-scroller {
				scrollbar-width: thin;
				scrollbar-color: rgba(140, 160, 255, 0.18) transparent;
			}

			.editor-host .cm-scroller::-webkit-scrollbar {
				width: 6px;
				height: 6px;
			}

			.editor-host .cm-scroller::-webkit-scrollbar-track {
				background: transparent;
			}

			.editor-host .cm-scroller::-webkit-scrollbar-thumb {
				background: rgba(140, 160, 255, 0.18);
				border-radius: 3px;
			}

			.editor-host .cm-scroller::-webkit-scrollbar-thumb:hover {
				background: rgba(140, 160, 255, 0.32);
			}

			.editor-host .cm-scroller::-webkit-scrollbar-corner {
				background: transparent;
			}

			.demo-grid.tsrx-1m0xh13:not(.ready:where(.tsrx-1m0xh13)) .cm-editor {
				opacity: 0;
			}

			@media (max-width: 980px) {
				.demo-grid.tsrx-1m0xh13 {
					grid-template-columns: 1fr;
				}

				.panel.tsrx-1m0xh13 {
					display: none;
				}

				.panel.is-active.tsrx-1m0xh13 {
					display: flex;
				}

				.demo-toolbar.tsrx-1m0xh13 {
					justify-content: flex-start;
				}

				.demo-status-row.tsrx-1m0xh13 {
					align-items: start;
				}

				.panel-body.tsrx-1m0xh13 {
					min-height: 20rem;
				}

				.mobile-pane-toggle.tsrx-1m0xh13 {
					display: flex;
					position: sticky;
					bottom: 0;
					z-index: 5;
					justify-content: center;
					align-items: center;
					gap: 0.65rem;
					padding: 0.65rem 0.75rem 0.8rem;
					background: rgba(8, 14, 30, 0.96);
					border-top: 1px solid rgba(255, 255, 255, 0.08);
				}

				.pane-button.tsrx-1m0xh13 {
					border: none;
					background: transparent;
					color: rgba(235, 240, 255, 0.65);
					font-size: 0.96rem;
					padding: 0.25rem 0.2rem;
					text-transform: lowercase;
				}

				.pane-button.is-active.tsrx-1m0xh13 {
					color: #f2f5ff;
					font-weight: 500;
				}
			}

			@media (max-width: 720px) {
				.demo-shell.tsrx-1m0xh13 {
					padding: 0;
				}
			}
		
			* {
				box-sizing: border-box;
			}

			html {
				scroll-behavior: smooth;
				overflow-x: hidden;
				scrollbar-gutter: stable;
			}

			body {
				margin: 0;
				font-family:
					system-ui,
					-apple-system,
					BlinkMacSystemFont,
					'Segoe UI',
					Roboto,
					sans-serif;
				color: #1a1640;
				background:
					radial-gradient(circle at top, rgba(146, 92, 255, 0.14), transparent 15%),
					radial-gradient(circle at 80% 10%, rgba(111, 0, 255, 0.1), transparent 15%),
					linear-gradient(180deg, #ffffff 0%, #f6f3ff 46%, #f2f4fb 100%);
				background-repeat: no-repeat;
				background-size:
					100% 100vh,
					100% 100vh,
					100% 100%;
				min-height: 100vh;
				overflow-x: hidden;
			}

			a {
				color: inherit;
				text-decoration: none;
			}

			button,
			input,
			textarea,
			select {
				font: inherit;
			}

			code,
			pre {
				font-family: 'Spline Sans Mono', 'SFMono-Regular', monospace;
			}

			.demo-page.tsrx-vo3qar {
				display: grid;
				grid-template-rows: auto 1fr;
				height: 100vh;
				width: 100%;
				overflow: hidden;
				padding-top: 1rem;
			}

			.demo-nav.tsrx-vo3qar {
				display: flex;
				justify-content: space-between;
				align-items: center;
				gap: 1rem;
				width: min(1180px, calc(100vw - 2rem));
				margin: 0 auto;
				padding: 1rem 0 2rem;
				flex-wrap: wrap;
			}

			.brand-lockup.tsrx-vo3qar {
				display: inline-flex;
				align-items: center;
			}

			.header-logo.tsrx-vo3qar {
				display: block;
				width: 3.2rem;
				height: 3.2rem;
			}

			.nav-links.tsrx-vo3qar {
				display: inline-flex;
				gap: 1rem;
				font-size: 0.95rem;
				color: rgba(26, 22, 64, 0.7);
			}

			.nav-links.tsrx-vo3qar a:where(.tsrx-vo3qar) {
				white-space: nowrap;
			}

			.nav-links.tsrx-vo3qar a:where(.tsrx-vo3qar):hover {
				color: #5e2cff;
			}

			.nav-links.tsrx-vo3qar a[aria-current='page']:where(.tsrx-vo3qar) {
				color: #5e2cff;
				font-weight: 500;
			}

			.demo-main.tsrx-vo3qar {
				padding: 0;
				width: 100%;
				max-width: 100%;
				display: flex;
				flex-direction: column;
				min-height: 0;
				overflow: hidden;
			}

			@media (max-width: 720px) {
				.demo-page.tsrx-vo3qar {
					padding-top: 0.5rem;
				}

				.demo-nav.tsrx-vo3qar {
					padding: 0.75rem 0 1rem;
					flex-direction: column;
					justify-content: flex-start;
					align-items: stretch;
					gap: 0.85rem;
				}

				.brand-lockup.tsrx-vo3qar {
					width: 100%;
					justify-content: center;
				}

				.nav-links.tsrx-vo3qar {
					width: 100%;
					flex-wrap: wrap;
					justify-content: center;
					gap: 0.5rem;
					font-size: 0.82rem;
				}

				.nav-links.tsrx-vo3qar a:where(.tsrx-vo3qar) {
					display: inline-flex;
					align-items: center;
					min-height: 2rem;
					padding: 0.35rem 0.7rem;
					border: 1px solid rgba(94, 44, 255, 0.1);
					border-radius: 999px;
					background: rgba(94, 44, 255, 0.06);
					line-height: 1.1;
				}

				.nav-links.tsrx-vo3qar a[aria-current='page']:where(.tsrx-vo3qar) {
					background: rgba(94, 44, 255, 0.12);
					border-color: rgba(94, 44, 255, 0.18);
				}

				.header-logo.tsrx-vo3qar {
					width: 3.6rem;
					height: 3.6rem;
				}

				.demo-main.tsrx-vo3qar {
					padding: 0;
				}
			}