/* App — top-level composition + Tweaks panel */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "variant": "A", "showFloatTags": true, "accentMix": "blue-dominant" }/*EDITMODE-END*/; const App = () => { const [tweaks, setTweak] = useTweaks(TWEAK_DEFAULTS); const [contactOpen, setContactOpen] = React.useState(false); // Expose contact opener globally for plan cards React.useEffect(() => { window.__sidContactOpen = () => setContactOpen(true); return () => { delete window.__sidContactOpen; }; }, []); // Apply variant to React.useEffect(() => { document.documentElement.setAttribute('data-variant', tweaks.variant); }, [tweaks.variant]); const openContact = () => setContactOpen(true); return ( <>

setContactOpen(false)} /> setTweak('variant', v)} />

A안 — 중앙 정렬, 블루 도미넌트, 차분한 B2B 톤
B안 — 좌우 분할, 옐로 액센트, 프로덕트 강조

); }; ReactDOM.createRoot(document.getElementById('root')).render();