/* Square SMS — spacing, radius, borders. 4px base grid. Density varies by surface: website spacious, app moderate, builder dense. */
:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-pill:999px;
--control-h-sm:28px;--control-h-md:36px;--control-h-lg:44px;
--container-site:1120px;--container-app:1280px;--container-prose:680px;
--sidebar-w:232px;--inspector-w:340px;
}