:root{--font-sans-primary:"Inter",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-sans-secondary:"Open Sans",system-ui,sans-serif;--font-icons:"Font Awesome 6 Pro";--text-micro-1:6px;--text-micro-2:7px;--text-micro-3:8px;--text-micro-4:9px;--text-xxs:10px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:24px;--text-2xl:28px;--text-3xl:32px;--text-4xl:40px;--text-5xl:62px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--color-white:#fff;--color-black:#000;--color-grey-50:#f9fafb;--color-grey-100:#f3f4f6;--color-grey-200:#e5e7eb;--color-grey-300:#d1d5db;--color-grey-400:#b8b8b8;--color-grey-500:#a8a8a8;--color-grey-600:#808382;--color-grey-700:#4b5563;--color-grey-800:#2f2f2f;--color-grey-900:#1c1c1c;--color-brand-primary:#fb1157;--color-brand-primary-hover:#e60e4f;--color-brand-blue:#49c2f4;--color-brand-blue-muted:#50ae55;--color-brand-green:#50ae55;--color-brand-purple:#8b5cf6;--color-brand-pink-soft:#f9b2d0;--color-brand-pink-light:#fde2e2;--surface-page-light:#fff;--surface-page-muted:#f9fafb;--surface-panel-light:#fff;--surface-panel-dark:#1c1c1c;--surface-overlay:rgba(0,0,0,.6);--surface-builder-blue:#c7e4ff;--surface-builder-grey:#9e9e9e;--text-primary:#111;--text-secondary:#808382;--text-muted:#b8b8b8;--text-inverse:#fff;--text-brand:#fb1157;--bg-canvas:#f5f5f7;--border-grid:#dadada;--bg-menu:#000;--bg-modal:#000;--text-primary-theme:#000;--text-secondary-theme:#666;--icon-default:#fff;--icon-active:#000;--pill-bg:#fff;--pill-text:#000;--pill-border:1px solid rgba(0,0,0,.08);--shadow-bento:0 1px 3px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.06);--shadow-bento-inset:none;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--border-default:1px solid var(--color-grey-200);--border-dashed:1px dashed var(--color-grey-300);--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 2px 6px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 10px 30px rgba(0,0,0,.15);--bg-builder:#f7f7f7;--bg-viewer:#fff;--bg-bento:#fff;--border-bento:1px solid #e6e6e6;--guide-outline:rgba(0,0,0,.18);--placeholder-outline:rgba(0,0,0,.28);--drag-overlay-bg:rgba(0,0,0,.06);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--button-bg-primary:var(--color-brand-primary);--button-bg-primary-hover:var(--color-brand-primary-hover);--button-text-primary:#fff;--button-bg-dark:#000;--button-bg-muted:#2f2f2f;--icon-sm:14px;--icon-md:18px;--icon-lg:22px;--icon-xl:28px;--icon-color-default:#b8b8b8;--icon-color-active:#fff;--icon-hover-bg:#232626;--toolbar-bg:#000;--toolbar-hover-bg:#2a2e2e;--toolbar-active-bg:#fff;--toolbar-icon-default:#fff;--toolbar-icon-active:#000;--toolbar-radius-container:20px;--toolbar-radius-button:10px;--toolbar-shadow:0 10px 30px rgba(0,0,0,.15);--picker-bg:#000;--picker-surface-dark:#1a1d1d;--picker-label-grey:#b9bbbe;--picker-radius-panel:30px;--picker-radius-button:10px;--picker-radius-search:7px;--picker-shadow:0px 3px 6px rgba(0,0,0,.16);--z-base:1;--z-toolbar:100;--z-popover:500;--z-overlay:1000;--z-drag:2000}.dark{--bg-canvas:#121212;--border-grid:#2a2a2a;--bg-menu:#000;--bg-modal:#000;--text-primary-theme:#fff;--text-secondary-theme:#aaa;--icon-default:#fff;--icon-active:#000;--pill-bg:hsla(0,0%,100%,.14);--pill-text:hsla(0,0%,100%,.9);--pill-border:1px solid hsla(0,0%,100%,.1);--bg-builder:#0f0f10;--bg-viewer:#08080c;--bg-bento:hsla(0,0%,100%,.056);--border-bento:1px solid hsla(0,0%,100%,.07);--shadow-bento:0 4px 20px rgba(0,0,0,.4);--shadow-bento-inset:0 1px 0 hsla(0,0%,100%,.04) inset;--guide-outline:hsla(0,0%,100%,.18);--placeholder-outline:hsla(0,0%,100%,.28);--drag-overlay-bg:hsla(0,0%,100%,.06)}.builder-mode{background-color:var(--bg-builder)!important}.builder-mode,.viewer-mode{transition:background-color .3s ease}.viewer-mode{background-color:var(--bg-viewer)!important}