@orion-studios/payload-studio 0.6.0-beta.1 → 0.6.0-beta.103

package/dist/builder-v2/styles.css

@@ -0,0 +1,2365 @@
+@import 'grapesjs/dist/css/grapes.min.css';
+
+.orion-builder-v2-editor {
+  --builder-v2-accent: #c7643d;
+  --builder-v2-border: #ead7ca;
+  --builder-v2-ink: #1f2d4d;
+  --builder-v2-muted: #6f624f;
+  --builder-v2-panel: #fffdf9;
+  --builder-v2-paper: #f8f3eb;
+  --builder-v2-selection: var(--builder-v2-accent);
+  --builder-v2-selection-contrast: #ffffff;
+  --builder-v2-selection-soft: rgba(199, 100, 61, 0.16);
+  --builder-v2-soft: #fbf8f3;
+  --gjs-color-blue: var(--builder-v2-selection);
+  --gjs-color-highlight: color-mix(in srgb, var(--builder-v2-selection), #ffffff 36%);
+  --gjs-placeholder-background-color: var(--builder-v2-selection);
+  background: var(--builder-v2-paper);
+  color: var(--builder-v2-ink);
+  display: grid;
+  font-family: var(--font-xo-sans, var(--font-body, ui-sans-serif, system-ui, sans-serif));
+  grid-template-columns: minmax(292px, 336px) minmax(0, 1fr) minmax(300px, 360px);
+  grid-template-rows: auto minmax(0, 1fr);
+  height: 100dvh;
+  min-height: 640px;
+}
+
+.orion-builder-v2-topbar {
+  align-items: center;
+  background: #fffdf9;
+  border-bottom: 1px solid var(--builder-v2-border);
+  color: var(--builder-v2-ink);
+  display: flex;
+  gap: 20px;
+  grid-column: 1 / -1;
+  justify-content: space-between;
+  min-width: 0;
+  padding: 12px 18px;
+}
+
+.orion-builder-v2-topbar h1 {
+  color: var(--builder-v2-ink);
+  font-size: 1.02rem;
+  font-weight: 900;
+  line-height: 1.2;
+  margin: 2px 0 0;
+}
+
+.orion-builder-v2-eyebrow {
+  color: #946a4f;
+  font-size: 0.72rem;
+  font-weight: 900;
+  letter-spacing: 0.06em;
+  margin: 0;
+  text-transform: uppercase;
+}
+
+.orion-builder-v2-toolbar {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  justify-content: flex-end;
+}
+
+.orion-builder-v2-sync {
+  align-items: center;
+  background: #fff8ef;
+  border: 1px solid #e7cbb9;
+  border-radius: 12px;
+  color: var(--builder-v2-ink);
+  display: grid;
+  gap: 1px;
+  min-height: 38px;
+  min-width: 172px;
+  padding: 6px 10px;
+}
+
+.orion-builder-v2-sync strong {
+  font-size: 0.76rem;
+  font-weight: 900;
+  line-height: 1.1;
+}
+
+.orion-builder-v2-sync span,
+.orion-builder-v2-sync small {
+  font-size: 0.66rem;
+  font-weight: 800;
+  line-height: 1.1;
+  white-space: nowrap;
+}
+
+.orion-builder-v2-sync span {
+  color: #2f5472;
+}
+
+.orion-builder-v2-sync small {
+  color: var(--builder-v2-muted);
+}
+
+.orion-builder-v2-sync.is-dirty {
+  background: #fff7ed;
+  border-color: #e3a879;
+}
+
+.orion-builder-v2-sync.is-dirty span {
+  color: #9a4c1e;
+}
+
+.orion-builder-v2-sync.is-draft {
+  background: #fff9e8;
+  border-color: #efcf84;
+}
+
+.orion-builder-v2-sync.is-draft span {
+  color: #7d5a0a;
+}
+
+.orion-builder-v2-tool {
+  background: #fffaf4;
+  border: 1px solid #e7cbb9;
+  border-radius: 12px;
+  box-shadow: 0 1px 0 rgba(31, 45, 77, 0.03);
+  color: var(--builder-v2-ink);
+  cursor: pointer;
+  font: inherit;
+  font-size: 0.82rem;
+  font-weight: 800;
+  min-height: 38px;
+  padding: 8px 12px;
+  text-transform: capitalize;
+}
+
+.orion-builder-v2-tool[aria-pressed='true'],
+.orion-builder-v2-tool:hover {
+  background: var(--builder-v2-ink);
+  border-color: var(--builder-v2-ink);
+  color: #ffffff;
+}
+
+.orion-builder-v2-tool:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+
+.orion-builder-v2-tool.is-primary {
+  background: #f1e6d9;
+  color: var(--builder-v2-ink);
+}
+
+.orion-builder-v2-tool.is-publish {
+  background: var(--builder-v2-accent);
+  border-color: var(--builder-v2-accent);
+  color: #ffffff;
+}
+
+.orion-builder-v2-sidebar,
+.orion-builder-v2-inspector {
+  background: #fbf7f1;
+  display: grid;
+  gap: 14px;
+  grid-auto-rows: max-content;
+  overflow: auto;
+  padding: 14px;
+}
+
+.orion-builder-v2-sidebar {
+  border-right: 1px solid var(--builder-v2-border);
+}
+
+.orion-builder-v2-inspector {
+  border-left: 1px solid var(--builder-v2-border);
+}
+
+.orion-builder-v2-panel {
+  background: var(--builder-v2-panel);
+  border: 1px solid var(--builder-v2-border);
+  border-radius: 14px;
+  box-shadow: 0 16px 36px rgba(80, 52, 30, 0.05);
+  display: grid;
+  gap: 10px;
+  overflow: hidden;
+  padding: 12px;
+}
+
+.orion-builder-v2-panel:has(.is-builder-help-open),
+.orion-builder-v2-collapsible-panel:has(.is-builder-help-open),
+.orion-builder-v2-panel-body:has(.is-builder-help-open),
+.orion-builder-v2-control-group:has(.is-builder-help-open),
+.orion-builder-v2-choice-grid:has(.is-builder-help-open) {
+  overflow: visible;
+  position: relative;
+  z-index: 12;
+}
+
+.orion-builder-v2-panel p {
+  color: var(--builder-v2-muted);
+  font-size: 0.82rem;
+  line-height: 1.4;
+  margin: 0;
+}
+
+.orion-builder-v2-panel h2 {
+  color: var(--builder-v2-ink);
+  font-size: 0.8rem;
+  letter-spacing: 0;
+  margin: 0;
+  text-transform: uppercase;
+}
+
+.orion-builder-v2-collapsible-panel {
+  gap: 0;
+  padding: 0;
+}
+
+.orion-builder-v2-panel-toggle {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  color: var(--builder-v2-ink);
+  cursor: pointer;
+  display: flex;
+  font: inherit;
+  font-size: 0.8rem;
+  font-weight: 900;
+  justify-content: space-between;
+  letter-spacing: 0;
+  min-height: 46px;
+  padding: 12px;
+  text-align: left;
+  text-transform: uppercase;
+  width: 100%;
+}
+
+.orion-builder-v2-panel-toggle:hover {
+  background: #fff7ef;
+}
+
+.orion-builder-v2-panel-toggle:focus-visible {
+  box-shadow: inset 0 0 0 2px rgba(36, 54, 84, 0.22);
+  outline: none;
+}
+
+.orion-builder-v2-panel-toggle-icon {
+  align-items: center;
+  background: #fff7ef;
+  border: 1px solid #e2c2ac;
+  border-radius: 999px;
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-size: 1rem;
+  font-weight: 900;
+  height: 24px;
+  justify-content: center;
+  line-height: 1;
+  margin-left: 12px;
+  width: 24px;
+}
+
+.orion-builder-v2-collapsible-panel.is-open .orion-builder-v2-panel-toggle {
+  border-bottom: 1px solid var(--builder-v2-border);
+}
+
+.orion-builder-v2-panel-body {
+  display: grid;
+  gap: 7px;
+  padding: 8px 10px 10px;
+}
+
+.orion-builder-v2-panel-body[hidden] {
+  display: none !important;
+}
+
+.orion-builder-v2-page-tree {
+  display: grid;
+  gap: 6px;
+}
+
+.orion-builder-v2-page-link {
+  background: #fff8ef;
+  border: 1px solid transparent;
+  border-radius: 10px;
+  color: var(--builder-v2-ink);
+  display: grid;
+  gap: 2px;
+  padding: 9px 10px;
+  text-decoration: none;
+}
+
+.orion-builder-v2-page-link:hover {
+  background: #ffffff;
+  border-color: #e7cbb9;
+}
+
+.orion-builder-v2-page-link span {
+  font-size: 0.86rem;
+  font-weight: 900;
+}
+
+.orion-builder-v2-page-link small {
+  color: var(--builder-v2-muted);
+  font-size: 0.72rem;
+  font-weight: 700;
+}
+
+.orion-builder-v2-main {
+  min-width: 0;
+  position: relative;
+}
+
+.orion-builder-v2-canvas {
+  height: 100%;
+}
+
+.orion-builder-v2-status,
+.orion-builder-v2-error,
+.orion-builder-v2-save-status {
+  border-radius: 8px;
+  font-weight: 800;
+  left: 16px;
+  padding: 10px 12px;
+  position: absolute;
+  top: 16px;
+  z-index: 10;
+}
+
+.orion-builder-v2-status {
+  background: #ffffff;
+  border: 1px solid var(--builder-v2-border);
+}
+
+.orion-builder-v2-error {
+  background: #fff1f2;
+  border: 1px solid #fecdd3;
+  color: #9f1239;
+}
+
+.orion-builder-v2-save-status {
+  background: #ffffff;
+  border: 1px solid var(--builder-v2-border);
+  box-shadow: 0 14px 40px rgba(80, 52, 30, 0.12);
+  display: grid;
+  gap: 2px;
+  left: auto;
+  position: static;
+  right: auto;
+}
+
+.orion-builder-v2-save-status span {
+  color: var(--builder-v2-muted);
+  font-size: 0.72rem;
+  font-weight: 700;
+}
+
+.orion-builder-v2-validation-list {
+  display: grid;
+  gap: 8px;
+}
+
+.orion-builder-v2-validation {
+  border-radius: 8px;
+  display: grid;
+  gap: 4px;
+  padding: 9px;
+}
+
+.orion-builder-v2-validation strong {
+  font-size: 0.78rem;
+  line-height: 1.3;
+}
+
+.orion-builder-v2-validation span {
+  font-size: 0.68rem;
+  font-weight: 900;
+  text-transform: uppercase;
+}
+
+.orion-builder-v2-validation.is-warning {
+  background: #fff7ed;
+  color: #9a3412;
+}
+
+.orion-builder-v2-validation.is-error {
+  background: #fff1f2;
+  color: #9f1239;
+}
+
+.orion-builder-v2-items {
+  display: grid;
+  gap: 8px;
+}
+
+.orion-builder-v2-item-row {
+  align-items: center;
+  background: #fff8ef;
+  border: 1px solid rgba(231, 203, 185, 0.9);
+  border-radius: 10px;
+  display: grid;
+  gap: 6px;
+  grid-template-columns: minmax(0, 1fr);
+  padding: 8px;
+}
+
+.orion-builder-v2-item-title {
+  display: grid;
+  gap: 4px;
+}
+
+.orion-builder-v2-item-title span {
+  color: var(--builder-v2-ink);
+  font-size: 0.8rem;
+  font-weight: 900;
+  line-height: 1.25;
+  overflow-wrap: anywhere;
+  white-space: normal;
+}
+
+.orion-builder-v2-item-title input {
+  background: #fffdf9;
+  border: 1px solid #e7cbb9;
+  border-radius: 999px;
+  color: var(--builder-v2-ink);
+  font: inherit;
+  font-size: 0.78rem;
+  font-weight: 800;
+  line-height: 1.2;
+  min-height: 30px;
+  outline: none;
+  padding: 6px 10px;
+  width: 100%;
+}
+
+.orion-builder-v2-item-title input:focus {
+  border-color: var(--builder-v2-selection);
+  box-shadow: 0 0 0 2px var(--builder-v2-selection-soft);
+}
+
+.orion-builder-v2-item-row button {
+  justify-self: stretch;
+}
+
+.orion-builder-v2-item-row button,
+.orion-builder-v2-wide-action {
+  background: #ffffff;
+  border: 1px solid #e7cbb9;
+  border-radius: 999px;
+  color: var(--builder-v2-ink);
+  cursor: pointer;
+  font: inherit;
+  font-size: 0.72rem;
+  font-weight: 900;
+  min-height: 30px;
+  padding: 6px 9px;
+}
+
+.orion-builder-v2-wide-action {
+  background: var(--builder-v2-ink);
+  color: #ffffff;
+  margin-top: 2px;
+  width: 100%;
+}
+
+.orion-builder-v2-runtime {
+  width: 100%;
+}
+
+.orion-builder-v2-editor .gjs-one-bg {
+  background-color: #fffdf9;
+}
+
+.orion-builder-v2-editor .gjs-two-color {
+  color: var(--builder-v2-ink);
+}
+
+.orion-builder-v2-editor .gjs-three-bg {
+  background-color: #f1e6d9;
+  color: var(--builder-v2-ink);
+}
+
+.orion-builder-v2-editor .gjs-four-color,
+.orion-builder-v2-editor .gjs-four-color-h:hover {
+  color: var(--builder-v2-accent);
+}
+
+.orion-builder-v2-editor .gjs-cv-canvas {
+  background: #ede4d8;
+  top: 0;
+  width: 100%;
+}
+
+.orion-builder-v2-editor .gjs-cv-canvas .gjs-highlighter,
+.orion-builder-v2-editor .gjs-cv-canvas .gjs-highlighter-sel,
+.orion-builder-v2-editor .gjs-cv-canvas .gjs-highlighter-warning,
+.orion-builder-v2-editor .gjs-cv-canvas .gjs-hovered,
+.orion-builder-v2-editor .gjs-cv-canvas .gjs-selected,
+.orion-builder-v2-editor .gjs-cv-canvas [data-gjs-highlightable].gjs-selected {
+  outline-color: var(--builder-v2-selection) !important;
+  border-color: var(--builder-v2-selection) !important;
+}
+
+.orion-builder-v2-editor .gjs-toolbar,
+.orion-builder-v2-editor .gjs-com-badge,
+.orion-builder-v2-editor .gjs-badge,
+.orion-builder-v2-editor .gjs-drag-helper {
+  background-color: var(--builder-v2-selection) !important;
+  color: var(--builder-v2-selection-contrast) !important;
+}
+
+.orion-builder-v2-editor .gjs-toolbar {
+  border-radius: 8px 8px 0 0;
+  box-shadow: 0 12px 28px rgba(31, 45, 77, 0.18);
+  overflow: hidden;
+}
+
+.orion-builder-v2-editor .gjs-toolbar-item {
+  color: var(--builder-v2-selection-contrast) !important;
+}
+
+.orion-builder-v2-editor .gjs-toolbar-item:hover {
+  background: rgba(255, 255, 255, 0.16);
+}
+
+.orion-builder-v2-editor .gjs-resizer-h {
+  border-color: var(--builder-v2-selection) !important;
+  box-shadow: 0 0 0 2px var(--builder-v2-selection-soft);
+}
+
+.orion-builder-v2-editor .gjs-cv-canvas__frames,
+.orion-builder-v2-editor .gjs-frame-wrapper,
+.orion-builder-v2-editor .gjs-frame {
+  width: 100% !important;
+}
+
+.orion-builder-v2-editor .gjs-frame-wrapper {
+  box-shadow: 0 18px 50px rgba(49, 37, 25, 0.16);
+}
+
+.orion-builder-v2-editor .gjs-block-category,
+.orion-builder-v2-editor .gjs-layer-title,
+.orion-builder-v2-editor .gjs-sm-sector-title {
+  background: #fffdf9;
+  border-color: var(--builder-v2-border);
+  color: var(--builder-v2-ink);
+  font-weight: 900;
+}
+
+.orion-builder-v2-editor .gjs-block-category {
+  border: 1px solid var(--builder-v2-border);
+  border-radius: 14px;
+  margin: 0 0 14px;
+  overflow: hidden;
+}
+
+.orion-builder-v2-editor .gjs-block-category .gjs-title {
+  align-items: center;
+  background: #fffdf9;
+  border-bottom: 1px solid var(--builder-v2-border);
+  color: var(--builder-v2-ink);
+  display: flex;
+  font-size: 0.77rem;
+  font-weight: 900;
+  letter-spacing: 0.02em;
+  min-height: 48px;
+  padding: 10px 13px;
+}
+
+.orion-builder-v2-editor .gjs-block-category.gjs-open .gjs-title {
+  background: #fffaf4;
+}
+
+.orion-builder-v2-editor .gjs-blocks-c {
+  display: grid;
+  gap: 10px;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  padding: 10px;
+}
+
+.orion-builder-v2-editor .gjs-block {
+  background: #fffdf9;
+  border: 1px solid #e7cbb9;
+  border-radius: 13px;
+  box-shadow: none;
+  color: var(--builder-v2-ink);
+  display: grid;
+  gap: 8px;
+  grid-template-columns: minmax(0, 1fr);
+  margin: 0;
+  min-height: 136px;
+  padding: 8px;
+  width: auto;
+}
+
+.orion-builder-v2-editor .gjs-block:hover {
+  background: #fffaf4;
+  border-color: var(--builder-v2-accent);
+  box-shadow: 0 8px 18px rgba(199, 100, 61, 0.12);
+  transform: translateY(-1px);
+}
+
+.orion-builder-v2-editor .gjs-block .gjs-block__media,
+.orion-builder-v2-editor .gjs-block .gjs-block-media {
+  box-sizing: border-box;
+  display: block;
+  max-width: none;
+  margin: 0;
+  min-width: 0;
+  place-self: stretch;
+  width: 100% !important;
+}
+
+.orion-builder-v2-editor .gjs-block-label {
+  color: var(--builder-v2-ink);
+  font-size: 0.76rem;
+  font-weight: 900;
+  line-height: 1.25;
+  min-height: 20px;
+  padding: 0 2px;
+  text-align: left;
+}
+
+.orion-builder-v2-block-preview {
+  background:
+    linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(248, 243, 235, 0.92)),
+    #fffdf9;
+  border: 1px solid rgba(199, 100, 61, 0.28);
+  border-radius: 11px;
+  display: grid;
+  gap: 4px;
+  grid-template-columns: repeat(12, minmax(0, 1fr));
+  grid-template-rows: repeat(5, 8px);
+  min-height: 84px;
+  overflow: hidden;
+  padding: 8px;
+  position: relative;
+  width: 100%;
+}
+
+.orion-builder-v2-block-preview .wire {
+  background: rgba(31, 45, 77, 0.18);
+  border-radius: 999px;
+  display: block;
+  min-height: 5px;
+}
+
+.orion-builder-v2-block-preview .wire-kicker {
+  background: rgba(199, 100, 61, 0.42);
+  grid-column: 1 / 4;
+}
+
+.orion-builder-v2-block-preview .wire-title {
+  background: rgba(31, 45, 77, 0.38);
+  grid-column: 1 / 9;
+  min-height: 8px;
+}
+
+.orion-builder-v2-block-preview .wire-copy {
+  grid-column: 1 / 8;
+}
+
+.orion-builder-v2-block-preview .wire-copy.is-short {
+  grid-column: 1 / 6;
+}
+
+.orion-builder-v2-block-preview .wire-button {
+  background: rgba(199, 100, 61, 0.5);
+  grid-column: 1 / 4;
+}
+
+.orion-builder-v2-block-preview .wire-image,
+.orion-builder-v2-block-preview .wire-card {
+  background: rgba(31, 45, 77, 0.14);
+  border: 1px solid rgba(31, 45, 77, 0.08);
+  border-radius: 5px;
+  display: none;
+}
+
+.orion-builder-v2-block-preview.is-nav {
+  align-content: center;
+  grid-template-rows: repeat(3, 10px);
+}
+
+.orion-builder-v2-block-preview.is-nav .wire-title {
+  grid-column: 1 / 4;
+  grid-row: 2;
+}
+
+.orion-builder-v2-block-preview.is-nav .wire-copy {
+  grid-column: 5 / 10;
+  grid-row: 2;
+}
+
+.orion-builder-v2-block-preview.is-nav .wire-button {
+  grid-column: 10 / 13;
+  grid-row: 2;
+}
+
+.orion-builder-v2-block-preview.is-footer .wire-title,
+.orion-builder-v2-block-preview.is-section .wire-title,
+.orion-builder-v2-block-preview.is-richText .wire-title {
+  grid-column: 1 / 8;
+}
+
+.orion-builder-v2-block-preview.is-footer .wire-copy {
+  grid-column: 7 / 13;
+}
+
+.orion-builder-v2-block-preview.is-footer .wire-copy.is-short {
+  grid-column: 7 / 11;
+}
+
+.orion-builder-v2-block-preview.is-section .wire-copy,
+.orion-builder-v2-block-preview.is-richText .wire-copy {
+  grid-column: 1 / 12;
+}
+
+.orion-builder-v2-block-preview.is-section .wire-copy.is-short,
+.orion-builder-v2-block-preview.is-richText .wire-copy.is-short {
+  grid-column: 1 / 9;
+}
+
+.orion-builder-v2-block-preview.is-hero .wire-image,
+.orion-builder-v2-block-preview.is-xoHero .wire-image {
+  background: linear-gradient(135deg, rgba(31, 45, 77, 0.2), rgba(199, 100, 61, 0.16));
+  display: block;
+  border-radius: 9px;
+  grid-column: 8 / 13;
+  grid-row: 1 / 6;
+}
+
+.orion-builder-v2-block-preview.is-hero .wire-card,
+.orion-builder-v2-block-preview.is-xoHero .wire-card {
+  display: none;
+}
+
+.orion-builder-v2-block-preview.is-columns .wire-card,
+.orion-builder-v2-block-preview.is-card-grid .wire-card,
+.orion-builder-v2-block-preview.is-pricing .wire-card,
+.orion-builder-v2-block-preview.is-xoFeatureGrid .wire-card,
+.orion-builder-v2-block-preview.is-project .wire-card {
+  display: block;
+  grid-row: 3 / 6;
+}
+
+.orion-builder-v2-block-preview.is-columns .wire-card:nth-of-type(7),
+.orion-builder-v2-block-preview.is-card-grid .wire-card:nth-of-type(7),
+.orion-builder-v2-block-preview.is-pricing .wire-card:nth-of-type(7),
+.orion-builder-v2-block-preview.is-xoFeatureGrid .wire-card:nth-of-type(7),
+.orion-builder-v2-block-preview.is-project .wire-card:nth-of-type(7) {
+  grid-column: 1 / 5;
+}
+
+.orion-builder-v2-block-preview.is-columns .wire-card:nth-of-type(8),
+.orion-builder-v2-block-preview.is-card-grid .wire-card:nth-of-type(8),
+.orion-builder-v2-block-preview.is-pricing .wire-card:nth-of-type(8),
+.orion-builder-v2-block-preview.is-xoFeatureGrid .wire-card:nth-of-type(8),
+.orion-builder-v2-block-preview.is-project .wire-card:nth-of-type(8) {
+  grid-column: 5 / 9;
+}
+
+.orion-builder-v2-block-preview.is-columns .wire-card:nth-of-type(9),
+.orion-builder-v2-block-preview.is-card-grid .wire-card:nth-of-type(9),
+.orion-builder-v2-block-preview.is-pricing .wire-card:nth-of-type(9),
+.orion-builder-v2-block-preview.is-xoFeatureGrid .wire-card:nth-of-type(9),
+.orion-builder-v2-block-preview.is-project .wire-card:nth-of-type(9) {
+  grid-column: 9 / 13;
+}
+
+.orion-builder-v2-block-preview.is-gallery .wire-image,
+.orion-builder-v2-block-preview.is-image .wire-image {
+  background:
+    linear-gradient(135deg, transparent 48%, rgba(255, 255, 255, 0.62) 50%, transparent 52%),
+    rgba(31, 45, 77, 0.16);
+  display: block;
+  grid-column: 1 / 13;
+  grid-row: 1 / 6;
+}
+
+.orion-builder-v2-block-preview.is-gallery .wire-kicker,
+.orion-builder-v2-block-preview.is-gallery .wire-title,
+.orion-builder-v2-block-preview.is-gallery .wire-copy,
+.orion-builder-v2-block-preview.is-gallery .wire-button,
+.orion-builder-v2-block-preview.is-image .wire-kicker,
+.orion-builder-v2-block-preview.is-image .wire-title,
+.orion-builder-v2-block-preview.is-image .wire-copy,
+.orion-builder-v2-block-preview.is-image .wire-button {
+  display: none;
+}
+
+.orion-builder-v2-block-preview.is-button,
+.orion-builder-v2-block-preview.is-form {
+  align-content: center;
+}
+
+.orion-builder-v2-block-preview.is-button .wire-kicker,
+.orion-builder-v2-block-preview.is-button .wire-title,
+.orion-builder-v2-block-preview.is-button .wire-copy,
+.orion-builder-v2-block-preview.is-button .wire-image,
+.orion-builder-v2-block-preview.is-button .wire-card {
+  display: none;
+}
+
+.orion-builder-v2-block-preview.is-button .wire-button {
+  grid-column: 3 / 11;
+  min-height: 20px;
+}
+
+.orion-builder-v2-block-preview.is-faq .wire-copy,
+.orion-builder-v2-block-preview.is-testimonials .wire-copy {
+  background: rgba(31, 45, 77, 0.12);
+  border: 1px solid rgba(31, 45, 77, 0.07);
+  border-radius: 8px;
+  grid-column: 1 / 13;
+  min-height: 12px;
+}
+
+.orion-builder-v2-block-preview.is-faq .wire-copy.is-short,
+.orion-builder-v2-block-preview.is-testimonials .wire-copy.is-short {
+  grid-column: 1 / 13;
+}
+
+.orion-builder-v2-block-preview.is-form .wire-copy,
+.orion-builder-v2-block-preview.is-form .wire-copy.is-short {
+  background: rgba(31, 45, 77, 0.1);
+  border: 1px solid rgba(31, 45, 77, 0.08);
+  border-radius: 8px;
+  grid-column: 2 / 12;
+  min-height: 12px;
+}
+
+.orion-builder-v2-block-preview.is-form .wire-image,
+.orion-builder-v2-block-preview.is-form .wire-card {
+  display: none;
+}
+
+.orion-builder-v2-block-preview.is-xoForm .wire-copy,
+.orion-builder-v2-block-preview.is-xoForm .wire-copy.is-short {
+  background: rgba(31, 45, 77, 0.1);
+  border: 1px solid rgba(31, 45, 77, 0.08);
+  border-radius: 8px;
+  grid-column: 2 / 12;
+  min-height: 12px;
+}
+
+.orion-builder-v2-block-preview.is-xoForm .wire-image,
+.orion-builder-v2-block-preview.is-xoForm .wire-card {
+  display: none;
+}
+
+.orion-builder-v2-block-preview.is-xoCta,
+.orion-builder-v2-block-preview.is-cta {
+  background: #243654;
+  align-content: center;
+}
+
+.orion-builder-v2-block-preview.is-xoCta .wire-kicker,
+.orion-builder-v2-block-preview.is-xoCta .wire-copy,
+.orion-builder-v2-block-preview.is-xoCta .wire-image,
+.orion-builder-v2-block-preview.is-xoCta .wire-card,
+.orion-builder-v2-block-preview.is-cta .wire-kicker,
+.orion-builder-v2-block-preview.is-cta .wire-copy,
+.orion-builder-v2-block-preview.is-cta .wire-image,
+.orion-builder-v2-block-preview.is-cta .wire-card {
+  display: none;
+}
+
+.orion-builder-v2-block-preview.is-xoCta .wire-title,
+.orion-builder-v2-block-preview.is-cta .wire-title {
+  background: rgba(255, 255, 255, 0.7);
+  grid-column: 2 / 12;
+}
+
+.orion-builder-v2-block-preview.is-xoCta .wire-button,
+.orion-builder-v2-block-preview.is-cta .wire-button {
+  background: #f6cd80;
+  grid-column: 5 / 9;
+}
+
+.orion-builder-v2-block-preview.is-xoRichText,
+.orion-builder-v2-block-preview.is-richText,
+.orion-builder-v2-block-preview.is-testimonials {
+  align-content: center;
+}
+
+.orion-builder-v2-block-preview.is-xoRichText .wire-button,
+.orion-builder-v2-block-preview.is-xoRichText .wire-image,
+.orion-builder-v2-block-preview.is-xoRichText .wire-card,
+.orion-builder-v2-block-preview.is-richText .wire-button,
+.orion-builder-v2-block-preview.is-richText .wire-image,
+.orion-builder-v2-block-preview.is-richText .wire-card {
+  display: none;
+}
+
+.orion-builder-v2-block-preview.is-xoRichText .wire-title,
+.orion-builder-v2-block-preview.is-richText .wire-title,
+.orion-builder-v2-block-preview.is-testimonials .wire-title {
+  background: rgba(199, 100, 61, 0.42);
+  grid-column: 2 / 12;
+}
+
+.orion-builder-v2-block-preview.is-xoFaq .wire-copy,
+.orion-builder-v2-block-preview.is-xoFAQ .wire-copy,
+.orion-builder-v2-block-preview.is-xoFaq .wire-copy.is-short,
+.orion-builder-v2-block-preview.is-xoFAQ .wire-copy.is-short {
+  background: rgba(31, 45, 77, 0.12);
+  border: 1px solid rgba(31, 45, 77, 0.07);
+  border-radius: 8px;
+  grid-column: 1 / 13;
+  min-height: 12px;
+}
+
+.orion-builder-v2-editor .gjs-field,
+.orion-builder-v2-editor .gjs-field input,
+.orion-builder-v2-editor .gjs-field select,
+.orion-builder-v2-editor .gjs-field textarea,
+.orion-builder-v2-editor .gjs-sm-field,
+.orion-builder-v2-editor .gjs-trt-trait__wrp {
+  background: #fffaf4;
+  border-color: #e7cbb9;
+  color: var(--builder-v2-ink);
+}
+
+.orion-builder-v2-editor .gjs-label,
+.orion-builder-v2-editor .gjs-sm-label,
+.orion-builder-v2-editor .gjs-trt-trait__label {
+  color: var(--builder-v2-muted);
+  font-weight: 800;
+  line-height: 1.25;
+  max-width: none;
+  overflow: visible;
+  overflow-wrap: normal;
+  text-overflow: clip;
+  white-space: normal;
+  word-break: normal;
+}
+
+.orion-builder-v2-editor .gjs-traits-label {
+  display: none;
+}
+
+.orion-builder-v2-editor .gjs-trt-traits {
+  display: grid;
+  gap: 8px;
+}
+
+.orion-builder-v2-editor .gjs-trt-trait {
+  display: grid;
+  gap: 5px;
+}
+
+.orion-builder-v2-editor .gjs-trt-trait__wrp {
+  display: grid !important;
+  gap: 6px;
+  grid-template-columns: minmax(0, 1fr) !important;
+  min-width: 0 !important;
+  overflow: visible !important;
+  width: 100% !important;
+}
+
+.orion-builder-v2-editor .gjs-trt-trait__cnt {
+  float: none !important;
+  margin-left: 0 !important;
+  max-width: none !important;
+  min-width: 0 !important;
+  overflow: visible !important;
+  padding-left: 0 !important;
+  width: 100% !important;
+}
+
+.orion-builder-v2-editor .gjs-trt-trait__label {
+  display: block !important;
+  flex: none;
+  float: none !important;
+  max-width: none !important;
+  min-width: 0 !important;
+  padding: 0 !important;
+  width: 100% !important;
+}
+
+.orion-builder-v2-editor .gjs-trt-trait .gjs-field,
+.orion-builder-v2-editor .gjs-trt-trait input,
+.orion-builder-v2-editor .gjs-trt-trait select,
+.orion-builder-v2-editor .gjs-trt-trait textarea {
+  box-sizing: border-box;
+  max-width: none !important;
+  min-width: 0 !important;
+  overflow: visible;
+  text-overflow: clip;
+  white-space: normal;
+  width: 100% !important;
+}
+
+.orion-builder-v2-inspector #orion-builder-v2-traits,
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-traits,
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-trait,
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-trait__wrp,
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-trait__cnt,
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-label-wrp,
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field-wrp {
+  box-sizing: border-box !important;
+  display: block !important;
+  float: none !important;
+  flex: none !important;
+  margin-left: 0 !important;
+  max-width: none !important;
+  min-width: 0 !important;
+  overflow: visible !important;
+  padding-left: 0 !important;
+  position: static !important;
+  width: 100% !important;
+}
+
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-trait {
+  margin-bottom: 8px !important;
+}
+
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-trt-trait__label {
+  box-sizing: border-box !important;
+  display: block !important;
+  float: none !important;
+  flex: none !important;
+  font-size: 0.72rem !important;
+  font-weight: 800 !important;
+  line-height: 1.2 !important;
+  margin: 0 0 4px !important;
+  max-width: none !important;
+  min-width: 0 !important;
+  overflow: visible !important;
+  padding: 0 !important;
+  position: static !important;
+  text-overflow: clip !important;
+  white-space: nowrap !important;
+  width: 100% !important;
+  word-break: normal !important;
+}
+
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-label-wrp {
+  margin: 0 0 4px !important;
+}
+
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-label {
+  box-sizing: border-box !important;
+  display: block !important;
+  float: none !important;
+  font-size: 0.72rem !important;
+  font-weight: 800 !important;
+  line-height: 1.2 !important;
+  margin: 0 !important;
+  max-width: none !important;
+  min-width: 0 !important;
+  overflow: visible !important;
+  padding: 0 !important;
+  position: static !important;
+  text-overflow: clip !important;
+  white-space: nowrap !important;
+  width: 100% !important;
+  word-break: normal !important;
+}
+
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field,
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field input,
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field select,
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field textarea {
+  box-sizing: border-box !important;
+  display: block !important;
+  float: none !important;
+  margin-left: 0 !important;
+  max-width: none !important;
+  min-width: 0 !important;
+  overflow: visible !important;
+  padding-left: 0 !important;
+  position: static !important;
+  text-overflow: clip !important;
+  width: 100% !important;
+}
+
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field {
+  background: #fffdf9 !important;
+  background-clip: padding-box;
+  border: 1px solid #d6b7a1 !important;
+  border-radius: 8px;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
+  min-height: 32px;
+  overflow: hidden !important;
+}
+
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field:hover {
+  border-color: rgba(181, 111, 77, 0.72) !important;
+}
+
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field:focus-within {
+  border-color: #8492aa !important;
+  box-shadow:
+    0 0 0 1px rgba(132, 146, 170, 0.42),
+    inset 0 1px 0 rgba(255, 255, 255, 0.9);
+}
+
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field input,
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field select,
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field textarea {
+  background: transparent !important;
+  border: 0 !important;
+  box-shadow: none !important;
+  color: var(--builder-v2-ink);
+  font-size: 0.78rem !important;
+  line-height: 1.25 !important;
+  min-height: 30px;
+  outline: none !important;
+  padding: 5px 8px !important;
+}
+
+.orion-builder-v2-inspector #orion-builder-v2-traits .gjs-field textarea {
+  min-height: 54px;
+  resize: vertical;
+}
+
+.orion-builder-v2-editor .gjs-sm-sectors {
+  display: grid;
+  gap: 10px;
+}
+
+.orion-builder-v2-editor .gjs-sm-sector {
+  border: 1px solid var(--builder-v2-border);
+  border-radius: 12px;
+  overflow: visible;
+}
+
+.orion-builder-v2-editor .gjs-sm-properties {
+  display: grid;
+  gap: 8px;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  padding: 10px;
+}
+
+.orion-builder-v2-editor .gjs-sm-property {
+  box-sizing: border-box;
+  float: none;
+  margin: 0;
+  min-width: 0;
+  width: 100%;
+}
+
+.orion-builder-v2-editor .gjs-sm-property__display,
+.orion-builder-v2-editor .gjs-sm-property__font-family,
+.orion-builder-v2-editor .gjs-sm-property__background,
+.orion-builder-v2-editor .gjs-sm-property__border,
+.orion-builder-v2-editor .gjs-sm-property__box-shadow,
+.orion-builder-v2-editor .gjs-sm-composite {
+  grid-column: 1 / -1;
+}
+
+.orion-builder-v2-editor .gjs-sm-property__display {
+  order: 0;
+}
+
+.orion-builder-v2-editor .gjs-sm-property__position {
+  grid-column: 1 / -1;
+  order: 1;
+}
+
+.orion-builder-v2-editor .gjs-sm-property__top,
+.orion-builder-v2-editor .gjs-sm-property__margin-top,
+.orion-builder-v2-editor .gjs-sm-property__padding-top {
+  order: 2;
+}
+
+.orion-builder-v2-editor .gjs-sm-property__bottom,
+.orion-builder-v2-editor .gjs-sm-property__margin-bottom,
+.orion-builder-v2-editor .gjs-sm-property__padding-bottom {
+  order: 3;
+}
+
+.orion-builder-v2-editor .gjs-sm-property__left,
+.orion-builder-v2-editor .gjs-sm-property__margin-left,
+.orion-builder-v2-editor .gjs-sm-property__padding-left {
+  order: 4;
+}
+
+.orion-builder-v2-editor .gjs-sm-property__right,
+.orion-builder-v2-editor .gjs-sm-property__margin-right,
+.orion-builder-v2-editor .gjs-sm-property__padding-right {
+  order: 5;
+}
+
+.orion-builder-v2-editor .gjs-sm-property__width {
+  grid-column: 1 / -1;
+  order: 6;
+}
+
+.orion-builder-v2-editor .gjs-sm-property__height {
+  grid-column: 1 / -1;
+  order: 7;
+}
+
+.orion-builder-v2-editor .gjs-sm-property__min-height {
+  grid-column: 1 / -1;
+  order: 8;
+}
+
+.orion-builder-v2-editor .gjs-sm-property__margin {
+  order: 9;
+}
+
+.orion-builder-v2-editor .gjs-sm-property__padding {
+  order: 10;
+}
+
+.orion-builder-v2-editor .gjs-sm-property__color,
+.orion-builder-v2-editor .gjs-sm-property__background-color {
+  grid-column: 1 / -1;
+}
+
+.orion-builder-v2-editor.cannot-use-gap .gjs-sm-property__gap,
+.orion-builder-v2-editor.cannot-use-flex-controls .gjs-sm-property__flex-direction,
+.orion-builder-v2-editor.cannot-use-flex-controls .gjs-sm-property__justify-content,
+.orion-builder-v2-editor.cannot-use-flex-controls .gjs-sm-property__align-items,
+.orion-builder-v2-editor.cannot-use-flex-controls .gjs-sm-property__flex-wrap,
+.orion-builder-v2-editor.cannot-use-position-offsets .gjs-sm-property__top,
+.orion-builder-v2-editor.cannot-use-position-offsets .gjs-sm-property__right,
+.orion-builder-v2-editor.cannot-use-position-offsets .gjs-sm-property__bottom,
+.orion-builder-v2-editor.cannot-use-position-offsets .gjs-sm-property__left,
+.orion-builder-v2-editor.cannot-use-sizing-controls .gjs-sm-property__width,
+.orion-builder-v2-editor.cannot-use-sizing-controls .gjs-sm-property__height,
+.orion-builder-v2-editor.cannot-use-sizing-controls .gjs-sm-property__min-height {
+  display: none !important;
+}
+
+.orion-builder-v2-editor .gjs-sm-property .gjs-sm-label {
+  display: block;
+  margin-bottom: 7px;
+}
+
+.orion-builder-v2-editor .gjs-sm-label[data-builder-setting-help],
+.orion-builder-v2-editor .gjs-label[data-builder-setting-help],
+.orion-builder-v2-editor .gjs-trt-trait__label[data-builder-setting-help] {
+  align-items: center;
+  display: inline-flex !important;
+  gap: 6px;
+  position: relative;
+}
+
+.orion-builder-v2-help-trigger {
+  align-items: center;
+  background: #fff7ef;
+  border: 1px solid #dcc0ab;
+  border-radius: 999px;
+  color: #6f5948;
+  cursor: default;
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-size: 0.62rem;
+  font-weight: 900;
+  height: 15px;
+  justify-content: center;
+  line-height: 1;
+  width: 15px;
+}
+
+.orion-builder-v2-help-trigger:hover,
+.orion-builder-v2-help-trigger:focus-visible {
+  background: #f6eadf;
+  border-color: #bf8f73;
+  outline: none;
+}
+
+.orion-builder-v2-help-trigger::after {
+  background: #243654;
+  border-radius: 8px;
+  bottom: auto;
+  box-shadow: 0 14px 34px rgba(36, 54, 84, 0.22);
+  box-sizing: border-box;
+  color: #ffffff;
+  content: attr(data-builder-help-text);
+  display: none;
+  font-size: 0.72rem;
+  font-weight: 700;
+  left: 50%;
+  line-height: 1.35;
+  max-width: min(260px, 70vw);
+  padding: 8px 10px;
+  position: absolute;
+  text-transform: none;
+  top: calc(100% + 8px);
+  transform: translateX(-50%);
+  width: max-content;
+  z-index: 20;
+}
+
+.is-builder-help-left > .orion-builder-v2-help-trigger::after {
+  left: 0;
+  right: auto;
+  transform: none;
+}
+
+.is-builder-help-right > .orion-builder-v2-help-trigger::after {
+  left: auto;
+  right: 0;
+  transform: none;
+}
+
+.is-builder-help-open > .orion-builder-v2-help-trigger::after {
+  display: block;
+}
+
+.orion-builder-v2-editor .gjs-sm-property:not(.gjs-sm-radio) .gjs-field,
+.orion-builder-v2-editor .gjs-sm-property .gjs-sm-field {
+  background: #fffdf9 !important;
+  background-clip: padding-box;
+  border: 1px solid #d6b7a1 !important;
+  border-radius: 8px;
+  box-sizing: border-box;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
+  min-height: 36px;
+  min-width: 0;
+  overflow: hidden;
+  width: 100% !important;
+}
+
+.orion-builder-v2-editor .gjs-sm-property:not(.gjs-sm-radio) .gjs-field:hover,
+.orion-builder-v2-editor .gjs-sm-property .gjs-sm-field:hover {
+  border-color: rgba(181, 111, 77, 0.72) !important;
+}
+
+.orion-builder-v2-editor .gjs-sm-property:not(.gjs-sm-radio) .gjs-field:focus-within,
+.orion-builder-v2-editor .gjs-sm-property .gjs-sm-field:focus-within {
+  border-color: #8492aa !important;
+  box-shadow:
+    0 0 0 1px rgba(132, 146, 170, 0.42),
+    inset 0 1px 0 rgba(255, 255, 255, 0.9);
+  outline: none !important;
+}
+
+.orion-builder-v2-editor .gjs-field input,
+.orion-builder-v2-editor .gjs-field select,
+.orion-builder-v2-editor .gjs-field textarea {
+  background: transparent !important;
+  border: 0 !important;
+  box-shadow: none !important;
+  box-sizing: border-box;
+  min-height: 36px;
+  outline: none !important;
+  width: 100% !important;
+}
+
+.orion-builder-v2-editor .gjs-field .gjs-input-unit {
+  background: transparent !important;
+  border: 0 !important;
+  color: #7a879f;
+  height: 100%;
+  padding-right: 8px;
+}
+
+.orion-builder-v2-editor .gjs-field-color {
+  cursor: pointer;
+  display: grid !important;
+  grid-template-columns: minmax(0, 1fr) 38px;
+}
+
+.orion-builder-v2-editor .gjs-field-color.has-orion-eyedropper {
+  grid-template-columns: minmax(0, 1fr) 38px 34px;
+}
+
+.orion-builder-v2-editor .gjs-field-color .gjs-input-holder {
+  min-width: 0;
+}
+
+.orion-builder-v2-editor .gjs-field-color input {
+  cursor: text;
+  padding-right: 8px;
+}
+
+.orion-builder-v2-editor .gjs-field-colorp {
+  align-items: center;
+  background: #f6eadf;
+  border-left: 1px solid #e1c4b0;
+  cursor: pointer;
+  display: flex !important;
+  height: 100% !important;
+  justify-content: center;
+  min-width: 38px;
+  position: relative;
+  width: 38px !important;
+  z-index: 2;
+}
+
+.orion-builder-v2-editor .orion-builder-v2-eyedropper {
+  align-items: center;
+  appearance: none;
+  background: #fffaf4;
+  border: 0;
+  border-left: 1px solid #e1c4b0;
+  color: var(--builder-v2-ink);
+  cursor: pointer;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  min-height: 36px;
+  padding: 0;
+  transition:
+    background 160ms ease,
+    color 160ms ease;
+  width: 34px;
+}
+
+.orion-builder-v2-editor .orion-builder-v2-eyedropper:hover,
+.orion-builder-v2-editor .orion-builder-v2-eyedropper:focus-visible {
+  background: var(--builder-v2-accent, #22385b);
+  color: #fffaf4;
+  outline: none;
+}
+
+.orion-builder-v2-editor .orion-builder-v2-eyedropper svg {
+  height: 16px;
+  width: 16px;
+}
+
+.orion-builder-v2-editor .gjs-field-colorp-c {
+  border: 1px solid rgba(31, 45, 77, 0.16);
+  border-radius: 999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
+  height: 22px !important;
+  overflow: hidden;
+  width: 22px !important;
+}
+
+.orion-builder-v2-editor .gjs-field-color-picker,
+.orion-builder-v2-editor .gjs-checker-bg {
+  height: 100% !important;
+  width: 100% !important;
+}
+
+.sp-container.gjs-editor-sp:not(.sp-hidden) {
+  background: #fffdf9;
+  border: 1px solid #d6b7a1;
+  border-radius: 12px;
+  box-shadow: 0 18px 46px rgba(49, 37, 25, 0.2);
+  box-sizing: border-box;
+  color: var(--builder-v2-ink);
+  max-height: calc(100dvh - 128px);
+  overflow: auto;
+  padding: 8px;
+  position: fixed !important;
+  z-index: 9999999 !important;
+}
+
+.sp-container.gjs-editor-sp .sp-picker-container,
+.sp-container.gjs-editor-sp .sp-palette-container {
+  border: 0;
+}
+
+.sp-container.gjs-editor-sp .sp-choose {
+  background: var(--builder-v2-accent);
+  border: 0;
+  border-radius: 999px;
+  color: #ffffff;
+  cursor: pointer;
+  font-weight: 900;
+  padding: 5px 10px;
+}
+
+.sp-container.gjs-editor-sp .sp-cancel {
+  color: var(--builder-v2-muted) !important;
+  text-decoration: none;
+}
+
+.orion-builder-v2-quick-layout {
+  display: grid;
+  gap: 16px;
+}
+
+.orion-builder-v2-control-group {
+  display: grid;
+  gap: 10px;
+}
+
+.orion-builder-v2-control-group h3 {
+  align-items: center;
+  color: var(--builder-v2-ink);
+  display: inline-flex;
+  font-size: 0.82rem;
+  font-weight: 900;
+  gap: 6px;
+  letter-spacing: 0.01em;
+  margin: 0;
+  position: relative;
+}
+
+.orion-builder-v2-choice-grid {
+  display: grid;
+  gap: 8px;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.orion-builder-v2-choice,
+.orion-builder-v2-toggle {
+  background: #fffdf9;
+  border: 1px solid #e2c2ac;
+  border-radius: 10px;
+  box-sizing: border-box;
+  color: var(--builder-v2-ink);
+  cursor: pointer;
+  font: inherit;
+  min-width: 0;
+  text-align: left;
+  transition:
+    background-color 160ms ease,
+    border-color 160ms ease,
+    box-shadow 160ms ease,
+    color 160ms ease;
+}
+
+.orion-builder-v2-choice {
+  display: grid;
+  gap: 3px;
+  min-height: 74px;
+  padding: 10px;
+}
+
+.orion-builder-v2-choice strong,
+.orion-builder-v2-toggle strong {
+  align-items: center;
+  display: flex;
+  font-size: 0.78rem;
+  font-weight: 900;
+  gap: 8px;
+  justify-content: flex-start;
+  line-height: 1.2;
+  position: relative;
+}
+
+.orion-builder-v2-choice span,
+.orion-builder-v2-toggle small {
+  color: var(--builder-v2-muted);
+  display: block;
+  font-size: 0.68rem;
+  font-weight: 700;
+  line-height: 1.3;
+}
+
+.orion-builder-v2-choice:hover,
+.orion-builder-v2-toggle:hover {
+  border-color: rgba(181, 111, 77, 0.8);
+  box-shadow: 0 8px 18px rgba(199, 100, 61, 0.1);
+}
+
+.orion-builder-v2-choice[aria-pressed='true'],
+.orion-builder-v2-toggle[aria-pressed='true'],
+.orion-builder-v2-segmented button[aria-pressed='true'] {
+  background: var(--builder-v2-ink);
+  border-color: var(--builder-v2-ink);
+  color: #ffffff;
+}
+
+.orion-builder-v2-choice[aria-pressed='true'] span,
+.orion-builder-v2-toggle[aria-pressed='true'] small {
+  color: rgba(255, 255, 255, 0.78);
+}
+
+.orion-builder-v2-choice:disabled,
+.orion-builder-v2-toggle:disabled,
+.orion-builder-v2-segmented button:disabled {
+  cursor: not-allowed;
+  opacity: 0.48;
+}
+
+.orion-builder-v2-segmented {
+  background: #fff7ef;
+  border: 1px solid #e2c2ac;
+  border-radius: 10px;
+  display: grid;
+  grid-auto-columns: 1fr;
+  grid-auto-flow: column;
+  overflow: hidden;
+}
+
+.orion-builder-v2-segmented:has(.is-builder-help-open) {
+  overflow: visible;
+  z-index: 6;
+}
+
+.orion-builder-v2-segmented button {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-right: 1px solid #e2c2ac;
+  color: var(--builder-v2-ink);
+  cursor: pointer;
+  display: flex;
+  font: inherit;
+  font-size: 0.74rem;
+  font-weight: 850;
+  gap: 7px;
+  justify-content: center;
+  min-height: 34px;
+  padding: 8px 6px;
+  position: relative;
+}
+
+.orion-builder-v2-segmented button:last-child {
+  border-right: 0;
+}
+
+.orion-builder-v2-choice .orion-builder-v2-help-trigger,
+.orion-builder-v2-toggle .orion-builder-v2-help-trigger,
+.orion-builder-v2-segmented .orion-builder-v2-help-trigger,
+.orion-builder-v2-control-group h3 .orion-builder-v2-help-trigger {
+  color: #6f5948;
+  display: inline-flex;
+  font-size: 0.62rem;
+  font-weight: 900;
+  line-height: 1;
+  margin-left: 2px;
+}
+
+.orion-builder-v2-choice[aria-pressed='true'] .orion-builder-v2-help-trigger,
+.orion-builder-v2-toggle[aria-pressed='true'] .orion-builder-v2-help-trigger,
+.orion-builder-v2-segmented button[aria-pressed='true'] .orion-builder-v2-help-trigger {
+  background: rgba(255, 255, 255, 0.94);
+  border-color: rgba(255, 255, 255, 0.78);
+  color: var(--builder-v2-ink);
+}
+
+.orion-builder-v2-choice.is-builder-help-open,
+.orion-builder-v2-toggle.is-builder-help-open,
+.orion-builder-v2-segmented button.is-builder-help-open {
+  overflow: visible;
+  z-index: 5;
+}
+
+.orion-builder-v2-toggle-list {
+  display: grid;
+  gap: 8px;
+}
+
+.orion-builder-v2-toggle {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  min-height: 54px;
+  padding: 10px 12px;
+}
+
+.orion-builder-v2-toggle::after {
+  background: #f1e3d6;
+  border: 1px solid #d6b7a1;
+  border-radius: 999px;
+  box-sizing: border-box;
+  content: '';
+  display: block;
+  flex: 0 0 auto;
+  height: 18px;
+  margin-left: 10px;
+  width: 34px;
+}
+
+.orion-builder-v2-toggle[aria-pressed='true']::after {
+  background: var(--builder-v2-accent);
+  border-color: rgba(255, 255, 255, 0.72);
+  box-shadow: inset 14px 0 0 #ffffff;
+}
+
+.orion-builder-v2-panel.is-developer-only-hidden {
+  display: none;
+}
+
+.orion-builder-v2-editor .gjs-field textarea {
+  min-height: 96px;
+}
+
+.orion-builder-v2-editor [data-orion-placeholder] {
+  outline: 1px dashed rgba(199, 100, 61, 0.45);
+  outline-offset: 4px;
+}
+
+.orion-builder-v2-editor [data-orion-action] {
+  background: #fffaf4;
+  border: 1px solid #e7cbb9;
+  border-radius: 999px;
+  color: var(--builder-v2-ink);
+  cursor: pointer;
+  font: inherit;
+  font-size: 0.76rem;
+  font-weight: 900;
+  min-height: 32px;
+  padding: 6px 10px;
+}
+
+.orion-builder-v2-editor [data-orion-action]:hover {
+  background: var(--builder-v2-ink);
+  border-color: var(--builder-v2-ink);
+  color: #ffffff;
+}
+
+.orion-builder-v2-html-chunk {
+  display: contents;
+}
+
+.orion-builder-v2-missing-component {
+  display: none;
+}
+
+.orion-builder-v2-section,
+.orion-builder-v2-hero {
+  padding: 64px 24px;
+}
+
+.orion-builder-v2-section.is-muted {
+  background: #f4f6f8;
+}
+
+.orion-builder-v2-hero {
+  background: #172033;
+  color: #ffffff;
+}
+
+.orion-builder-v2-container {
+  margin: 0 auto;
+  max-width: 1120px;
+}
+
+.orion-builder-v2-container.is-narrow {
+  max-width: 760px;
+}
+
+.orion-builder-v2-grid {
+  display: grid;
+  gap: 20px;
+}
+
+.orion-builder-v2-grid.is-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.orion-builder-v2-card {
+  background: #ffffff;
+  border: 1px solid rgba(23, 32, 51, 0.12);
+  border-radius: 8px;
+  color: #172033;
+  padding: 20px;
+}
+
+.orion-builder-v2-card.is-featured {
+  border-color: #c35f36;
+  box-shadow: 0 20px 50px rgba(195, 95, 54, 0.16);
+}
+
+.orion-builder-v2-button {
+  background: #172033;
+  border-radius: 8px;
+  color: #ffffff;
+  display: inline-flex;
+  font-weight: 800;
+  padding: 10px 16px;
+  text-decoration: none;
+}
+
+.orion-builder-v2-hero .orion-builder-v2-button {
+  background: #ffffff;
+  color: #172033;
+}
+
+.orion-builder-v2-kicker {
+  font-size: 0.85rem;
+  font-weight: 900;
+  text-transform: uppercase;
+}
+
+.orion-builder-v2-image {
+  display: block;
+  height: auto;
+  max-width: 100%;
+}
+
+.orion-builder-v2-nav,
+.orion-builder-v2-footer {
+  align-items: center;
+  display: flex;
+  gap: 20px;
+  justify-content: space-between;
+  padding: 20px 24px;
+}
+
+.orion-builder-v2-nav nav,
+.orion-builder-v2-footer nav {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 14px;
+}
+
+.orion-builder-v2-logo {
+  color: inherit;
+  font-weight: 900;
+  text-decoration: none;
+}
+
+.orion-builder-v2-footer {
+  background: #101827;
+  color: #ffffff;
+}
+
+.orion-builder-v2-gallery {
+  display: grid;
+  gap: 14px;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.orion-builder-v2-gallery img {
+  aspect-ratio: 1;
+  border-radius: 8px;
+  height: 100%;
+  object-fit: cover;
+  width: 100%;
+}
+
+.orion-builder-v2-price {
+  font-size: 2rem;
+  font-weight: 900;
+}
+
+.orion-builder-v2-dynamic-placeholder {
+  align-items: center;
+  background: repeating-linear-gradient(
+    45deg,
+    rgba(23, 32, 51, 0.06),
+    rgba(23, 32, 51, 0.06) 8px,
+    rgba(23, 32, 51, 0.11) 8px,
+    rgba(23, 32, 51, 0.11) 16px
+  );
+  border: 1px dashed rgba(23, 32, 51, 0.35);
+  border-radius: 8px;
+  display: flex;
+  gap: 8px;
+  min-height: 96px;
+  padding: 20px;
+}
+
+.xo-builder-import {
+  background: #fbf7f1;
+  color: #302823;
+  font-family: var(--font-xo-sans, var(--font-body, ui-sans-serif, system-ui, sans-serif));
+  padding: 72px 28px;
+}
+
+.xo-builder-import:nth-child(even) {
+  background: #fffdf9;
+}
+
+.xo-builder-import__inner {
+  margin: 0 auto;
+  max-width: 1120px;
+}
+
+.xo-builder-import__eyebrow {
+  color: #9f5f45;
+  font-size: 0.75rem;
+  font-weight: 900;
+  letter-spacing: 0.08em;
+  margin: 0 0 10px;
+  text-transform: uppercase;
+}
+
+.xo-builder-import h1,
+.xo-builder-import h2,
+.xo-builder-import h3 {
+  color: #243654;
+  letter-spacing: 0;
+  line-height: 1.06;
+  margin: 0;
+}
+
+.xo-builder-import h1 {
+  font-size: 5.4rem;
+}
+
+.xo-builder-import h2 {
+  font-size: 3.2rem;
+}
+
+.xo-builder-import h3 {
+  font-size: 1.14rem;
+}
+
+.xo-builder-import p {
+  color: #5f5045;
+  font-size: 1rem;
+  line-height: 1.7;
+  margin: 10px 0 0;
+}
+
+.xo-builder-import a {
+  color: inherit;
+}
+
+.xo-builder-import-hero {
+  align-items: end;
+  background-color: #243654;
+  background-position: center;
+  background-size: cover;
+  color: #ffffff;
+  display: grid;
+  min-height: 580px;
+  overflow: hidden;
+  padding-bottom: 0;
+  position: relative;
+}
+
+.xo-builder-import-hero::before {
+  background: linear-gradient(90deg, rgba(36, 54, 84, 0.78), rgba(36, 54, 84, 0.22));
+  content: '';
+  inset: 0;
+  position: absolute;
+}
+
+.xo-builder-import-hero .xo-builder-import__inner {
+  padding-bottom: 76px;
+  position: relative;
+  width: 100%;
+  z-index: 1;
+}
+
+.xo-builder-import-hero h1,
+.xo-builder-import-hero h2,
+.xo-builder-import-hero p,
+.xo-builder-import-hero .xo-builder-import__eyebrow {
+  color: #ffffff;
+}
+
+.xo-builder-import-hero h1:empty::before {
+  content: 'XO Gift Co.';
+}
+
+.xo-builder-import-hero p:empty::before {
+  content: 'Warm gifts, local heart, and thoughtful help in Wheat Ridge.';
+}
+
+.xo-builder-import__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin-top: 22px;
+}
+
+.xo-builder-import__button {
+  align-items: center;
+  background: #243654;
+  border: 1px solid #243654;
+  border-radius: 999px;
+  color: #ffffff;
+  display: inline-flex;
+  font-weight: 900;
+  min-height: 42px;
+  padding: 10px 18px;
+  text-decoration: none;
+}
+
+.xo-builder-import-hero .xo-builder-import__button,
+.xo-builder-import-cta .xo-builder-import__button {
+  background: #fff7ef;
+  border-color: #fff7ef;
+  color: #243654;
+}
+
+.xo-builder-import__marquee {
+  background: rgba(255, 247, 239, 0.92);
+  color: #243654;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 34px;
+  padding: 14px;
+}
+
+.xo-builder-import__marquee span {
+  background: #ffffff;
+  border: 1px solid #ead7ca;
+  border-radius: 999px;
+  font-size: 0.78rem;
+  font-weight: 900;
+  padding: 8px 10px;
+}
+
+.xo-builder-import-grid {
+  display: grid;
+  gap: 22px;
+}
+
+.xo-builder-import-grid__items {
+  display: grid;
+  gap: 18px;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  margin-top: 28px;
+}
+
+.xo-builder-import-card {
+  background: #ffffff;
+  border: 1px solid #ead7ca;
+  border-radius: 16px;
+  box-shadow: 0 18px 42px rgba(80, 52, 30, 0.08);
+  overflow: hidden;
+}
+
+.xo-builder-import-card img {
+  aspect-ratio: 4 / 3;
+  display: block;
+  object-fit: cover;
+  width: 100%;
+}
+
+.xo-builder-import-card__body {
+  padding: 18px;
+}
+
+.xo-builder-import-card__meta {
+  color: #9f5f45;
+  font-size: 0.76rem;
+  font-weight: 900;
+  text-transform: uppercase;
+}
+
+.xo-builder-import-card ul {
+  color: #5f5045;
+  line-height: 1.55;
+  margin: 12px 0 0;
+  padding-left: 18px;
+}
+
+.xo-builder-import-cta {
+  background: #243654;
+  color: #ffffff;
+  text-align: center;
+}
+
+.xo-builder-import-cta h2,
+.xo-builder-import-cta p,
+.xo-builder-import-cta .xo-builder-import__eyebrow {
+  color: #ffffff;
+}
+
+.xo-builder-import-quote {
+  text-align: center;
+}
+
+.xo-builder-import-quote blockquote {
+  color: #243654;
+  font-size: 3rem;
+  font-weight: 900;
+  line-height: 1.15;
+  margin: 0 auto;
+  max-width: 900px;
+}
+
+.xo-builder-import-faq__items {
+  display: grid;
+  gap: 10px;
+  margin-top: 28px;
+}
+
+.xo-builder-import-faq details {
+  background: #ffffff;
+  border: 1px solid #ead7ca;
+  border-radius: 12px;
+  padding: 16px 18px;
+}
+
+.xo-builder-import-faq summary {
+  color: #243654;
+  cursor: pointer;
+  font-weight: 900;
+}
+
+.xo-builder-import-form {
+  background: #fffdf9;
+}
+
+.xo-builder-import-form .orion-builder-v2-dynamic-placeholder {
+  background-color: #fff8ef;
+  margin-top: 28px;
+}
+
+.xo-builder-import-map {
+  aspect-ratio: 16 / 9;
+  border: 0;
+  border-radius: 16px;
+  margin-top: 16px;
+  min-height: 320px;
+  width: 100%;
+}
+
+.xo-builder-preview {
+  box-sizing: border-box;
+  color: #2e2a27;
+  font-family: var(--font-xo-sans, "Nunito Sans", "Segoe UI", sans-serif);
+  letter-spacing: 0;
+}
+
+.xo-builder-preview *,
+.xo-builder-preview *::before,
+.xo-builder-preview *::after {
+  box-sizing: border-box;
+}
+
+.xo-builder-preview p,
+.xo-builder-preview span,
+.xo-builder-preview small {
+  color: inherit;
+}
+
+.xo-builder-preview h1,
+.xo-builder-preview h2,
+.xo-builder-preview h3 {
+  color: #243654;
+  font-family: var(--font-xo-serif, Georgia, serif);
+  font-weight: 500;
+  letter-spacing: 0;
+  line-height: 1.04;
+  margin: 0;
+}
+
+.xo-builder-preview p {
+  line-height: 1.65;
+  margin: 0;
+}
+
+.xo-builder-preview-hero {
+  align-items: end;
+  background-color: #243654;
+  background-position: center;
+  background-size: cover;
+  display: grid;
+  min-height: 560px;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+}
+
+.xo-builder-preview-hero::before {
+  background: linear-gradient(180deg, rgba(8, 16, 30, 0.08), rgba(8, 16, 30, 0.18));
+  content: "";
+  inset: 0;
+  position: absolute;
+}
+
+.xo-builder-preview-hero > div {
+  align-self: end;
+  background: rgba(255, 253, 249, 0.92);
+  border-top: 1px solid rgba(234, 215, 202, 0.9);
+  display: grid;
+  gap: 10px;
+  padding: 24px 34px;
+  position: relative;
+  width: 100%;
+}
+
+.xo-builder-preview-hero p {
+  color: #9f5f45;
+  font-size: 0.78rem;
+  font-weight: 900;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.xo-builder-preview-hero h1 {
+  color: #243654;
+  font-size: 3.4rem;
+}
+
+.xo-builder-preview-hero span {
+  color: #5f574f;
+  font-size: 1.05rem;
+  line-height: 1.55;
+  max-width: 720px;
+}
+
+.xo-builder-preview-section {
+  background: #fbfaf7;
+  padding: 68px 32px;
+}
+
+.xo-builder-preview-section > p,
+.xo-builder-preview-cta > p {
+  color: #9f5f45;
+  font-size: 0.78rem;
+  font-weight: 900;
+  letter-spacing: 0.08em;
+  margin: 0 0 10px;
+  text-transform: uppercase;
+}
+
+.xo-builder-preview-section h2,
+.xo-builder-preview-cta h2 {
+  font-size: 3rem;
+  margin: 0;
+  max-width: 980px;
+}
+
+.xo-builder-preview-section > span {
+  color: #5b4f44;
+  display: block;
+  font-size: 1.04rem;
+  line-height: 1.7;
+  margin-top: 14px;
+  max-width: 780px;
+}
+
+.xo-builder-preview-grid {
+  display: grid;
+  gap: 22px;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  margin-top: 32px;
+}
+
+.xo-builder-preview-grid article {
+  background: #fffdf9;
+  border: 1px solid rgba(143, 111, 67, 0.2);
+  border-radius: 28px;
+  box-shadow: 0 18px 50px rgba(114, 87, 60, 0.08);
+  overflow: hidden;
+}
+
+.xo-builder-preview-grid img {
+  aspect-ratio: 4 / 3;
+  display: block;
+  height: auto;
+  object-fit: cover;
+  width: 100%;
+}
+
+.xo-builder-preview-grid strong {
+  color: #243654;
+  display: block;
+  font-family: var(--font-xo-serif, Georgia, serif);
+  font-size: 1.9rem;
+  font-weight: 500;
+  line-height: 1.08;
+  padding: 20px 20px 0;
+}
+
+.xo-builder-preview-grid small {
+  color: #5a4d40;
+  display: block;
+  font-size: 0.96rem;
+  line-height: 1.6;
+  padding: 12px 20px 22px;
+}
+
+.xo-builder-preview-cta {
+  background: #243654;
+  color: #ffffff;
+  padding: 76px 32px;
+  text-align: center;
+}
+
+.xo-builder-preview-cta h2,
+.xo-builder-preview-cta p {
+  color: #ffffff;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.xo-builder-preview-cta button {
+  background: #ffd082;
+  border: 0;
+  border-radius: 999px;
+  color: #263a57;
+  font: inherit;
+  font-size: 0.86rem;
+  font-weight: 900;
+  margin-top: 26px;
+  min-height: 44px;
+  padding: 0 28px;
+}
+
+.xo-builder-preview-section details {
+  background: #fffdf9;
+  border: 1px solid rgba(143, 111, 67, 0.2);
+  border-radius: 18px;
+  margin-top: 12px;
+  padding: 18px 20px;
+}
+
+.xo-builder-preview-section summary {
+  color: #243654;
+  cursor: pointer;
+  font-weight: 900;
+}
+
+.xo-builder-preview-form {
+  background: #fffdf9;
+  border: 1px dashed rgba(159, 95, 69, 0.4);
+  margin: 48px auto;
+  max-width: 980px;
+  padding: 46px 32px;
+  text-align: center;
+}
+
+.xo-builder-preview-form h2 {
+  font-size: 2.4rem;
+}
+
+@media (max-width: 800px) {
+  .orion-builder-v2-editor {
+    grid-template-columns: 1fr;
+    grid-template-rows: auto auto 1fr auto;
+  }
+
+  .orion-builder-v2-topbar {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .orion-builder-v2-sidebar,
+  .orion-builder-v2-inspector {
+    max-height: 260px;
+  }
+
+  .orion-builder-v2-grid.is-3 {
+    grid-template-columns: 1fr;
+  }
+
+  .orion-builder-v2-gallery {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .xo-builder-import {
+    padding: 48px 18px;
+  }
+
+  .xo-builder-import h1 {
+    font-size: 2.7rem;
+  }
+
+  .xo-builder-import h2 {
+    font-size: 2rem;
+  }
+
+  .xo-builder-import-quote blockquote {
+    font-size: 1.8rem;
+  }
+
+  .xo-builder-import-hero {
+    min-height: 520px;
+  }
+
+  .xo-builder-import-grid__items {
+    grid-template-columns: 1fr;
+  }
+
+  .xo-builder-preview-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .xo-builder-preview-hero {
+    min-height: 460px;
+  }
+
+  .xo-builder-preview-hero h1,
+  .xo-builder-preview-section h2,
+  .xo-builder-preview-cta h2 {
+    font-size: 2.1rem;
+  }
+
+  .orion-builder-v2-nav,
+  .orion-builder-v2-footer {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+}