@import "https://rsms.me/inter/inter.css";

/* styles/color.css */
:root {
  --editor-color-rose-01: #4a001c;
  --editor-color-rose-02: #670833;
  --editor-color-rose-03: #87114c;
  --editor-color-rose-04: #a81a66;
  --editor-color-rose-05: #bc5089;
  --editor-color-rose-06: #cc7ca5;
  --editor-color-rose-07: #d89aba;
  --editor-color-rose-08: #e3b8cf;
  --editor-color-rose-09: #efd6e3;
  --editor-color-rose-10: #f6eaf1;
  --editor-color-rose-11: #faf4f8;
  --editor-color-rose-12: #fef8fc;
  --editor-color-azure-01: #00175d;
  --editor-color-azure-02: #002c77;
  --editor-color-azure-03: #014292;
  --editor-color-azure-04: #0158ad;
  --editor-color-azure-05: #3479be;
  --editor-color-azure-06: #6499cf;
  --editor-color-azure-07: #88b0da;
  --editor-color-azure-08: #abc7e5;
  --editor-color-azure-09: #cfdff0;
  --editor-color-azure-10: #e7eef7;
  --editor-color-azure-11: #f3f6fb;
  --editor-color-azure-12: #f7faff;
  --editor-color-green-01: #002000;
  --editor-color-green-02: #043604;
  --editor-color-green-03: #084e08;
  --editor-color-green-04: #0c680c;
  --editor-color-green-05: #1d882f;
  --editor-color-green-06: #2faa53;
  --editor-color-green-07: #56c16f;
  --editor-color-green-08: #7dd78b;
  --editor-color-green-09: #b8e8bf;
  --editor-color-green-10: #ddf3e0;
  --editor-color-green-11: #eff8f0;
  --editor-color-green-12: #f3fcf4;
  --editor-color-yellow-01: #211000;
  --editor-color-yellow-02: #362700;
  --editor-color-yellow-03: #4c4000;
  --editor-color-yellow-04: #645a00;
  --editor-color-yellow-05: #877614;
  --editor-color-yellow-06: #ab9429;
  --editor-color-yellow-07: #bfac4e;
  --editor-color-yellow-08: #d4c474;
  --editor-color-yellow-09: #e6deb1;
  --editor-color-yellow-10: #f3efd9;
  --editor-color-yellow-11: #f9f7ed;
  --editor-color-yellow-12: #fcfaf0;
  --editor-color-red-01: #4c0000;
  --editor-color-red-02: #6a0a10;
  --editor-color-red-03: #8a1422;
  --editor-color-red-04: #ac1f35;
  --editor-color-red-05: #bf5366;
  --editor-color-red-06: #ce7e8e;
  --editor-color-red-07: #d99ca8;
  --editor-color-red-08: #e4b9c2;
  --editor-color-red-09: #efd7db;
  --editor-color-red-10: #f6eaec;
  --editor-color-red-11: #faf4f5;
  --editor-color-red-12: #fff9fa;
  --editor-color-grey-01: #181818;
  --editor-color-grey-02: #292929;
  --editor-color-grey-03: #404040;
  --editor-color-grey-04: #5a5a5a;
  --editor-color-grey-05: #767676;
  --editor-color-grey-06: #949494;
  --editor-color-grey-07: #ababab;
  --editor-color-grey-08: #c3c3c3;
  --editor-color-grey-09: #dcdcdc;
  --editor-color-grey-10: #efefef;
  --editor-color-grey-11: #f5f5f5;
  --editor-color-grey-12: #fafafa;
  --editor-color-black: #000000;
  --editor-color-white: #ffffff;
}

/* styles/tokens.css */
:root {
  --editor-radius-sm: 4px;
  --editor-radius-md: 6px;
  --editor-radius-lg: 8px;
  --editor-radius-xl: 12px;
  --editor-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 1px rgba(15, 23, 42, 0.03);
  --editor-shadow-md: 0 2px 4px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.04);
  --editor-shadow-lg: 0 8px 16px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.04);
  --editor-shadow-xl: 0 20px 40px rgba(15, 23, 42, 0.12), 0 4px 8px rgba(15, 23, 42, 0.06);
  --editor-motion-fast: 120ms;
  --editor-motion-base: 150ms;
  --editor-motion-slow: 220ms;
  --editor-ease: cubic-bezier(0.2, 0, 0.1, 1);
  --editor-ring-color: var(--editor-color-azure-05);
  --editor-ring-offset: 2px;
  --editor-ring-width: 2px;
  --editor-ring: 0 0 0 var(--editor-ring-width) var(--editor-ring-color);
  --editor-surface-app: #fafafb;
  --editor-surface-panel: #ffffff;
  --editor-surface-raised: #ffffff;
  --editor-surface-sunken: #f4f5f7;
  --editor-surface-hover: var(--editor-color-azure-11);
  --editor-border-subtle: #ececf0;
  --editor-border-default: #e2e3e8;
  --editor-border-strong: #cfd1d8;
  --editor-text-primary: #1b1d22;
  --editor-text-secondary: #555863;
  --editor-text-tertiary: #878a93;
  --editor-text-inverse: #ffffff;
  --editor-text-accent: var(--editor-color-azure-04);
  --editor-accent: var(--editor-color-azure-05);
  --editor-accent-strong: var(--editor-color-azure-04);
  --editor-accent-soft: var(--editor-color-azure-11);
  --editor-color-global: #7c3aed;
  --editor-color-global-strong: #5b21b6;
  --editor-color-global-soft: #f3e8ff;
  --editor-primary: #1b1d22;
  --editor-primary-hover: #2a2d34;
  --editor-primary-foreground: #ffffff;
}
:root {
  --editor-color-grey-01: #1b1d22;
  --editor-color-grey-02: #2a2d34;
  --editor-color-grey-03: #42454d;
  --editor-color-grey-04: #555863;
  --editor-color-grey-05: #747780;
  --editor-color-grey-06: #9093a0;
  --editor-color-grey-07: #abaeba;
  --editor-color-grey-08: #c5c7d0;
  --editor-color-grey-09: #dcdee3;
  --editor-color-grey-10: #eceef2;
  --editor-color-grey-11: #f4f5f7;
  --editor-color-grey-12: #fafafb;
}
.Editor[data-theme=dark] {
  color: var(--editor-text-primary);
  --editor-surface-app: #0f1115;
  --editor-surface-panel: #161a20;
  --editor-surface-raised: #1c2028;
  --editor-surface-sunken: #0b0d11;
  --editor-surface-hover: #1f2834;
  --editor-border-subtle: #1f232b;
  --editor-border-default: #262c35;
  --editor-border-strong: #353c48;
  --editor-text-primary: #e7e9ee;
  --editor-text-secondary: #a7abb5;
  --editor-text-tertiary: #8f939e;
  --editor-text-inverse: #0f1115;
  --editor-text-accent: #8ab3ee;
  --editor-accent: #6f9fe3;
  --editor-accent-strong: #8ab3ee;
  --editor-accent-soft: #192233;
  --editor-color-global: #a78bfa;
  --editor-color-global-strong: #c4b5fd;
  --editor-color-global-soft: #2e1065;
  --editor-primary: #f4f5f7;
  --editor-primary-hover: #dcdee3;
  --editor-primary-foreground: #0f1115;
  --editor-ring-color: #8ab3ee;
  --editor-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --editor-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.5);
  --editor-shadow-lg: 0 10px 24px rgba(0, 0, 0, 0.55);
  --editor-shadow-xl: 0 24px 48px rgba(0, 0, 0, 0.6);
  --editor-color-grey-01: #f4f5f7;
  --editor-color-grey-02: #e7e9ee;
  --editor-color-grey-03: #cfd1d8;
  --editor-color-grey-04: #a7abb5;
  --editor-color-grey-05: #8a8e99;
  --editor-color-grey-06: #70747f;
  --editor-color-grey-07: #555863;
  --editor-color-grey-08: #3a3e48;
  --editor-color-grey-09: #262c35;
  --editor-color-grey-10: #1c2028;
  --editor-color-grey-11: #161a20;
  --editor-color-grey-12: #0f1115;
  --editor-color-white: #0f1115;
  --editor-color-black: #e7e9ee;
  --editor-color-azure-11: #192233;
  --editor-color-azure-12: #121a28;
  --editor-color-azure-10: #1e2a40;
  --editor-color-azure-09: #24344f;
  --editor-color-azure-08: #2c4166;
  --editor-color-azure-07: #3a5684;
  --editor-color-azure-06: #5375a3;
  --editor-color-azure-05: #6f9fe3;
  --editor-color-azure-04: #8ab3ee;
}

/* styles/typography.css */
:root {
  --editor-font-size-scale-base-unitless: 12;
  --editor-font-size-xxxs-unitless: 12;
  --editor-font-size-xxs-unitless: 14;
  --editor-font-size-xs-unitless: 16;
  --editor-font-size-s-unitless: 18;
  --editor-font-size-m-unitless: 21;
  --editor-font-size-l-unitless: 24;
  --editor-font-size-xl-unitless: 28;
  --editor-font-size-xxl-unitless: 36;
  --editor-font-size-xxxl-unitless: 48;
  --editor-font-size-xxxxl-unitless: 56;
  --editor-font-size-xxxs: calc(1rem * var(--editor-font-size-xxxs-unitless) / 16);
  --editor-font-size-xxs: calc(1rem * var(--editor-font-size-xxs-unitless) / 16);
  --editor-font-size-xs: calc(1rem * var(--editor-font-size-xs-unitless) / 16);
  --editor-font-size-s: calc(1rem * var(--editor-font-size-s-unitless) / 16);
  --editor-font-size-m: calc(1rem * var(--editor-font-size-m-unitless) / 16);
  --editor-font-size-l: calc(1rem * var(--editor-font-size-l-unitless) / 16);
  --editor-font-size-xl: calc(1rem * var(--editor-font-size-xl-unitless) / 16);
  --editor-font-size-xxl: calc(1rem * var(--editor-font-size-xxl-unitless) / 16);
  --editor-font-size-xxxl: calc(1rem * var(--editor-font-size-xxxl-unitless) / 16);
  --editor-font-size-xxxxl: calc( 1rem * var(--editor-font-size-xxxxl-unitless) / 16 );
  --editor-font-size-base: var(--editor-font-size-xs);
  --line-height-reset: 1;
  --line-height-xs: calc( var(--space-m-unitless) / var(--editor-font-size-m-unitless) );
  --line-height-s: calc( var(--space-m-unitless) / var(--editor-font-size-s-unitless) );
  --line-height-m: calc( var(--space-m-unitless) / var(--editor-font-size-xs-unitless) );
  --line-height-l: calc( var(--space-m-unitless) / var(--editor-font-size-xxs-unitless) );
  --line-height-xl: calc( var(--space-m-unitless) / var(--editor-font-size-scale-base-unitless) );
  --line-height-base: var(--line-height-m);
  --fallback-font-stack:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Helvetica Neue,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol;
  --editor-font-family: Inter, var(--fallback-font-stack);
  --editor-font-family-monospaced:
    ui-monospace,
    "Cascadia Code",
    "Source Code Pro",
    Menlo,
    Consolas,
    "DejaVu Sans Mono",
    monospace;
}
@supports (font-variation-settings: normal) {
  :root {
    --editor-font-family: InterVariable, var(--fallback-font-stack);
  }
}

/* bundle/core.css */
#frame-root {
  height: 1px;
  min-height: 100vh;
}
[data-editor-entry] {
  position: relative;
  z-index: 0;
}
html:not(:has(.Editor)) {
  color-scheme: light;
  background: #ffffff;
}
[data-editor-entry] {
  color-scheme: light;
}

/* bundle/index.css */

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/ActionBar/styles.module.css/#css-module-data */
._ActionBar_15hub_1 {
  align-items: center;
  cursor: default;
  display: flex;
  width: auto;
  padding: 4px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  border-top-left-radius: var(--editor-radius-lg);
  border-top-right-radius: var(--editor-radius-lg);
  border-radius: var(--editor-radius-lg);
  background: var(--editor-primary);
  color: var(--editor-primary-foreground);
  font-family: var(--editor-font-family);
  min-height: 26px;
  box-shadow: var(--editor-shadow-md);
}
._ActionBar-label_15hub_19 {
  color: var(--editor-primary-foreground);
  opacity: 0.85;
  font-size: var(--editor-font-size-xxxs);
  font-weight: 500;
  padding-inline-start: 8px;
  padding-inline-end: 8px;
  margin-inline-start: 4px;
  margin-inline-end: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._ActionBarAction_15hub_32 + ._ActionBar-label_15hub_19 {
  padding-inline-start: 0;
}
._ActionBar-label_15hub_19 + ._ActionBarAction_15hub_32 {
  margin-inline-start: -4px;
}
._ActionBar-group_15hub_40 {
  align-items: center;
  border-inline-start: 0.5px solid rgba(255, 255, 255, 0.2);
  display: flex;
  height: 100%;
  padding-inline-start: 4px;
  padding-inline-end: 4px;
}
._ActionBar-group_15hub_40:first-of-type {
  border-inline-start: 0;
}
._ActionBar-group_15hub_40:empty {
  display: none;
}
._ActionBarAction_15hub_32 {
  background: transparent;
  border: none;
  color: var(--editor-primary-foreground);
  opacity: 0.85;
  cursor: pointer;
  padding: 6px;
  margin-inline-start: 4px;
  margin-inline-end: 4px;
  border-radius: var(--editor-radius-sm);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity var(--editor-motion-fast) var(--editor-ease), background-color var(--editor-motion-fast) var(--editor-ease);
}
._ActionBarAction--disabled_15hub_75 {
  cursor: auto;
  opacity: 0.4;
}
._ActionBarAction_15hub_32 svg {
  max-width: none !important;
}
._ActionBarAction_15hub_32:focus-visible {
  outline: none;
  box-shadow: var(--editor-ring);
}
@media (hover: hover) and (pointer: fine) {
  ._ActionBarAction_15hub_32:hover:not(._ActionBarAction--disabled_15hub_75) {
    opacity: 1;
    background: rgba(255, 255, 255, 0.12);
    transition: none;
  }
}
._ActionBarAction_15hub_32:active:not(._ActionBarAction--disabled_15hub_75),
._ActionBarAction--active_15hub_98 {
  opacity: 1;
  background: rgba(255, 255, 255, 0.18);
  transition: none;
}
._ActionBar-group_15hub_40 * {
  margin: 0;
}
._ActionBar-separator_15hub_108 {
  background: rgba(255, 255, 255, 0.2);
  margin-inline: 4px;
  width: 0.5px;
  height: 100%;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/AutoField/styles.module.css/#css-module-data */
._InputWrapper_zwh6e_1 + ._InputWrapper_zwh6e_1 {
  margin-top: 12px;
}
._Input-label_zwh6e_5 {
  align-items: center;
  color: var(--editor-text-secondary);
  display: flex;
  padding-bottom: 8px;
  font-size: var(--editor-font-size-xxs);
  font-weight: 500;
  letter-spacing: 0.005em;
}
._Input-labelIcon_zwh6e_15 {
  color: var(--editor-text-tertiary);
  display: flex;
  margin-inline-end: 4px;
  padding-inline-start: 4px;
}
._Input-disabledIcon_zwh6e_22 {
  color: var(--editor-text-tertiary);
  margin-inline-start: auto;
}
._Input-input_zwh6e_27 {
  background: var(--editor-surface-panel);
  border-width: 1px;
  border-style: solid;
  border-color: var(--editor-border-default);
  border-radius: var(--editor-radius-md);
  box-sizing: border-box;
  color: var(--editor-text-primary);
  font-family: inherit;
  font-size: 16px;
  padding: 11px 12px;
  transition:
    border-color var(--editor-motion-fast) var(--editor-ease),
    box-shadow var(--editor-motion-fast) var(--editor-ease),
    background-color var(--editor-motion-fast) var(--editor-ease);
  width: 100%;
  max-width: 100%;
}
@media (min-width: 458px) {
  ._Input-input_zwh6e_27 {
    font-size: 13px;
  }
}
select._Input-input_zwh6e_27 {
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23878a93'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background-size: 10px;
  background-position: calc(100% - 12px) calc(50% + 3px);
  background-repeat: no-repeat;
  background-color: var(--editor-surface-panel);
  cursor: pointer;
}
select._Input-input_zwh6e_27:dir(rtl) {
  background-position: 12px calc(50% + 3px);
}
@media (hover: hover) and (pointer: fine) {
  ._Input_zwh6e_1:has(> input):hover ._Input-input_zwh6e_27:not([readonly]),
  ._Input_zwh6e_1:has(> textarea):hover ._Input-input_zwh6e_27:not([readonly]) {
    border-color: var(--editor-border-strong);
    transition: none;
  }
  ._Input_zwh6e_1:has(> select):hover ._Input-input_zwh6e_27:not([disabled]) {
    background-color: var(--editor-surface-hover);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a5a5a'><polygon points='0,0 100,0 50,50'/></svg>");
    border-color: var(--editor-border-strong);
    transition: none;
  }
}
._Input-input_zwh6e_27:focus {
  border-color: var(--editor-accent);
  outline: none;
  box-shadow: var(--editor-ring);
  transition: none;
}
._Input--readOnly_zwh6e_87 > ._Input-input_zwh6e_27,
._Input--readOnly_zwh6e_87 > select._Input-input_zwh6e_27 {
  background-color: var(--editor-surface-sunken);
  border-color: var(--editor-border-subtle);
  color: var(--editor-text-secondary);
  cursor: default;
  opacity: 1;
  outline: 0;
  transition: none;
}
._Input-radioGroupItems_zwh6e_98 {
  display: flex;
  border: 1px solid var(--editor-border-default);
  border-radius: var(--editor-radius-md);
  flex-wrap: wrap;
  overflow: hidden;
}
._Input-radio_zwh6e_98 {
  border-inline-end: 1px solid var(--editor-border-default);
  flex-grow: 1;
}
._Input-radio_zwh6e_98:last-of-type {
  border-inline-end: 0;
}
._Input-radioInner_zwh6e_115 {
  background-color: var(--editor-surface-panel);
  color: var(--editor-text-secondary);
  cursor: pointer;
  font-size: var(--editor-font-size-xxxs);
  padding: 8px 12px;
  text-align: center;
  transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
}
._Input-radio_zwh6e_98:has(:focus-visible) {
  outline: none;
  box-shadow: var(--editor-ring);
  position: relative;
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  ._Input-radioInner_zwh6e_115:hover {
    background-color: var(--editor-surface-hover);
    color: var(--editor-text-primary);
    transition: none;
  }
}
._Input--readOnly_zwh6e_87 ._Input-radioInner_zwh6e_115 {
  background-color: var(--editor-surface-sunken);
  color: var(--editor-text-secondary);
  cursor: default;
}
._Input-radio_zwh6e_98 ._Input-radioInput_zwh6e_147:checked ~ ._Input-radioInner_zwh6e_115 {
  background-color: var(--editor-accent-soft);
  color: var(--editor-text-accent);
  font-weight: 500;
}
._Input--readOnly_zwh6e_87 ._Input-radioInput_zwh6e_147:checked ~ ._Input-radioInner_zwh6e_115 {
  background-color: var(--editor-surface-sunken);
  color: var(--editor-text-secondary);
}
._Input-radio_zwh6e_98 ._Input-radioInput_zwh6e_147 {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
textarea._Input-input_zwh6e_27 {
  margin-bottom: -4px;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data */
._ArrayField_1tth0_5 {
  display: flex;
  flex-direction: column;
  background: var(--editor-surface-sunken);
  border: 1px solid var(--editor-border-subtle);
  border-radius: var(--editor-radius-md);
  overflow: hidden;
}
._ArrayField--isDraggingFrom_1tth0_14 {
  background-color: var(--editor-accent-soft);
  overflow: hidden;
}
._ArrayField-addButton_1tth0_19 {
  background-color: var(--editor-surface-panel);
  border: none;
  display: flex;
  color: var(--editor-text-accent);
  justify-content: center;
  cursor: pointer;
  width: 100%;
  margin: 0;
  padding: 10px;
  text-align: left;
  font-weight: 500;
  transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
}
._ArrayField--hasItems_1tth0_35 > ._ArrayField-addButton_1tth0_19 {
  border-top: 1px solid var(--editor-border-subtle);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
._ArrayField-addButton_1tth0_19:focus-visible {
  outline: none;
  box-shadow: var(--editor-ring);
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  ._ArrayField_1tth0_5:not(._ArrayField--isDraggingFrom_1tth0_14) > ._ArrayField-addButton_1tth0_19:hover {
    background: var(--editor-surface-hover);
    color: var(--editor-accent-strong);
    transition: none;
  }
}
._ArrayField_1tth0_5:not(._ArrayField--isDraggingFrom_1tth0_14) > ._ArrayField-addButton_1tth0_19:active {
  background: var(--editor-accent-soft);
  color: var(--editor-accent-strong);
  transition: none;
}
._ArrayField-inner_1tth0_61 {
  margin-top: -1px;
}
._ArrayFieldItem_1tth0_69 {
  display: block;
  position: relative;
}
._ArrayFieldItem_1tth0_69 {
  border-top: 1px solid var(--editor-border-subtle);
}
._ArrayFieldItem--isDragging_1tth0_78 {
  border-top: transparent;
}
._ArrayFieldItem--isExpanded_1tth0_82::before {
  display: none;
}
._ArrayFieldItem--isExpanded_1tth0_82 {
  border-bottom: 0;
  outline-offset: 0px !important;
  outline: 1px solid var(--editor-accent) !important;
  z-index: 2;
}
._ArrayFieldItem--isDragging_1tth0_78 {
  outline: 1px var(--editor-accent) solid !important;
}
._ArrayFieldItem--isDragging_1tth0_78 ._ArrayFieldItem-summary_1tth0_97:active {
  background-color: var(--editor-surface-panel);
}
._ArrayFieldItem-summary_1tth0_97 {
  background: var(--editor-surface-panel);
  color: var(--editor-text-secondary);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 2px;
  justify-content: space-between;
  font-size: var(--editor-font-size-xxs);
  list-style: none;
  padding: 10px 12px;
  position: relative;
  overflow: hidden;
  transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
}
._ArrayFieldItem--noFields_1tth0_118 > ._ArrayFieldItem-summary_1tth0_97 {
  cursor: grab;
}
._ArrayFieldItem-summary_1tth0_97:focus-visible {
  outline: none;
  box-shadow: var(--editor-ring);
}
@media (hover: hover) and (pointer: fine) {
  ._ArrayFieldItem-summary_1tth0_97:hover {
    background-color: var(--editor-surface-hover);
    color: var(--editor-text-primary);
    transition: none;
  }
}
._ArrayFieldItem-summary_1tth0_97:active {
  background-color: var(--editor-accent-soft);
  transition: none;
}
._ArrayFieldItem--isExpanded_1tth0_82 > ._ArrayFieldItem-summary_1tth0_97 {
  background: var(--editor-accent-soft);
  color: var(--editor-text-accent);
  font-weight: 600;
  transition: none;
}
._ArrayFieldItem-body_1tth0_147 {
  background: var(--editor-surface-panel);
  display: none;
}
._ArrayFieldItem--isExpanded_1tth0_82 > ._ArrayFieldItem-body_1tth0_147 {
  display: block;
}
._ArrayFieldItem-fieldset_1tth0_156 {
  border: none;
  border-top: 1px solid var(--editor-border-subtle);
  margin: 0;
  min-width: 0;
  padding: 14px 12px;
}
._ArrayFieldItem-rhs_1tth0_164 {
  display: flex;
  gap: 4px;
  align-items: center;
}
._ArrayFieldItem-actions_1tth0_170 {
  color: var(--editor-text-tertiary);
  display: flex;
  gap: 4px;
  opacity: 0;
  transition: opacity var(--editor-motion-fast) var(--editor-ease);
}
._ArrayFieldItem-summary_1tth0_97:focus-within > ._ArrayFieldItem-rhs_1tth0_164 > ._ArrayFieldItem-actions_1tth0_170,
._ArrayFieldItem-summary_1tth0_97:hover > ._ArrayFieldItem-rhs_1tth0_164 > ._ArrayFieldItem-actions_1tth0_170 {
  opacity: 1;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
._IconButton_3u943_1 {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: var(--editor-radius-md);
  color: currentColor;
  display: flex;
  font-family: var(--editor-font-family);
  justify-content: center;
  padding: 4px;
  transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
}
._IconButton--active_3u943_15 {
  color: var(--editor-text-accent);
  background: var(--editor-accent-soft);
}
._IconButton_3u943_1:focus-visible {
  outline: none;
  box-shadow: var(--editor-ring);
}
@media (hover: hover) and (pointer: fine) {
  ._IconButton_3u943_1:hover:not(._IconButton--disabled_3u943_26) {
    background: var(--editor-surface-hover);
    color: var(--editor-text-accent);
    cursor: pointer;
    transition: none;
  }
}
._IconButton_3u943_1:active {
  background: var(--editor-accent-soft);
  transition: none;
}
._IconButton-title_3u943_39 {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
._IconButton--disabled_3u943_26 {
  color: var(--editor-text-tertiary);
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Loader/styles.module.css/#css-module-data */
@keyframes _loader-animation_nacdm_1 {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(0.8);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
._Loader_nacdm_13 {
  background: transparent;
  border-radius: 100%;
  border: 2px solid currentColor;
  border-bottom-color: transparent;
  display: inline-block;
  animation: _loader-animation_nacdm_1 1s 0s infinite linear;
  animation-fill-mode: both;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DragIcon/styles.module.css/#css-module-data */
._DragIcon_eapcz_1 {
  color: var(--editor-color-grey-05);
  cursor: grab;
  padding: 4px;
  border-radius: 4px;
}
._DragIcon--disabled_eapcz_8 {
  cursor: no-drop;
}
@media (hover: hover) and (pointer: fine) {
  ._DragIcon_eapcz_1:not(._DragIcon--disabled_eapcz_8):hover {
    color: var(--editor-color-azure-05);
    background-color: var(--editor-color-azure-12);
  }
}

/* components/Sortable/styles.css */
[data-dnd-placeholder] * {
  opacity: 0 !important;
}
[data-dnd-placeholder] {
  background: var(--editor-color-azure-09) !important;
  border: none !important;
  color: #00000000 !important;
  opacity: 0.3 !important;
  outline: none !important;
  transition: none !important;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/AutoField/fields/ColorField/styles.module.css/#css-module-data */
._ColorField_1nsbe_1 {
  align-items: center;
  background: var(--editor-surface-panel);
  border: 1px solid var(--editor-border-default);
  border-radius: var(--editor-radius-md);
  box-sizing: border-box;
  display: flex;
  gap: 10px;
  padding: 4px 12px 4px 4px;
  transition: border-color var(--editor-motion-fast) var(--editor-ease), box-shadow var(--editor-motion-fast) var(--editor-ease);
  width: 100%;
}
._ColorField_1nsbe_1:focus-within {
  border-color: var(--editor-accent);
  box-shadow: var(--editor-ring);
  outline: none;
}
@media (hover: hover) and (pointer: fine) {
  ._ColorField_1nsbe_1:hover:not(._ColorField--readOnly_1nsbe_24) {
    border-color: var(--editor-border-strong);
  }
}
._ColorField--readOnly_1nsbe_24 {
  background-color: var(--editor-surface-sunken);
  border-color: var(--editor-border-subtle);
}
._ColorField-swatch_1nsbe_34 {
  background-color: currentColor;
  border: 1px solid var(--editor-border-default);
  border-radius: 6px;
  cursor: pointer;
  flex-shrink: 0;
  height: 28px;
  padding: 0;
  position: relative;
  width: 28px;
}
._ColorField-swatch_1nsbe_34:focus-visible {
  outline: none;
  box-shadow: var(--editor-ring);
}
._ColorField--readOnly_1nsbe_24 ._ColorField-swatch_1nsbe_34 {
  cursor: default;
}
._ColorField-picker_1nsbe_57 {
  inset: 0;
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
._ColorField-text_1nsbe_64 {
  background: transparent;
  border: 0;
  color: var(--editor-text-primary);
  flex: 1;
  font-family: inherit;
  font-size: 16px;
  min-width: 0;
  outline: none;
  padding: 0;
}
@media (min-width: 458px) {
  ._ColorField-text_1nsbe_64 {
    font-size: 13px;
  }
}
._ColorField-text_1nsbe_64:disabled,
._ColorField-text_1nsbe_64[readonly] {
  color: var(--editor-text-secondary);
  cursor: default;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/ExternalInput/styles.module.css/#css-module-data */
._ExternalInput-actions_142hz_1 {
  display: flex;
}
._ExternalInput-button_142hz_5 {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  background-color: var(--editor-surface-panel);
  border: 1px solid var(--editor-border-default);
  border-radius: var(--editor-radius-md);
  color: var(--editor-text-accent);
  padding: 10px 12px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: background-color var(--editor-motion-fast) var(--editor-ease), border-color var(--editor-motion-fast) var(--editor-ease);
  position: relative;
  overflow: hidden;
  flex-grow: 1;
}
._ExternalInput--dataSelected_142hz_25 ._ExternalInput-button_142hz_5 {
  color: var(--editor-text-primary);
  display: block;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
._ExternalInput--readOnly_142hz_32 ._ExternalInput-button_142hz_5 {
  background-color: var(--editor-surface-sunken);
}
._ExternalInput-detachButton_142hz_36 {
  border: 1px solid var(--editor-border-default);
  border-top-right-radius: var(--editor-radius-md);
  border-bottom-right-radius: var(--editor-radius-md);
  background-color: var(--editor-surface-sunken);
  color: var(--editor-text-tertiary);
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  position: relative;
  transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
  margin-inline-start: -1px;
}
._ExternalInput-button_142hz_5:focus-visible,
._ExternalInput-detachButton_142hz_36:focus-visible {
  outline: none;
  box-shadow: var(--editor-ring);
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  ._ExternalInput_142hz_1:not(._ExternalInput--readOnly_142hz_32) ._ExternalInput-button_142hz_5:hover,
  ._ExternalInput_142hz_1:not(._ExternalInput--readOnly_142hz_32) ._ExternalInput-detachButton_142hz_36:hover {
    background: var(--editor-surface-hover);
    border-color: var(--editor-border-strong);
    transition: none;
  }
  ._ExternalInput_142hz_1:not(._ExternalInput--readOnly_142hz_32) ._ExternalInput-detachButton_142hz_36:hover {
    color: var(--editor-text-accent);
  }
}
._ExternalInput_142hz_1:not(._ExternalInput--readOnly_142hz_32) ._ExternalInput-button_142hz_5:active,
._ExternalInput_142hz_1:not(._ExternalInput--readOnly_142hz_32) ._ExternalInput-detachButton_142hz_36:active {
  background: var(--editor-accent-soft);
  transition: none;
}
._ExternalInputModal_142hz_82 {
  color: var(--editor-color-black);
  display: grid;
  grid-template-rows: min-content minmax(128px, 100%) min-content;
  grid-template-columns: 100%;
  position: relative;
  min-height: 50dvh;
  max-height: 90dvh;
}
._ExternalInputModal-grid_142hz_92 {
  display: flex;
  flex-direction: column;
}
@media (min-width: 458px) {
  ._ExternalInputModal-grid_142hz_92 {
    display: grid;
    grid-template-columns: 100%;
  }
  ._ExternalInputModal--filtersToggled_142hz_103 ._ExternalInputModal-grid_142hz_92 {
    grid-template-columns: 25% 75%;
  }
}
._ExternalInputModal-filters_142hz_108 {
  border-bottom: 1px solid var(--editor-border-subtle);
}
._ExternalInputModal--filtersToggled_142hz_103 ._ExternalInputModal-filters_142hz_108 {
  display: none;
}
@media (min-width: 458px) {
  ._ExternalInputModal-filters_142hz_108 {
    border-inline-end: 1px solid var(--editor-border-subtle);
    display: none;
  }
  ._ExternalInputModal--filtersToggled_142hz_103 ._ExternalInputModal-filters_142hz_108 {
    display: block;
  }
}
._ExternalInputModal-masthead_142hz_127 {
  background-color: var(--editor-surface-sunken);
  border-bottom: 1px solid var(--editor-border-subtle);
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 24px;
}
._ExternalInputModal-tableWrapper_142hz_136 {
  position: relative;
  overflow-x: auto;
  overflow-y: auto;
  flex-grow: 1;
}
._ExternalInputModal-table_142hz_136 {
  border-collapse: unset;
  border-spacing: 0px;
  color: var(--editor-text-primary);
  position: relative;
  z-index: 0;
  min-width: 100%;
}
._ExternalInputModal-thead_142hz_152 {
  background-color: var(--editor-surface-panel);
  position: sticky;
  top: 0;
  z-index: 1;
}
._ExternalInputModal-th_142hz_152 {
  border-bottom: 1px solid var(--editor-border-subtle);
  color: var(--editor-text-secondary);
  font-weight: 500;
  font-size: 14px;
  padding: 16px 24px;
}
._ExternalInputModal-td_142hz_167 {
  border-bottom: 1px solid var(--editor-border-subtle);
  padding: 16px 24px;
}
._ExternalInputModal-tr_142hz_172 ._ExternalInputModal-td_142hz_167:first-of-type {
  font-weight: 500;
  width: 1%;
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  ._ExternalInputModal-tbody_142hz_179 ._ExternalInputModal-tr_142hz_172:hover {
    background: var(--editor-surface-hover);
    color: var(--editor-text-accent);
    cursor: pointer;
    position: relative;
    margin-inline-start: -5px;
  }
  ._ExternalInputModal-tbody_142hz_179 ._ExternalInputModal-tr_142hz_172:hover ._ExternalInputModal-td_142hz_167:first-of-type {
    border-inline-start: 4px solid var(--editor-text-accent);
    padding-inline-start: 20px;
  }
}
._ExternalInputModal-tbody_142hz_179 ._ExternalInputModal-tr_142hz_172:last-of-type ._ExternalInputModal-td_142hz_167 {
  border-bottom: none;
}
._ExternalInputModal-tableWrapper_142hz_136 {
  display: none;
}
._ExternalInputModal--hasData_142hz_205 ._ExternalInputModal-tableWrapper_142hz_136 {
  display: block;
}
._ExternalInputModal-loadingBanner_142hz_209 {
  display: none;
  background-color: color-mix(in srgb, var(--editor-surface-panel) 90%, transparent);
  padding: 64px;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
._ExternalInputModal--isLoading_142hz_226 ._ExternalInputModal-loadingBanner_142hz_209 {
  display: flex;
}
._ExternalInputModal-searchForm_142hz_230 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  flex-grow: 1;
}
@media (min-width: 458px) {
  ._ExternalInputModal-searchForm_142hz_230 {
    flex-wrap: nowrap;
  }
}
._ExternalInputModal-search_142hz_230 {
  display: flex;
  background: var(--editor-surface-panel);
  border-width: 1px;
  border-style: solid;
  border-color: var(--editor-border-subtle);
  border-radius: 4px;
  flex-grow: 1;
  transition: border-color 50ms ease-in;
}
._ExternalInputModal-search_142hz_230:focus-within {
  border-color: var(--editor-border-strong);
  outline: 2px solid var(--editor-accent);
  transition: none;
}
@media (hover: hover) and (pointer: fine) {
  ._ExternalInputModal-search_142hz_230:hover {
    border-color: var(--editor-border-strong);
    transition: none;
  }
}
._ExternalInputModal-searchIcon_142hz_267 {
  align-items: center;
  background: var(--editor-surface-sunken);
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-inline-end: 1px solid var(--editor-border-subtle);
  color: var(--editor-text-tertiary);
  display: flex;
  justify-content: center;
  padding: 12px 15px;
  transition: color 50ms ease-in;
}
._ExternalInputModal-search_142hz_230:focus-within ._ExternalInputModal-searchIcon_142hz_267 {
  color: var(--editor-text-secondary);
  transition: none;
}
@media (hover: hover) and (pointer: fine) {
  ._ExternalInputModal-search_142hz_230:hover ._ExternalInputModal-searchIcon_142hz_267 {
    color: var(--editor-text-secondary);
    transition: none;
  }
}
._ExternalInputModal-searchIconText_142hz_292 {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
._ExternalInputModal-searchInput_142hz_302 {
  border: none;
  border-radius: 4px;
  background: var(--editor-surface-panel);
  font-family: inherit;
  font-size: 14px;
  padding: 12px 15px;
  width: 100%;
}
._ExternalInputModal-searchInput_142hz_302:focus {
  outline: 0;
}
._ExternalInputModal-searchActions_142hz_316 {
  display: flex;
  gap: 8px;
  height: 44px;
  width: 100%;
}
@media (min-width: 458px) {
  ._ExternalInputModal-searchActions_142hz_316 {
    width: auto;
  }
}
._ExternalInputModal-searchActionIcon_142hz_329 {
  align-self: center;
}
._ExternalInputModal-footerContainer_142hz_333 {
  background-color: var(--editor-surface-sunken);
  border-top: 1px solid var(--editor-border-subtle);
  color: var(--editor-text-secondary);
  padding: 16px;
}
._ExternalInputModal-footer_142hz_333 {
  font-weight: 500;
  font-size: 14px;
  text-align: right;
}
._ExternalInputModal-field_142hz_346 {
  color: var(--editor-text-secondary);
  margin: 16px;
  margin-bottom: 12px;
  display: block;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Modal/styles.module.css/#css-module-data */
._Modal_vim19_1 {
  background: color-mix(in srgb, var(--editor-color-black) 75%, transparent);
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  padding: 32px;
}
._Modal--isOpen_vim19_15 {
  display: flex;
}
._Modal-inner_vim19_19 {
  width: 100%;
  max-width: 1024px;
  border-radius: var(--editor-radius-lg);
  overflow: hidden;
  background: var(--editor-surface-panel);
  box-shadow: var(--editor-shadow-xl);
  display: flex;
  flex-direction: column;
  max-height: 90dvh;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Heading/styles.module.css/#css-module-data */
._Heading_1537i_1 {
  display: block;
  color: var(--editor-text-primary);
  font-weight: 600;
  letter-spacing: -0.01em;
  margin: 0;
}
._Heading_1537i_1 b {
  font-weight: 700;
}
._Heading--xxxxl_1537i_13 {
  font-size: var(--editor-font-size-xxxxl);
  letter-spacing: 0.08ch;
  font-weight: 800;
}
._Heading--xxxl_1537i_19 {
  font-size: var(--editor-font-size-xxxl);
}
._Heading--xxl_1537i_23 {
  font-size: var(--editor-font-size-xxl);
}
._Heading--xl_1537i_27 {
  font-size: var(--editor-font-size-xl);
}
._Heading--l_1537i_31 {
  font-size: var(--editor-font-size-l);
}
._Heading--m_1537i_35 {
  font-size: var(--editor-font-size-m);
}
._Heading--s_1537i_39 {
  font-size: var(--editor-font-size-s);
}
._Heading--xs_1537i_43 {
  font-size: var(--editor-font-size-xs);
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Button/Button.module.css/#css-module-data */
._Button_rj9nn_1 {
  appearance: none;
  background: none;
  border: 1px solid transparent;
  border-radius: var(--editor-radius-md);
  color: var(--editor-primary-foreground);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.01ch;
  font-family: var(--editor-font-family);
  font-size: 13px;
  font-weight: 500;
  box-sizing: border-box;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition:
    background-color var(--editor-motion-fast) var(--editor-ease),
    box-shadow var(--editor-motion-fast) var(--editor-ease),
    transform var(--editor-motion-fast) var(--editor-ease);
  cursor: pointer;
  white-space: nowrap;
  margin: 0;
}
._Button_rj9nn_1:hover,
._Button_rj9nn_1:active {
  transition: none;
}
._Button--medium_rj9nn_31 {
  min-height: 34px;
  padding-bottom: 7px;
  padding-inline-start: 19px;
  padding-inline-end: 19px;
  padding-top: 7px;
}
._Button--large_rj9nn_39 {
  padding-bottom: 11px;
  padding-inline-start: 19px;
  padding-inline-end: 19px;
  padding-top: 11px;
}
._Button-icon_rj9nn_46 {
  margin-top: 2px;
}
._Button--primary_rj9nn_50 {
  background: var(--editor-primary);
  color: var(--editor-primary-foreground);
}
._Button_rj9nn_1:focus-visible {
  outline: none;
  box-shadow: var(--editor-ring);
}
@media (hover: hover) and (pointer: fine) {
  ._Button--primary_rj9nn_50:hover {
    background-color: var(--editor-primary-hover);
  }
}
._Button--primary_rj9nn_50:active {
  background-color: var(--editor-primary-hover);
  transform: translateY(1px);
}
._Button--secondary_rj9nn_71 {
  border: 1px solid var(--editor-border-default);
  color: var(--editor-text-primary);
}
@media (hover: hover) and (pointer: fine) {
  ._Button--secondary_rj9nn_71:hover {
    background-color: var(--editor-surface-hover);
    color: var(--editor-text-primary);
  }
}
._Button--secondary_rj9nn_71:active {
  background-color: var(--editor-accent-soft);
  color: var(--editor-text-primary);
}
._Button--flush_rj9nn_88 {
  border-radius: 0;
}
._Button--disabled_rj9nn_92,
._Button--disabled_rj9nn_92:hover {
  background-color: var(--editor-border-subtle);
  color: var(--editor-text-tertiary);
  cursor: not-allowed;
  box-shadow: none;
}
._Button--fullWidth_rj9nn_100 {
  justify-content: center;
  width: 100%;
}
._Button-spinner_rj9nn_105 {
  padding-inline-start: 8px;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/ui/Select/styles.module.css/#css-module-data */
._EditorSelect-trigger_13s1k_3 {
  align-items: center;
  background: var(--editor-surface-panel);
  border: 1px solid var(--editor-border-subtle);
  border-radius: var(--editor-radius-md);
  color: var(--editor-text-primary);
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: var(--editor-font-size-xxs);
  gap: 8px;
  justify-content: space-between;
  outline: none;
  padding: 9px 10px;
  transition:
    background-color var(--editor-motion-fast) var(--editor-ease),
    border-color var(--editor-motion-fast) var(--editor-ease),
    box-shadow var(--editor-motion-fast) var(--editor-ease);
  white-space: nowrap;
  width: fit-content;
}
._EditorSelect-trigger_13s1k_3[data-size=sm] {
  padding: 6px 8px;
}
._EditorSelect-trigger_13s1k_3[data-placeholder] {
  color: var(--editor-text-tertiary);
}
@media (hover: hover) and (pointer: fine) {
  ._EditorSelect-trigger_13s1k_3:hover {
    background: var(--editor-surface-hover);
    border-color: var(--editor-border-default);
  }
}
._EditorSelect-trigger_13s1k_3:focus-visible,
._EditorSelect-trigger_13s1k_3[data-state=open] {
  border-color: var(--editor-border-default);
  box-shadow: var(--editor-ring);
}
._EditorSelect-trigger_13s1k_3:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._EditorSelect-trigger_13s1k_3[aria-invalid=true] {
  border-color: var(--editor-color-red-05, #d04040);
}
._EditorSelect-triggerIcon_13s1k_54 {
  color: var(--editor-text-tertiary);
  flex-shrink: 0;
  pointer-events: none;
}
._EditorSelect-content_13s1k_61 {
  background: var(--editor-surface-raised);
  border: 1px solid var(--editor-border-subtle);
  border-radius: var(--editor-radius-md);
  box-shadow: var(--editor-shadow-md);
  color: var(--editor-text-primary);
  font-family: var(--editor-font-family);
  font-size: var(--editor-font-size-xxs);
  max-height: var(--radix-select-content-available-height);
  min-width: 9rem;
  overflow: hidden;
  transform-origin: var(--radix-select-content-transform-origin);
  z-index: 50;
}
._EditorSelect-content_13s1k_61[data-position=popper][data-side=bottom] {
  margin-top: 4px;
}
._EditorSelect-content_13s1k_61[data-position=popper][data-side=top] {
  margin-bottom: 4px;
}
._EditorSelect-viewport_13s1k_84 {
  padding: 4px;
}
._EditorSelect-content_13s1k_61[data-position=popper] ._EditorSelect-viewport_13s1k_84 {
  min-width: var(--radix-select-trigger-width);
}
._EditorSelect-item_13s1k_93 {
  align-items: center;
  border-radius: var(--editor-radius-sm);
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: var(--editor-font-size-xxs);
  gap: 8px;
  outline: none;
  padding: 6px 8px 6px 28px;
  position: relative;
  user-select: none;
}
._EditorSelect-item_13s1k_93[data-highlighted],
._EditorSelect-item_13s1k_93[data-state=checked] {
  background: var(--editor-accent-soft);
  color: var(--editor-text-accent);
}
._EditorSelect-item_13s1k_93[data-disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
._EditorSelect-itemIndicator_13s1k_119 {
  align-items: center;
  color: var(--editor-accent-strong);
  display: inline-flex;
  justify-content: center;
  left: 8px;
  pointer-events: none;
  position: absolute;
  width: 14px;
}
._EditorSelect-group_13s1k_131 {
  padding: 4px 0;
}
._EditorSelect-label_13s1k_135 {
  color: var(--editor-text-tertiary);
  font-size: var(--editor-font-size-xxxs);
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 6px 8px 4px;
  text-transform: uppercase;
}
._EditorSelect-separator_13s1k_144 {
  background: var(--editor-border-subtle);
  height: 1px;
  margin: 4px;
  pointer-events: none;
}
._EditorSelect-scrollButton_13s1k_152 {
  align-items: center;
  background: var(--editor-surface-raised);
  color: var(--editor-text-tertiary);
  cursor: default;
  display: flex;
  justify-content: center;
  padding: 4px;
  z-index: 1;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
._RichTextMenu_1l3cr_1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
._RichTextMenu--form_1l3cr_7 {
  border-top-left-radius: var(--editor-radius-md);
  border-top-right-radius: var(--editor-radius-md);
  padding: 6px 6px;
  background-color: var(--editor-surface-sunken);
  position: relative;
  scrollbar-width: none;
  overflow-x: auto;
}
._RichTextMenu-group_1l3cr_17 {
  display: flex;
  align-items: space-between;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-inline: 6px;
  gap: 2px;
  position: relative;
}
._RichTextMenu-group_1l3cr_17:first-of-type {
  padding-left: 0;
}
._RichTextMenu-group_1l3cr_17:last-of-type {
  padding-right: 0;
}
._RichTextMenu--inline_1l3cr_35 ._RichTextMenu-group_1l3cr_17 {
  color: var(--editor-text-inverse);
  opacity: 0.85;
  gap: 0px;
  flex-wrap: nowrap;
}
._RichTextMenu-group_1l3cr_17 + ._RichTextMenu-group_1l3cr_17 {
  border-left: 1px solid var(--editor-border-subtle);
}
._RichTextMenu--inline_1l3cr_35 ._RichTextMenu-group_1l3cr_17 + ._RichTextMenu-group_1l3cr_17 {
  border-left: 0.5px solid rgba(255, 255, 255, 0.2);
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
._Control_1aveu_1 .lucide {
  height: 18px;
  width: 18px;
}
._Control--inline_1aveu_6 .lucide {
  height: 16px;
  width: 16px;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Select/styles.module.css/#css-module-data */
._Select_1hzg4_1 {
  position: relative;
  z-index: 1;
}
._Select-button_1hzg4_6 {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: var(--editor-radius-sm);
  display: flex;
  justify-content: center;
  gap: 0px;
  height: 100%;
  padding: 4px;
  padding-right: 2px;
  transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
}
._Select--hasOptions_1hzg4_21 ._Select-button_1hzg4_6 {
  color: currentColor;
}
._Select--hasOptions_1hzg4_21:not(._Select--disabled_1hzg4_25) ._Select-button_1hzg4_6 {
  cursor: pointer;
}
._Select-buttonIcon_1hzg4_29 {
  align-items: center;
  display: flex;
  justify-content: center;
}
._Select--standalone_1hzg4_35 ._Select-buttonIcon_1hzg4_29 .lucide {
  height: 18px;
  width: 18px;
}
._Select--actionBar_1hzg4_40 ._Select-buttonIcon_1hzg4_29 .lucide {
  height: 16px;
  width: 16px;
}
._Select--hasOptions_1hzg4_21:not(._Select--disabled_1hzg4_25) ._Select-button_1hzg4_6:hover,
._Select--hasValue_1hzg4_46 ._Select-button_1hzg4_6 {
  background: var(--editor-surface-hover);
  color: var(--editor-text-accent);
}
._Select--disabled_1hzg4_25 ._Select-button_1hzg4_6 {
  color: var(--editor-text-tertiary);
}
._Select--actionBar_1hzg4_40 {
  &._Select--hasOptions_1hzg4_21 ._Select-button_1hzg4_6:hover,
  &._Select--hasValue_1hzg4_46 ._Select-button_1hzg4_6 {
    background: rgba(255, 255, 255, 0.12);
    color: var(--editor-text-inverse);
  }
}
._Select-items_1hzg4_63 {
  background: var(--editor-surface-panel);
  border: 1px solid var(--editor-border-subtle);
  border-radius: var(--editor-radius-lg);
  box-shadow: var(--editor-shadow-lg);
  margin: 10px 8px;
  margin-left: 0;
  padding: 4px;
  z-index: 2;
  list-style: none;
}
._SelectItem_1hzg4_75 {
  background: transparent;
  border-radius: var(--editor-radius-sm);
  border: none;
  color: var(--editor-text-secondary);
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: var(--editor-font-size-xxs);
  margin: 0;
  padding: 8px 12px;
  width: 100%;
  transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
}
._SelectItem--isSelected_1hzg4_92 {
  background: var(--editor-accent-soft);
  color: var(--editor-text-accent);
  font-weight: 500;
}
._SelectItem--isSelected_1hzg4_92 ._SelectItem-icon_1hzg4_98 {
  color: var(--editor-text-accent);
}
._SelectItem_1hzg4_75:hover {
  background: var(--editor-surface-hover);
  color: var(--editor-text-accent);
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
._RichTextEditor_150ed_1 .ProseMirror {
  white-space: pre-wrap;
  word-wrap: break-word;
  cursor: text;
  outline: none;
  position: relative;
}
._RichTextEditor_150ed_1 .rich-text * {
  white-space: pre-wrap;
  user-select: auto;
  -webkit-user-select: auto;
}
._RichTextEditor_150ed_1 .rich-text blockquote {
  margin: 1em 0;
  padding: 0 1em;
  border-left: 4px solid var(--editor-border-default);
}
._RichTextEditor_150ed_1 .rich-text code {
  background-color: var(--editor-surface-sunken);
  padding: 4px 8px;
  border-radius: var(--editor-radius-sm);
}
._RichTextEditor_150ed_1 .rich-text p:empty::before {
  content: "\a0";
}
._RichTextEditor_150ed_1 .rich-text pre code {
  display: block;
  padding: 8px 12px;
}
._RichTextEditor_150ed_1 .rich-text > *:first-child,
._RichTextEditor_150ed_1 .ProseMirror > *:first-child,
._RichTextEditor_150ed_1 .rich-text * p:first-of-type {
  margin-top: 0;
}
._RichTextEditor_150ed_1 .rich-text > *:last-child,
._RichTextEditor_150ed_1 .ProseMirror > *:last-child,
._RichTextEditor_150ed_1 .rich-text * p:last-of-type {
  margin-bottom: 0;
}
._RichTextEditor--editor_150ed_50 {
  background: var(--editor-surface-panel);
  border-width: 1px;
  border-style: solid;
  border-color: var(--editor-border-default);
  border-radius: var(--editor-radius-md);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-size: var(--editor-font-size-xxs);
  resize: vertical;
  text-align: initial;
  transition: border-color var(--editor-motion-fast) var(--editor-ease), box-shadow var(--editor-motion-fast) var(--editor-ease);
  width: 100%;
  max-width: 100%;
  min-height: 128px;
}
._RichTextEditor--editor_150ed_50 .rich-text {
  flex-grow: 1;
}
._RichTextEditor--editor_150ed_50 .rich-text:not(:has(.ProseMirror)),
._RichTextEditor--editor_150ed_50 .rich-text .ProseMirror {
  height: 100%;
  padding: 12px 15px;
}
._RichTextEditor--editor_150ed_50 .rich-text ul,
._RichTextEditor--editor_150ed_50 .rich-text ol {
  padding-left: 24px;
}
._RichTextEditor--editor_150ed_50 .rich-text li {
  line-height: 1.5;
}
._RichTextEditor--editor_150ed_50 .rich-text p {
  margin-block: 12px;
}
._RichTextEditor--editor_150ed_50 .rich-text ul {
  list-style: disc;
}
._RichTextEditor--editor_150ed_50 .rich-text ol {
  list-style: decimal;
}
._RichTextEditor--editor_150ed_50:focus-within {
  border-color: var(--editor-accent);
  outline: none;
  box-shadow: var(--editor-ring);
  transition: none;
}
._RichTextEditor--editor_150ed_50._RichTextEditor--disabled_150ed_109 {
  background: var(--editor-surface-sunken);
}
._RichTextEditor_150ed_1:not(:focus-within):not(._RichTextEditor--isActive_150ed_113) .ProseMirror ::selection {
  background-color: transparent;
}
._RichTextEditor-menu_150ed_119 {
  border-bottom: 1px solid var(--editor-border-subtle);
  position: sticky;
  top: 0;
  z-index: 1;
}
._RichTextEditor--disabled_150ed_109 ._RichTextEditor-menu_150ed_119 {
  border-bottom: 1px solid var(--editor-border-subtle);
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data */
._ObjectField_1byjv_5 {
  display: flex;
  flex-direction: column;
  background-color: var(--editor-surface-panel);
  border: 1px solid var(--editor-border-subtle);
  border-radius: var(--editor-radius-md);
}
._ObjectField-fieldset_1byjv_13 {
  border: none;
  margin: 0;
  min-width: 0;
  padding: 14px 12px;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Fields/styles.module.css/#css-module-data */
._EditorFields_3dnua_1 {
  position: relative;
  font-family: var(--editor-font-family);
}
._EditorFields--isLoading_3dnua_6 {
  min-height: 48px;
}
._EditorFields-loadingOverlay_3dnua_10 {
  background: var(--editor-surface-panel);
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  width: 100%;
  top: 0px;
  position: absolute;
  z-index: 1;
  pointer-events: all;
  box-sizing: border-box;
  opacity: 0.8;
}
._EditorFields-loadingOverlayInner_3dnua_25 {
  display: flex;
  padding: 16px;
  position: sticky;
  top: 0;
}
._EditorFields-field_3dnua_32 * {
  box-sizing: border-box;
}
._EditorFields--wrapFields_3dnua_36 ._EditorFields-field_3dnua_32 {
  color: var(--editor-text-secondary);
  padding: 14px 16px;
  display: block;
}
._EditorFields--wrapFields_3dnua_36 ._EditorFields-field_3dnua_32 + ._EditorFields-field_3dnua_32 {
  border-top: 1px solid var(--editor-border-subtle);
}
._EditorFields-syncButton_3dnua_46 {
  align-items: center;
  background: transparent;
  border: 1px solid var(--editor-color-global);
  border-radius: var(--editor-radius-md);
  color: var(--editor-color-global);
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: var(--editor-font-size-xxs);
  font-weight: 500;
  gap: 8px;
  justify-content: center;
  margin: 12px 16px;
  padding: 10px;
  transition:
    background-color var(--editor-motion-fast) var(--editor-ease),
    border-color var(--editor-motion-fast) var(--editor-ease),
    color var(--editor-motion-fast) var(--editor-ease);
  width: calc(100% - 32px);
}
@media (hover: hover) and (pointer: fine) {
  ._EditorFields-syncButton_3dnua_46:hover {
    background: var(--editor-color-global-soft);
  }
}
._EditorFields-syncButton_3dnua_46:focus-visible {
  outline: none;
  box-shadow: var(--editor-ring);
}
._EditorFields-syncButton--unlinked_3dnua_78 {
  border-color: var(--editor-border-default);
  color: var(--editor-text-secondary);
}
@media (hover: hover) and (pointer: fine) {
  ._EditorFields-syncButton--unlinked_3dnua_78:hover {
    background: var(--editor-surface-hover);
    border-color: var(--editor-border-strong);
    color: var(--editor-text-primary);
  }
}
._EditorFields--wrapFields_3dnua_36 ._EditorFields-syncButton_3dnua_46 + ._EditorFields-field_3dnua_32 {
  border-top: none;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/ComponentList/styles.module.css/#css-module-data */
._ComponentList_1mlcu_1 {
  max-width: 100%;
}
._ComponentList--isExpanded_1mlcu_5 + ._ComponentList_1mlcu_1 {
  margin-top: 12px;
}
._ComponentList-content_1mlcu_9 {
  display: none;
}
._ComponentList--isExpanded_1mlcu_5 > ._ComponentList-content_1mlcu_9 {
  display: block;
}
._ComponentList-title_1mlcu_17 {
  background-color: transparent;
  border: 0;
  color: var(--editor-text-secondary);
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: var(--editor-font-size-xxs);
  font-weight: 600;
  list-style: none;
  margin-bottom: 4px;
  padding: 8px;
  transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
  gap: 4px;
  border-radius: var(--editor-radius-md);
  width: 100%;
}
._ComponentList-title_1mlcu_17:focus-visible {
  outline: none;
  box-shadow: var(--editor-ring);
}
@media (hover: hover) and (pointer: fine) {
  ._ComponentList-title_1mlcu_17:hover {
    background-color: var(--editor-surface-hover);
    color: var(--editor-text-accent);
    transition: none;
  }
}
._ComponentList-title_1mlcu_17:active {
  background-color: var(--editor-accent-soft);
  transition: none;
}
._ComponentList-titleIcon_1mlcu_54 {
  display: flex;
  align-items: center;
  transition: transform var(--editor-motion-fast) var(--editor-ease);
}
._ComponentList--isExpanded_1mlcu_5 ._ComponentList-titleIcon_1mlcu_54 {
  transform: rotate(90deg);
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Drawer/styles.module.css/#css-module-data */
._Drawer_146py_1 {
  display: flex;
  flex-direction: column;
  font-family: var(--editor-font-family);
  gap: 6px;
}
._Drawer--tile_146py_8 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(88px, calc(50% - 3px)), 1fr));
  gap: 6px;
}
._Drawer-draggable_146py_19 {
  position: relative;
}
._Drawer-draggableBg_146py_23 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
}
._DrawerItem-draggable_146py_33 {
  background: var(--editor-surface-panel);
  cursor: grab;
  padding: 8px 10px;
  display: flex;
  border: 1px var(--editor-border-subtle) solid;
  border-radius: var(--editor-radius-md);
  font-size: var(--editor-font-size-xxs);
  color: var(--editor-text-primary);
  gap: 8px;
  align-items: center;
  transition:
    background-color var(--editor-motion-fast) var(--editor-ease),
    color var(--editor-motion-fast) var(--editor-ease),
    border-color var(--editor-motion-fast) var(--editor-ease),
    box-shadow var(--editor-motion-fast) var(--editor-ease);
}
._DrawerItem-icon_146py_50 {
  color: var(--editor-text-tertiary);
  display: flex;
  transition: color var(--editor-motion-fast) var(--editor-ease);
}
._DrawerItem--disabled_146py_56 ._DrawerItem-draggable_146py_33 {
  background: var(--editor-surface-sunken);
  color: var(--editor-text-tertiary);
  cursor: not-allowed;
}
._DrawerItem_146py_33:focus-visible {
  outline: 0;
}
._Drawer_146py_1:not(._Drawer--isDraggingFrom_146py_66) ._DrawerItem_146py_33:focus-visible ._DrawerItem-draggable_146py_33 {
  border-radius: var(--editor-radius-md);
  outline: none;
  box-shadow: var(--editor-ring);
}
@media (hover: hover) and (pointer: fine) {
  ._Drawer_146py_1:not(._Drawer--isDraggingFrom_146py_66) ._DrawerItem_146py_33:not(._DrawerItem--disabled_146py_56) ._DrawerItem-draggable_146py_33:hover {
    background-color: var(--editor-surface-hover);
    border-color: var(--editor-border-default);
    color: var(--editor-text-accent);
    box-shadow: var(--editor-shadow-sm);
    transition: none;
  }
  ._Drawer_146py_1:not(._Drawer--isDraggingFrom_146py_66) ._DrawerItem_146py_33:not(._DrawerItem--disabled_146py_56) ._DrawerItem-draggable_146py_33:hover ._DrawerItem-icon_146py_50 {
    color: var(--editor-text-accent);
  }
}
._DrawerItem-name_146py_91 {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}
._Drawer--tile_146py_8 ._DrawerItem-draggable_146py_33 {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  aspect-ratio: 1 / 1;
  padding: 8px;
  gap: 6px;
}
._Drawer--tile_146py_8 ._DrawerItem-icon_146py_50 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._Drawer--tile_146py_8 ._DrawerItem-icon_146py_50 svg {
  width: 22px;
  height: 22px;
}
._Drawer--tile_146py_8 ._DrawerItem-name_146py_91 {
  width: 100%;
  font-size: var(--editor-font-size-xxxs);
  line-height: 1.2;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
._DraggableComponent_ie0on_1 {
  position: absolute;
  pointer-events: none;
  --overlay-background: color-mix( in srgb, var(--editor-color-azure-05) 14%, transparent );
}
._DraggableComponent-overlayWrapper_ie0on_12 {
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 1;
}
._DraggableComponent-overlay_ie0on_12 {
  cursor: pointer;
  height: 100%;
  outline: 1.5px var(--editor-accent) solid;
  outline-offset: -1.5px;
  width: 100%;
  transition: outline-color var(--editor-motion-fast) var(--editor-ease), background-color var(--editor-motion-fast) var(--editor-ease);
}
._DraggableComponent_ie0on_1:focus-visible > ._DraggableComponent-overlayWrapper_ie0on_12 {
  outline: 1px solid var(--editor-accent);
}
._DraggableComponent-loadingOverlay_ie0on_36 {
  background: var(--editor-surface-panel);
  color: var(--editor-text-primary);
  border-radius: var(--editor-radius-md);
  box-shadow: var(--editor-shadow-sm);
  display: flex;
  padding: 8px;
  top: 8px;
  right: 8px;
  position: absolute;
  z-index: 1;
  pointer-events: all;
  box-sizing: border-box;
  opacity: 0.85;
  z-index: 1;
}
._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
  background: var(--overlay-background);
  outline: 1.5px var(--editor-accent) solid;
}
._DraggableComponent--isSelected_ie0on_60 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
  outline-color: var(--editor-accent-strong);
  outline-width: 2px;
}
._DraggableComponent--isGlobal_ie0on_69 {
  --overlay-background: color-mix( in srgb, var(--editor-color-global) 14%, transparent );
}
._DraggableComponent--isGlobal_ie0on_69 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12,
._DraggableComponent--isGlobal_ie0on_69._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
  outline-color: var(--editor-color-global);
}
._DraggableComponent--isGlobal_ie0on_69._DraggableComponent--isSelected_ie0on_60 > ._DraggableComponent-overlayWrapper_ie0on_12 > ._DraggableComponent-overlay_ie0on_12 {
  outline-color: var(--editor-color-global-strong);
}
._DraggableComponent--isGlobal_ie0on_69:focus-visible > ._DraggableComponent-overlayWrapper_ie0on_12 {
  outline-color: var(--editor-color-global);
}
._DraggableComponent_ie0on_1:has(._DraggableComponent--hover_ie0on_53 > ._DraggableComponent-overlayWrapper_ie0on_12) > ._DraggableComponent-overlayWrapper_ie0on_12 {
  display: none;
}
._DraggableComponent-actionsOverlay_ie0on_105 {
  position: sticky;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}
._DraggableComponent--isSelected_ie0on_60 ._DraggableComponent-actionsOverlay_ie0on_105 {
  opacity: 1;
  pointer-events: auto;
}
._DraggableComponent-actions_ie0on_105 {
  position: absolute;
  width: auto;
  cursor: grab;
  display: flex;
  box-sizing: border-box;
  transform-origin: right top;
  min-height: 36px;
}

/* components/DraggableComponent/styles.css */
[data-editor-component] * {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
[data-editor-component] {
  cursor: grab;
  pointer-events: auto !important;
  user-select: none;
  -webkit-user-select: none;
}
[data-editor-dropzone] {
  pointer-events: auto !important;
}
[data-editor-disabled] {
  cursor: pointer;
}
[data-dnd-placeholder] {
  background: var(--editor-color-azure-06) !important;
  border: none !important;
  color: #00000000 !important;
  opacity: 0.3 !important;
  outline: none !important;
  transition: none !important;
}
[data-dnd-placeholder] *,
[data-dnd-placeholder]::after,
[data-dnd-placeholder]::before {
  opacity: 0 !important;
}
[data-dnd-dragging][data-editor-component] {
  pointer-events: none !important;
  outline: 2px var(--editor-color-azure-09) solid !important;
  outline-offset: -2px !important;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/DropZone/styles.module.css/#css-module-data */
._DropZone_1h108_1 {
  --resize-animation-ms: 150ms;
  position: relative;
  height: 100%;
  min-height: var(--min-empty-height);
  outline-offset: -2px;
  width: 100%;
}
._DropZone--hasChildren_1h108_11 {
  min-height: 0;
}
._DropZone_1h108_1:empty {
  min-height: var(--min-empty-height);
}
[data-editor-entry]:not([data-editor-dragging]) ._DropZone_1h108_1 {
  transition: min-height var(--resize-animation-ms) ease-in;
}
._DropZone--isAreaSelected_1h108_24,
._DropZone--hoveringOverArea_1h108_25:not(._DropZone--isRootZone_1h108_25) {
  background: var(--editor-accent-soft);
  outline: 1px dashed var(--editor-accent);
  border-radius: var(--editor-radius-md);
}
._DropZone_1h108_1:empty {
  background: var(--editor-surface-sunken);
  outline: 1px dashed var(--editor-border-default);
  border-radius: var(--editor-radius-md);
  transition: background-color var(--editor-motion-base) var(--editor-ease), outline-color var(--editor-motion-base) var(--editor-ease);
}
._DropZone--isDestination_1h108_39 {
  outline: 1px dashed var(--editor-accent-strong) !important;
  border-radius: var(--editor-radius-md);
}
._DropZone--isDestination_1h108_39:not(._DropZone--isRootZone_1h108_25) {
  background: var(--editor-accent-soft) !important;
}
._DropZone-item_1h108_48 {
  position: relative;
}
._DropZone-hitbox_1h108_52 {
  position: absolute;
  bottom: -12px;
  height: 24px;
  width: 100%;
  z-index: 1;
}
[data-editor-dragging] ._DropZone--isEnabled_1h108_60 {
  outline: 1px dashed var(--editor-accent);
  border-radius: var(--editor-radius-md);
}
._DropZone_1h108_1 > *:not([data-editor-component]) {
  opacity: 0;
}
body:has(._DropZone--isAnimating_1h108_70:empty) [data-editor-overlay] {
  opacity: 0 !important;
}

/* lib/overlay-portal/styles.css */
[data-editor-overlay-portal],
[data-editor-overlay-portal] * {
  pointer-events: auto !important;
}
[data-editor-overlay-portal]:hover {
  outline: 2px var(--editor-color-azure-09) dashed;
  outline-offset: 2px;
}
[data-editor-overlay-portal]:focus-within {
  outline: 2px var(--editor-color-azure-07) dashed;
  outline-offset: 2px;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/InlineTextField/styles.module.css/#css-module-data */
._InlineTextField_104qp_1 {
  cursor: text;
  display: inline-block;
  white-space: pre-wrap;
  text-decoration: inherit;
}
[data-dnd-dragging] ._InlineTextField_104qp_1 {
  cursor: none;
  caret-color: transparent;
}
[data-dnd-dragging] ._InlineTextField_104qp_1::selection {
  display: none;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Components/styles.module.css/#css-module-data */
._Components-search_recer_1 {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
._Components-searchIcon_recer_8 {
  position: absolute;
  inset-inline-start: 10px;
  color: var(--editor-text-tertiary);
  pointer-events: none;
  display: flex;
}
._Components-searchInput_recer_16 {
  width: 100%;
  font-family: inherit;
  font-size: var(--editor-font-size-xxs);
  color: var(--editor-text-primary);
  background: var(--editor-surface-panel);
  border: 1px solid var(--editor-border-subtle);
  border-radius: var(--editor-radius-md);
  padding: 8px 10px 8px 32px;
  transition: border-color var(--editor-motion-fast) var(--editor-ease), box-shadow var(--editor-motion-fast) var(--editor-ease);
}
._Components-searchInput_recer_16::placeholder {
  color: var(--editor-text-tertiary);
}
._Components-searchInput_recer_16:focus {
  outline: none;
  border-color: var(--editor-border-default);
  box-shadow: var(--editor-ring);
}
._Components-empty_recer_39 {
  color: var(--editor-text-tertiary);
  font-size: var(--editor-font-size-xxs);
  padding: 12px 4px;
  text-align: center;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Preview/styles.module.css/#css-module-data */
._EditorPreview_xou64_1 {
  position: relative;
  height: 100%;
}
._EditorPreview-frame_xou64_6 {
  border: none;
  height: 100%;
  width: 100%;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/LayerTree/styles.module.css/#css-module-data */
._LayerTree_3eixb_1 {
  color: var(--editor-text-primary);
  font-family: var(--editor-font-family);
  font-size: var(--editor-font-size-xxs);
  margin: 0;
  position: relative;
  list-style: none;
  padding: 0;
}
._LayerTree-zoneTitle_3eixb_11 {
  color: var(--editor-color-azure-05);
  font-family: var(--editor-font-family-monospaced);
  font-size: var(--editor-font-size-xxxs);
}
._LayerTree-helper_3eixb_17 {
  text-align: center;
  color: var(--editor-accent-strong);
  background: var(--editor-accent-soft);
  border-radius: var(--editor-radius-md);
  font-family: var(--editor-font-family-monospaced);
  font-size: var(--editor-font-size-xxxs);
  padding: 8px;
  margin: 4px 4px 8px;
}
._Layer_3eixb_1 {
  position: relative;
  border: 1px solid transparent;
  border-radius: var(--editor-radius-md);
}
._Layer-inner_3eixb_34 {
  border: 1px solid transparent;
  border-radius: var(--editor-radius-md);
  transition:
    background-color var(--editor-motion-fast) var(--editor-ease),
    color var(--editor-motion-fast) var(--editor-ease),
    border-color var(--editor-motion-fast) var(--editor-ease);
}
._Layer--containsZone_3eixb_42 > ._Layer-inner_3eixb_34 {
  padding-inline-start: 0;
}
._Layer-clickable_3eixb_46 {
  align-items: center;
  background: none;
  border: 0;
  border-radius: var(--editor-radius-md);
  color: inherit;
  cursor: pointer;
  display: flex;
  font: inherit;
  padding-inline-start: 4px;
  padding-inline-end: 2px;
  width: 100%;
}
._Layer-clickable_3eixb_46:focus-visible {
  outline: none;
  box-shadow: var(--editor-ring);
  position: relative;
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  ._Layer_3eixb_1:not(._Layer--isSelected_3eixb_68) > ._Layer-inner_3eixb_34:hover {
    background: var(--editor-surface-hover);
    color: var(--editor-text-accent);
    transition: none;
  }
}
._Layer--isSelected_3eixb_68 > ._Layer-inner_3eixb_34 {
  background: var(--editor-accent-soft);
  color: var(--editor-text-accent);
}
._Layer--isSelected_3eixb_68 > ._Layer-inner_3eixb_34 ._Layer-icon_3eixb_80,
._Layer--isSelected_3eixb_68 > ._Layer-inner_3eixb_34 ._Layer-zoneIcon_3eixb_81 {
  color: var(--editor-accent-strong);
}
._Layer-chevron_3eixb_85 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 12px;
  margin-inline-end: 4px;
  transition: transform var(--editor-motion-base) var(--editor-ease);
  color: var(--editor-text-tertiary);
}
._Layer--isSelected_3eixb_68 > ._Layer-inner_3eixb_34 > ._Layer-clickable_3eixb_46 > ._Layer-chevron_3eixb_85,
._Layer--childIsSelected_3eixb_97 > ._Layer-inner_3eixb_34 > ._Layer-clickable_3eixb_46 > ._Layer-chevron_3eixb_85 {
  transform: rotate(90deg);
}
._Layer-zones_3eixb_101 {
  display: none;
  margin-inline-start: 14px;
  padding-inline-start: 16px;
  border-inline-start: 1px solid var(--editor-border-subtle);
}
._Layer--isSelected_3eixb_68 > ._Layer-zones_3eixb_101,
._Layer--childIsSelected_3eixb_97 > ._Layer-zones_3eixb_101 {
  display: block;
}
._Layer-zones_3eixb_101 > ._LayerTree_3eixb_1 {
  margin-inline-start: 0;
}
._Layer-title_3eixb_117,
._LayerTree-zoneTitle_3eixb_11 {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 6px 4px;
  overflow-x: hidden;
}
._LayerTree-zoneTitle_3eixb_11 {
  margin: 4px 4px 2px;
}
._Layer-name_3eixb_130 {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._Layer-icon_3eixb_80 {
  color: var(--editor-accent);
  display: flex;
  align-items: center;
}
._Layer-zoneIcon_3eixb_81 {
  color: var(--editor-text-tertiary);
  display: flex;
  align-items: center;
}
._Layer--isGlobal_3eixb_150 > ._Layer-inner_3eixb_34 ._Layer-icon_3eixb_80 {
  color: var(--editor-color-global);
}
._Layer--isGlobal_3eixb_150 > ._Layer-inner_3eixb_34 ._Layer-name_3eixb_130 {
  color: var(--editor-color-global);
}
._Layer--isGlobal_3eixb_150._Layer--isSelected_3eixb_68 > ._Layer-inner_3eixb_34 {
  background: var(--editor-color-global-soft);
  color: var(--editor-color-global-strong);
}
._Layer--isGlobal_3eixb_150._Layer--isSelected_3eixb_68 > ._Layer-inner_3eixb_34 ._Layer-icon_3eixb_80,
._Layer--isGlobal_3eixb_150._Layer--isSelected_3eixb_68 > ._Layer-inner_3eixb_34 ._Layer-name_3eixb_130 {
  color: var(--editor-color-global-strong);
}
._Layer--isUnlinked_3eixb_171 > ._Layer-inner_3eixb_34 ._Layer-name_3eixb_130 {
  font-style: italic;
}
._Layer-unlinkedGlyph_3eixb_175 {
  color: var(--editor-color-global);
  display: flex;
  align-items: center;
  margin-inline-start: 4px;
  opacity: 0.7;
}
._Layer--isUnlinked_3eixb_171._Layer--isSelected_3eixb_68 > ._Layer-inner_3eixb_34 ._Layer-unlinkedGlyph_3eixb_175 {
  color: var(--editor-accent-strong);
  opacity: 1;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Layout/styles.module.css/#css-module-data */
._Editor_1ty8s_19 {
  --editor-space-px: 16px;
  color: var(--editor-text-primary);
  font-family: var(--editor-font-family);
  overflow-x: hidden;
}
@media (min-width: 766px) {
  ._Editor_1ty8s_19 {
    overflow-x: auto;
  }
}
._Editor-portal_1ty8s_32 {
  position: relative;
  z-index: 2;
}
._EditorLayout_1ty8s_37 {
  height: 100dvh;
}
._EditorLayout-inner_1ty8s_41 {
  --editor-frame-width: auto;
  --editor-side-nav-width: min-content;
  --editor-side-bar-width: 0px;
  --editor-left-side-bar-width: var( --editor-user-left-side-bar-width, var(--editor-side-bar-width) );
  --editor-right-side-bar-width: var( --editor-user-right-side-bar-width, var(--editor-side-bar-width) );
  background-color: var(--editor-surface-app);
  display: grid;
  grid-template-areas: "editor" "mobilepanel" "left" "right" "sidenav";
  grid-template-columns: var(--editor-frame-width);
  grid-template-rows: auto 0 0 0 var(--editor-side-nav-width);
  height: 100%;
  position: relative;
  transition: none;
  z-index: 0;
  overflow: hidden;
}
@media (min-width: 638px) {
  ._EditorLayout-inner_1ty8s_41 {
    --editor-side-nav-width: 44px;
    grid-template-areas: "sidenav left editor right";
    grid-template-columns: var(--editor-side-nav-width) 0 var(--editor-frame-width) 0;
    grid-template-rows: auto;
  }
  ._Editor--hidePlugins_1ty8s_73 ._EditorLayout-inner_1ty8s_41 {
    --editor-side-nav-width: 0;
  }
}
._EditorLayout--mounted_1ty8s_78 ._EditorLayout-inner_1ty8s_41 {
  --editor-side-bar-width: 186px;
}
._EditorLayout--mobilePanelHeightToggle_1ty8s_82._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
  grid-template-rows: auto 60% 0 0 var(--editor-side-nav-width);
}
._EditorLayout--mobilePanelCustomHeight_1ty8s_87._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
  grid-template-rows: auto var(--editor-mobile-panel-height, 60%) 0 0 var(--editor-side-nav-width);
}
@media (min-width: 638px) {
  ._EditorLayout--mobilePanelHeightToggle_1ty8s_82._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
    grid-template-columns: var(--editor-side-nav-width) var(--editor-left-side-bar-width) var( --editor-frame-width ) 0;
    grid-template-rows: auto;
  }
}
._EditorLayout--mobilePanelHeightMinContent_1ty8s_105._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
  grid-template-rows: auto min-content 0 0 var(--editor-side-nav-width);
}
@media (min-width: 638px) {
  ._EditorLayout--mobilePanelHeightToggle_1ty8s_82._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41,
  ._EditorLayout--mobilePanelCustomHeight_1ty8s_87._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41,
  ._EditorLayout--mobilePanelHeightMinContent_1ty8s_105._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-inner_1ty8s_41 {
    grid-template-columns: var(--editor-side-nav-width) var(--editor-left-side-bar-width) var( --editor-frame-width ) 0;
    grid-template-rows: auto;
  }
}
@media (min-width: 638px) {
  ._EditorLayout--rightSideBarVisible_1ty8s_127 ._EditorLayout-inner_1ty8s_41 {
    grid-template-columns: var(--editor-side-nav-width) 0 var(--editor-frame-width) var(--editor-right-side-bar-width);
  }
}
@media (min-width: 638px) {
  ._EditorLayout--leftSideBarVisible_1ty8s_82._EditorLayout--rightSideBarVisible_1ty8s_127 ._EditorLayout-inner_1ty8s_41 {
    grid-template-columns: var(--editor-side-nav-width) var(--editor-left-side-bar-width) var( --editor-frame-width ) var(--editor-right-side-bar-width);
  }
}
@media (min-width: 458px) {
  ._EditorLayout-mounted_1ty8s_146 ._EditorLayout-inner_1ty8s_41 {
    --editor-frame-width: minmax(266px, auto);
  }
}
@media (min-width: 638px) {
  ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
    --editor-side-bar-width: minmax(186px, 250px);
  }
}
@media (min-width: 766px) {
  ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
    --editor-frame-width: auto;
  }
}
@media (min-width: 990px) {
  ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
    --editor-side-bar-width: 256px;
  }
}
@media (min-width: 1198px) {
  ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
    --editor-side-bar-width: 274px;
  }
}
@media (min-width: 1398px) {
  ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
    --editor-side-bar-width: 290px;
  }
}
@media (min-width: 1598px) {
  ._EditorLayout_1ty8s_37 ._EditorLayout-inner_1ty8s_41 {
    --editor-side-bar-width: 320px;
  }
}
._EditorLayout-nav_1ty8s_187 {
  border-top: 1px solid var(--editor-border-subtle);
  background-color: var(--editor-surface-panel);
  grid-area: sidenav;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 638px) {
  ._EditorLayout-nav_1ty8s_187 {
    border-top: 0;
    border-right: 1px solid var(--editor-border-subtle);
    box-sizing: border-box;
  }
}
._Editor-fieldSideBarToolbar_1ty8s_203 {
  align-items: center;
  background: var(--editor-surface-panel);
  border-bottom: 1px solid var(--editor-border-subtle);
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 8px 12px;
}
._Editor-fieldSideBarHistory_1ty8s_213 {
  color: var(--editor-text-tertiary);
  display: flex;
  gap: 2px;
}
._Editor-fieldSideBarActions_1ty8s_219 {
  align-items: center;
  display: flex;
  gap: 8px;
}
._EditorLayout-mobilePanel_1ty8s_225 {
  grid-area: mobilepanel;
  background: var(--editor-surface-panel);
  border-block-start: 1px solid var(--editor-border-subtle);
  display: none;
  flex-direction: column;
  overflow: hidden;
}
._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-mobilePanel_1ty8s_225 {
  display: flex;
}
@media (min-width: 638px) {
  ._EditorLayout-mobilePanel_1ty8s_225,
  ._EditorLayout--leftSideBarVisible_1ty8s_82 ._EditorLayout-mobilePanel_1ty8s_225 {
    display: none;
  }
}
._EditorLayout-mobilePanelContent_1ty8s_245 {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
._EditorLayout-mobileDragHandle_1ty8s_252 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0 4px;
  cursor: grab;
  touch-action: none;
  flex-shrink: 0;
}
._EditorLayout-mobileDragHandle_1ty8s_252:active {
  cursor: grabbing;
}
._EditorLayout-mobileDragHandlePill_1ty8s_266 {
  width: 36px;
  height: 4px;
  border-radius: 2px;
  background-color: var(--editor-border-subtle);
}
._EditorPluginTab_1ty8s_273 {
  display: none;
  flex-grow: 1;
  max-height: 100%;
}
._EditorPluginTab--visible_1ty8s_279 {
  display: flex;
  flex-direction: column;
}
._EditorPluginTab-body_1ty8s_284 {
  flex-grow: 1;
  max-height: 100%;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
._SidebarSection_tt2oy_1 {
  display: flex;
  position: relative;
  flex-direction: column;
  color: var(--editor-text-primary);
}
._SidebarSection_tt2oy_1:last-of-type {
  flex-grow: 1;
}
._SidebarSection-title_tt2oy_12 {
  background: var(--editor-surface-panel);
  padding: 12px 16px;
  border-bottom: 1px solid var(--editor-border-subtle);
  border-top: 1px solid var(--editor-border-subtle);
  overflow-x: auto;
}
._SidebarSection--noBorderTop_tt2oy_20 > ._SidebarSection-title_tt2oy_12 {
  border-top: 0px;
}
._SidebarSection-content_tt2oy_24:last-child {
  padding-bottom: 4px;
}
._SidebarSection_tt2oy_1:last-of-type ._SidebarSection-content_tt2oy_24 {
  border-bottom: none;
  flex-grow: 1;
}
._SidebarSection-breadcrumbLabel_tt2oy_33 {
  background: none;
  border: 0;
  border-radius: var(--editor-radius-sm);
  color: var(--editor-text-accent);
  cursor: pointer;
  font: inherit;
  flex-shrink: 0;
  padding: 0;
  transition: color var(--editor-motion-fast) var(--editor-ease);
}
._SidebarSection-breadcrumbLabel_tt2oy_33:focus-visible {
  outline: none;
  box-shadow: var(--editor-ring);
}
@media (hover: hover) and (pointer: fine) {
  ._SidebarSection-breadcrumbLabel_tt2oy_33:hover {
    color: var(--editor-accent-strong);
    transition: none;
  }
}
._SidebarSection-breadcrumbLabel_tt2oy_33:active {
  color: var(--editor-accent-strong);
  transition: none;
}
._SidebarSection-breadcrumbs_tt2oy_62 {
  align-items: center;
  display: flex;
  gap: 4px;
}
._SidebarSection-breadcrumb_tt2oy_33 {
  align-items: center;
  display: flex;
  gap: 4px;
}
._SidebarSection-heading_tt2oy_74 {
  padding-inline-end: 16px;
  font-size: 13px;
  line-height: 1.2;
}
._SidebarSection-heading_tt2oy_74 h1,
._SidebarSection-heading_tt2oy_74 h2,
._SidebarSection-heading_tt2oy_74 h3 {
  font-size: inherit;
  font-weight: 500;
  letter-spacing: 0;
}
._SidebarSection-loadingOverlay_tt2oy_88 {
  background: var(--editor-surface-panel);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: 1;
  pointer-events: all;
  box-sizing: border-box;
  opacity: 0.8;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Breadcrumbs/styles.module.css/#css-module-data */
._Breadcrumbs_1cjxk_1 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 13px;
  line-height: 1.2;
}
._Breadcrumbs-breadcrumb_1cjxk_10 {
  align-items: center;
  display: flex;
  gap: 6px;
  color: var(--editor-text-tertiary);
}
._Breadcrumbs-breadcrumbLabel_1cjxk_17 {
  background: none;
  border: 0;
  border-radius: var(--editor-radius-sm);
  color: var(--editor-text-tertiary);
  cursor: pointer;
  font: inherit;
  font-weight: 400;
  flex-shrink: 0;
  padding: 0;
  transition: color var(--editor-motion-fast) var(--editor-ease);
}
._Breadcrumbs-breadcrumbLabel_1cjxk_17:focus-visible {
  outline: none;
  box-shadow: var(--editor-ring);
}
@media (hover: hover) and (pointer: fine) {
  ._Breadcrumbs-breadcrumbLabel_1cjxk_17:hover {
    color: var(--editor-text-primary);
    transition: none;
  }
}
._Breadcrumbs-breadcrumbLabel_1cjxk_17:active {
  color: var(--editor-text-primary);
  transition: none;
}
._Breadcrumbs-breadcrumb_1cjxk_10 svg {
  opacity: 0.5;
  flex-shrink: 0;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/ui/Combobox/styles.module.css/#css-module-data */
._EditorCombobox-input_12a2a_4 {
  background: transparent;
  border: 0;
  color: inherit;
  flex: 1;
  font: inherit;
  font-size: var(--editor-font-size-xxs);
  min-width: 0;
  outline: none;
  padding: 0;
  width: 100%;
}
._EditorCombobox-input_12a2a_4::placeholder {
  color: var(--editor-text-tertiary);
}
._EditorCombobox-trigger_12a2a_21 {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--editor-text-tertiary);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  height: 20px;
  justify-content: center;
  outline: none;
  padding: 0;
  width: 20px;
}
@media (hover: hover) and (pointer: fine) {
  ._EditorCombobox-trigger_12a2a_21:hover {
    color: var(--editor-text-primary);
  }
}
._EditorCombobox-triggerIcon_12a2a_42 {
  pointer-events: none;
}
._EditorCombobox-positioner_12a2a_46 {
  z-index: 50;
}
._EditorCombobox-content_12a2a_50 {
  background: var(--editor-surface-raised);
  border: 1px solid var(--editor-border-subtle);
  border-radius: var(--editor-radius-md);
  box-shadow: var(--editor-shadow-md);
  color: var(--editor-text-primary);
  font-family: var(--editor-font-family);
  font-size: var(--editor-font-size-xxs);
  max-height: var(--available-height);
  min-width: var(--anchor-width);
  overflow: hidden;
  transform-origin: var(--transform-origin);
  z-index: 50;
}
._EditorCombobox-list_12a2a_65 {
  max-height: inherit;
  overflow-y: auto;
  padding: 4px;
}
._EditorCombobox-item_12a2a_71 {
  align-items: center;
  border-radius: var(--editor-radius-sm);
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: var(--editor-font-size-xxs);
  gap: 8px;
  outline: none;
  padding: 6px 8px 6px 28px;
  position: relative;
  user-select: none;
}
._EditorCombobox-item_12a2a_71[data-highlighted],
._EditorCombobox-item_12a2a_71[data-selected] {
  background: var(--editor-accent-soft);
  color: var(--editor-text-accent);
}
._EditorCombobox-item_12a2a_71[data-disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
._EditorCombobox-itemIndicator_12a2a_97 {
  align-items: center;
  color: var(--editor-accent-strong);
  display: inline-flex;
  justify-content: center;
  left: 8px;
  pointer-events: none;
  position: absolute;
  width: 14px;
}
._EditorCombobox-empty_12a2a_110:not(:empty) {
  color: var(--editor-text-tertiary);
  font-size: var(--editor-font-size-xxs);
  padding: 12px 8px;
  text-align: center;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/BrowserBar/styles.module.css/#css-module-data */
._BrowserBar_x10eb_1 {
  align-items: center;
  background: var(--editor-surface-panel);
  border: 1px solid var(--editor-border-subtle);
  border-bottom: 0;
  border-radius: var(--editor-radius-md) var(--editor-radius-md) 0 0;
  display: flex;
  gap: 8px;
  padding: 8px 10px;
  width: 100%;
}
._BrowserBar-urlTrigger_x10eb_16 {
  align-items: center;
  background: var(--editor-surface-sunken);
  border: 1px solid var(--editor-border-subtle);
  border-radius: 9999px;
  color: var(--editor-text-primary);
  display: inline-flex;
  flex: 1;
  font-size: var(--editor-font-size-xxs);
  gap: 8px;
  justify-content: flex-start;
  min-width: 0;
  overflow: hidden;
  padding: 4px 12px;
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  ._BrowserBar-urlTrigger_x10eb_16:hover {
    background: var(--editor-surface-hover);
    border-color: var(--editor-border-default);
  }
}
._BrowserBar-urlTrigger_x10eb_16:focus-within {
  border-color: var(--editor-border-default);
  box-shadow: var(--editor-ring);
  outline: none;
}
._BrowserBar-urlIcon_x10eb_46 {
  color: var(--editor-text-tertiary);
  flex-shrink: 0;
}
._BrowserBar-urlText_x10eb_51 {
  color: var(--editor-text-primary);
  display: inline-flex;
  flex: 1;
  gap: 8px;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._BrowserBar-urlInput_x10eb_63 {
  color: var(--editor-text-primary);
  flex: 1;
  min-width: 0;
}
._BrowserBar-itemPath_x10eb_69 {
  color: var(--editor-text-primary);
  flex-shrink: 0;
}
._BrowserBar-itemTitle_x10eb_74 {
  color: var(--editor-text-tertiary);
  margin-left: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._BrowserBar-actions_x10eb_82 {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: 2px;
}
._BrowserBar-deviceIcon_x10eb_89 {
  color: var(--editor-text-primary);
  display: inline-flex;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Canvas/styles.module.css/#css-module-data */
._EditorCanvas_es8bv_1 {
  background: var(--editor-surface-sunken);
  display: flex;
  grid-area: editor;
  flex-direction: column;
  padding: calc(var(--editor-space-px) * 0.5);
  position: relative;
  overflow: hidden;
}
@media (min-width: 1198px) {
  ._EditorCanvas_es8bv_1 {
    padding: calc(var(--editor-space-px) * 0.75);
    padding-top: calc(var(--editor-space-px) * 0.25);
  }
  ._EditorCanvas_es8bv_1:not(._EditorCanvas_es8bv_1:has(._EditorCanvas-controls_es8bv_17)) {
    padding-top: calc(var(--editor-space-px) * 0.75);
  }
}
._EditorCanvas--fullScreen_es8bv_22 {
  padding: 0;
  overflow: hidden;
}
@media (min-width: 1198px) {
  ._EditorCanvas--fullScreen_es8bv_22 {
    padding: 0;
  }
}
._EditorCanvas-inner_es8bv_33 {
  display: flex;
  height: 100%;
  justify-content: center;
  min-width: 288px;
  position: relative;
  width: 100%;
}
._EditorCanvas-rootColumn_es8bv_46 {
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  min-width: 321px;
  height: 100%;
  transform-origin: top;
}
@media (min-width: 1198px) {
  ._EditorCanvas-rootColumn_es8bv_46 {
    min-width: unset;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._EditorCanvas-rootColumn_es8bv_46 {
    transition: none !important;
  }
}
._EditorCanvas-root_es8bv_46 {
  background: var(--editor-surface-panel);
  outline: 1px solid var(--editor-border-subtle);
  box-shadow: var(--editor-shadow-lg);
  border-radius: 0 0 var(--editor-radius-md) var(--editor-radius-md);
  flex: 1;
  pointer-events: none;
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  ._EditorCanvas-root_es8bv_46 {
    transition: none !important;
  }
}
._EditorCanvas--ready_es8bv_83 ._EditorCanvas-root_es8bv_46 {
  pointer-events: unset;
  opacity: 1;
}
._EditorCanvas-loader_es8bv_88 {
  align-items: center;
  color: var(--editor-text-tertiary);
  display: flex;
  inset: 0;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  transition: opacity 250ms ease-out;
  opacity: 0;
}
._EditorCanvas--showLoader_es8bv_100 ._EditorCanvas-loader_es8bv_88 {
  opacity: 1;
}
._EditorCanvas--showLoader_es8bv_100._EditorCanvas--ready_es8bv_83 ._EditorCanvas-loader_es8bv_88 {
  opacity: 0;
  transition: none;
}
._EditorCanvas-browserBar_es8bv_109 {
  flex-shrink: 0;
  width: 100%;
}
._EditorCanvas-zoomControls_es8bv_114 {
  align-items: center;
  background: var(--editor-surface-panel);
  border: 1px solid var(--editor-border-subtle);
  border-radius: var(--editor-radius-md);
  bottom: 16px;
  box-shadow: var(--editor-shadow-md);
  display: flex;
  gap: 2px;
  padding: 4px;
  position: absolute;
  right: 16px;
  z-index: 10;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/ResizeHandle/styles.module.css/#css-module-data */
@media (min-width: 766px) {
  ._ResizeHandle_1u3rv_2 {
    position: absolute;
    width: 5px;
    height: 100%;
    cursor: col-resize;
    z-index: 10;
    background: transparent;
    top: 0;
  }
  ._ResizeHandle_1u3rv_2:hover {
    background: var(--editor-accent-soft);
  }
  ._ResizeHandle--left_1u3rv_16 {
    right: -3px;
  }
  ._ResizeHandle--right_1u3rv_20 {
    left: -3px;
  }
}

/* components/Editor/components/ResizeHandle/styles.css */
[data-resize-overlay] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  cursor: col-resize;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Sidebar/styles.module.css/#css-module-data */
._Sidebar_14k7q_1 {
  border-block-start: 1px solid var(--editor-border-subtle);
  position: relative;
  display: none;
  flex-direction: column;
  overflow-y: auto;
}
._Sidebar--isVisible_14k7q_9 {
  display: flex;
}
._Sidebar--left_14k7q_13 {
  background: var(--editor-surface-panel);
  grid-area: left;
}
@media (min-width: 766px) {
  ._Sidebar--left_14k7q_13 {
    border-block-start: 0;
    border-inline-end: 1px solid var(--editor-border-subtle);
  }
}
._Sidebar--right_14k7q_25 {
  background: var(--editor-surface-panel);
  grid-area: right;
}
@media (min-width: 766px) {
  ._Sidebar--right_14k7q_25 {
    border-block-start: 0;
    border-inline-start: 1px solid var(--editor-border-subtle);
  }
}
._Sidebar-resizeHandle_14k7q_37 {
  position: absolute;
  height: 100%;
}
._Sidebar--left_14k7q_13 + ._Sidebar-resizeHandle_14k7q_37 {
  grid-area: left;
  justify-self: end;
}
._Sidebar--right_14k7q_25 + ._Sidebar-resizeHandle_14k7q_37 {
  grid-area: right;
  justify-self: start;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/Editor/components/Nav/styles.module.css/#css-module-data */
._Nav_1g4tk_1 {
  display: flex;
  align-items: center;
  padding: 10px 0;
  padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
}
@media (min-width: 638px) {
  ._Nav_1g4tk_1 {
    flex-direction: column;
    height: 100%;
    padding: 0;
    padding-bottom: 0;
    align-items: stretch;
  }
}
._Nav-list_1g4tk_18 {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  gap: 12px;
  justify-content: center;
  flex: 1;
}
@media (min-width: 638px) {
  ._Nav-list_1g4tk_18 {
    padding-top: 16px;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto;
    justify-content: flex-start;
  }
}
._Nav-footer_1g4tk_42 {
  display: none;
}
@media (min-width: 638px) {
  ._Nav-footer_1g4tk_42 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0;
  }
}
._NavItem-link_1g4tk_55 {
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--editor-text-secondary);
  display: flex;
  text-decoration: none;
  cursor: pointer;
  border-radius: var(--editor-radius-md);
  padding: 6px;
  box-sizing: border-box;
  transition: background-color var(--editor-motion-fast) var(--editor-ease), color var(--editor-motion-fast) var(--editor-ease);
  border: 0;
  width: 38px;
  height: 38px;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 638px) {
  ._NavItem-link_1g4tk_55 {
    padding: 4px;
    width: 32px;
    height: 32px;
  }
}
._NavItem-linkLabel_1g4tk_83 {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
._NavItem_1g4tk_55:first-of-type {
  padding-left: 0;
}
._NavItem_1g4tk_55:last-of-type {
  padding-right: 0;
}
@media (min-width: 638px) {
  ._NavItem_1g4tk_55:first-of-type,
  ._NavItem_1g4tk_55:last-of-type {
    padding: 0;
  }
}
._NavItem-linkIcon_1g4tk_108 {
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._NavItem-linkIcon_1g4tk_108 svg {
  width: 18px;
  height: 18px;
}
._NavItem--active_1g4tk_121 > ._NavItem-link_1g4tk_55 {
  background-color: var(--editor-accent-soft);
  color: var(--editor-text-accent);
}
._NavItem_1g4tk_55:not(._NavItem--active_1g4tk_121) > ._NavItem-link_1g4tk_55:hover {
  background-color: var(--editor-surface-hover);
  color: var(--editor-text-accent);
}
@media (min-width: 638px) {
  ._NavItem--mobileOnly_1g4tk_132 {
    display: none;
  }
}
._NavItem--desktopOnly_1g4tk_137 {
  display: none;
}
@media (min-width: 638px) {
  ._NavItem--desktopOnly_1g4tk_137 {
    display: block;
  }
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/blocks/styles.module.css/#css-module-data */
._BlocksPlugin_15ud0_1 {
  padding: 16px;
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
._BlocksPlugin_15ud0_1::-webkit-scrollbar {
  display: none;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/outline/styles.module.css/#css-module-data */
._OutlinePlugin_q92j6_1 {
  padding: 16px;
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
}

/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/plugins/fields/styles.module.css/#css-module-data */
._FieldsPlugin_262zt_1 {
  background: white;
  height: 100%;
  overflow-y: auto;
}
._FieldsPlugin-header_262zt_7 {
  border-bottom: 1px solid var(--editor-color-grey-09);
  font-weight: 600;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
}
@media (min-width: 638px) {
  ._FieldsPlugin-header_262zt_7 {
    padding: 16px;
  }
}