function ExpressionLabTweaks({ tweaks, setTweak }) {
	return (
		<TweaksPanel title="Tweaks">
			<TweakSection title="Palette">
				<TweakRadio
					value={tweaks.palette}
					onChange={v => setTweak('palette', v)}
					options={[
						{ value: 'sunset', label: 'Sunset' },
						{ value: 'cream', label: 'Cream' },
						{ value: 'dusk', label: 'Dusk' },
					]}
				/>
			</TweakSection>

			<TweakSection title="Type System">
				<TweakRadio
					value={tweaks.type}
					onChange={v => setTweak('type', v)}
					options={[
						{ value: 'editorial', label: 'Editorial' },
						{ value: 'brutalist', label: 'Brutalist' },
						{ value: 'runway', label: 'Runway' },
						{ value: 'slate', label: 'Slate' },
					]}
				/>
				<div style={{
					marginTop: 8,
					fontFamily: 'var(--ff-mono)',
					fontSize: 10,
					letterSpacing: '0.12em',
					textTransform: 'uppercase',
					opacity: 0.6,
					color: 'var(--ink)',
				}}>
					{(window.TYPE_SYSTEMS?.[tweaks.type] || window.TYPE_SYSTEMS?.editorial)?.blurb}
				</div>
			</TweakSection>

			<TweakSection title="Hero Copy">
				<TweakSelect
					value={tweaks.copy}
					onChange={v => setTweak('copy', v)}
					options={[
						{ value: 'act', label: 'Act. Pose. Express.' },
						{ value: 'step', label: 'Step into the light.' },
						{ value: 'raise', label: 'Raise your hand.' },
					]}
				/>
			</TweakSection>

			<TweakSection title="Pricing Display">
				<TweakRadio
					value={tweaks.pricing}
					onChange={v => setTweak('pricing', v)}
					options={[
						{ value: 'lead', label: 'Both visible' },
						{ value: 'soft', label: 'Single' },
						{ value: 'hidden', label: 'Hidden' },
					]}
				/>
			</TweakSection>

			<TweakSection title="Registration Flow">
				<TweakSelect
					value={tweaks.flow}
					onChange={v => setTweak('flow', v)}
					options={[
						{ value: 'inline', label: 'Inline checkout (no redirect)' },
						{ value: 'split', label: 'Hybrid (Stripe-hosted)' },
						{ value: 'reserve', label: 'Reserve only (waitlist)' },
					]}
				/>
				<TweakButton onClick={() => window.dispatchEvent(new CustomEvent('open-checkout'))}>
					Open Checkout →
				</TweakButton>
			</TweakSection>
		</TweaksPanel>
	);
}
window.ExpressionLabTweaks = ExpressionLabTweaks;