/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!../../node_modules/.pnpm/next@14.2.35_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/builder/builder.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.builder_builder__AbReP {
  height: 100vh;
  overflow: hidden;
  background: #0b1020;
  color: #e5e7eb;
}

.builder_topbar__DCdtm {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 30;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
  height: 48px;
  padding: 0 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background: #111827;
  flex-shrink: 0;
}

.builder_topbarLeft__97VAB,
.builder_topbarCenter__3ySAi,
.builder_topbarRight__lOaWA {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.builder_topbarCenter__3ySAi {
  justify-content: center;
}

.builder_topbarRight__lOaWA {
  justify-content: flex-end;
}

.builder_projectTitleWrap__fltbE {
  min-width: 0;
}

.builder_projectTitle__Yn9Bu {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8rem;
  font-weight: 600;
  color: #f3f4f6;
}

.builder_projectSubtitle__KFaZp {
  margin-top: 0.1rem;
  font-size: 0.675rem;
  color: #6b7280;
  text-transform: capitalize;
}

.builder_projectHint__MMn_L {
  margin-top: 0.1rem;
  font-size: 0.675rem;
  color: #4b5563;
}

.builder_topbarActionGroup__KmJxe {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding-left: 0.625rem;
  border-left: 1px solid rgba(255, 255, 255, 0.07);
}

.builder_topbarActionGroupPrimary__ia1OI {
  padding-left: 0.625rem;
}

.builder_saveBtn__gmkeK,
.builder_secondaryBtn__TWqIy,
.builder_dangerBtn__4WpCi,
.builder_exitBtn__a8lrs,
.builder_breakpointBtn__hE7hu,
.builder_railButton__DYOwo,
.builder_assetTab__rLcKU,
.builder_classRow__PqVhv,
.builder_datasourceCard__oyuif,
.builder_toolbarAction__dcdpi,
.builder_documentCard__aDny7,
.builder_elementButton__h9uD5,
.builder_inspectorTab__iYhxu {
  transition: all 100ms ease;
}

.builder_saveBtn__gmkeK,
.builder_secondaryBtn__TWqIy,
.builder_dangerBtn__4WpCi,
.builder_exitBtn__a8lrs {
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}

.builder_saveBtn__gmkeK {
  background: #3b82f6;
  color: #ffffff;
}

.builder_saveBtn__gmkeK:hover:not(:disabled) {
  background: #2563eb;
}

.builder_secondaryBtn__TWqIy {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: #d1d5db;
}

.builder_secondaryBtn__TWqIy:hover:not(:disabled),
.builder_exitBtn__a8lrs:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  color: #f3f4f6;
}

.builder_dangerBtn__4WpCi {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.1);
  color: #f87171;
}

.builder_dangerBtn__4WpCi:hover:not(:disabled),
.builder_deleteNodeBtn__qb8Ou:hover:not(:disabled) {
  border-color: rgba(239, 68, 68, 0.5);
  background: rgba(239, 68, 68, 0.2);
}

.builder_exitBtn__a8lrs {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.04);
  color: #9ca3af;
  text-decoration: none;
  flex-shrink: 0;
}

.builder_exitBtn__a8lrs:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #f3f4f6;
}

.builder_saveBtn__gmkeK:disabled,
.builder_secondaryBtn__TWqIy:disabled,
.builder_dangerBtn__4WpCi:disabled,
.builder_toolbarAction__dcdpi:disabled,
.builder_elementButton__h9uD5:disabled,
.builder_deleteNodeBtn__qb8Ou:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.builder_breakpointBtn__hE7hu {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  color: #6b7280;
  border-radius: 5px;
  padding: 0.3rem 0.5rem;
  font-size: 0.7rem;
  font-weight: 500;
  cursor: pointer;
}

.builder_breakpointBtn__hE7hu:hover {
  border-color: rgba(59, 130, 246, 0.4);
  color: #d1d5db;
}

.builder_breakpointBtnActive__TyaqP {
  border-color: rgba(59, 130, 246, 0.5);
  background: rgba(59, 130, 246, 0.12);
  color: #93c5fd;
}

.builder_zoomControls__YRvfg {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.builder_zoomValue__feytF {
  min-width: 2.5rem;
  text-align: center;
  font-size: 0.7rem;
  font-weight: 500;
  color: #9ca3af;
}

.builder_errorBanner__t9Vj2 {
  margin: 0.5rem 0.75rem 0;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 6px;
  background: rgba(239, 68, 68, 0.08);
  color: #fca5a5;
  font-size: 0.7rem;
}

.builder_editorShell__ect7E {
  display: flex;
  height: calc(100vh - 48px);
  overflow: hidden;
}

.builder_iconRail__N0au1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  width: 44px;
  min-width: 44px;
  padding: 0.5rem 0;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  background: #111827;
  flex-shrink: 0;
}

.builder_railSpacer__wzlDO {
  flex: 1 1;
}

.builder_railButton__DYOwo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #4b5563;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_railButton__DYOwo:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #d1d5db;
}

.builder_railButtonActive__CuRoR {
  background: rgba(59, 130, 246, 0.15);
  color: #60a5fa;
}

.builder_contextPanel__7VwFH {
  display: flex;
  flex-direction: column;
  width: 240px;
  min-width: 240px;
  min-height: 0;
  overflow: hidden;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  background: #1f2937;
  color: #e5e7eb;
  transition: width 200ms ease, min-width 200ms ease;
}

.builder_contextPanelCollapsed__C06Ft {
  width: 0;
  min-width: 0;
  border-right: none;
  overflow: hidden;
}

.builder_rightPanel__HJ_s3 {
  display: flex;
  flex-direction: column;
  width: 260px;
  min-width: 260px;
  min-height: 0;
  overflow: hidden;
  border-left: 1px solid #e2e8f0;
  background: #ffffff;
  color: #374151;
  transition: width 200ms ease, min-width 200ms ease;
}

.builder_rightPanelCollapsed__4UhFZ {
  width: 0;
  min-width: 0;
  border-left: none;
  overflow: hidden;
}

.builder_rightPanelHeader__qs_d8 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
}

.builder_rightPanelTitle__mC0cH {
  font-size: 0.75rem;
  font-weight: 600;
  color: #374151;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.builder_panelCollapseButton__Z0WR_ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #ffffff;
  color: #6b7280;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_panelCollapseButton__Z0WR_:hover {
  background: #f3f4f6;
  color: #374151;
  border-color: #d1d5db;
}

.builder_rightPanelExpandHandle__eQZ_p {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-right: none;
  border-radius: 6px 0 0 6px;
  background: rgba(31, 41, 55, 0.95);
  color: #9ca3af;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_rightPanelExpandHandle__eQZ_p:hover {
  background: #374151;
  color: #f3f4f6;
}

.builder_canvasShell__Je5oV {
  flex: 1 1;
  min-width: 0;
}

.builder_panelHeaderBlock__Vctdd {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 4;
  padding: 0.875rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(31, 41, 55, 0.95);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.builder_panelHeader__qEC5X {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #f3f4f6;
}

.builder_panelSubcopy__2QuRi {
  margin-top: 0.35rem;
  color: #9ca3af;
  font-size: 0.75rem;
  line-height: 1.4;
}

.builder_panelSearchWrap__wwwsD {
  margin-top: 0.65rem;
}

.builder_panelSearch__P_emn {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.05);
  color: #f3f4f6;
  padding: 0.5rem 0.75rem;
  font-size: 0.8rem;
  outline: none;
}

.builder_panelSearch__P_emn::placeholder {
  color: #6b7280;
}

.builder_panelSearch__P_emn:focus {
  border-color: #3b82f6;
  background: rgba(255, 255, 255, 0.08);
}

.builder_panelEmpty__twjKE {
  padding: 1rem;
  color: #9ca3af;
  font-size: 0.8rem;
  line-height: 1.5;
}

.builder_elementsPanel__5rXDD,
.builder_settingsPanel__YBUsL,
.builder_datasourceIntro__eRauF,
.builder_classEditor__JRaVG {
  padding: 0.75rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.builder_elementsPanel__5rXDD::-webkit-scrollbar,
.builder_settingsPanel__YBUsL::-webkit-scrollbar,
.builder_datasourceIntro__eRauF::-webkit-scrollbar,
.builder_classEditor__JRaVG::-webkit-scrollbar {
  display: none;
}

.builder_inspector__7uNFG {
  padding: 0.75rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.builder_inspector__7uNFG::-webkit-scrollbar {
  display: none;
}

.builder_elementsPanel__5rXDD,
.builder_classEditor__JRaVG {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.builder_inspector__7uNFG {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.builder_elementGroup__rk_Fp {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.builder_elementGroupTitle__ExvWD {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.25rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #9ca3af;
  cursor: pointer;
}

.builder_elementGroupTitle__ExvWD:hover {
  color: #e5e7eb;
}

.builder_elementGrid__P5GlM {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 0.375rem;
  gap: 0.375rem;
}

.builder_elementButton__h9uD5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.03);
  padding: 0.5rem 0.375rem;
  text-align: center;
  color: #d1d5db;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_elementIcon__LFNcz {
  font-size: 1rem;
  line-height: 1;
  opacity: 0.8;
}

.builder_elementLabel__vQvWO {
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.2;
  opacity: 0.9;
}

.builder_elementButton__h9uD5:hover:not(:disabled) {
  border-color: rgba(59, 130, 246, 0.4);
  background: rgba(59, 130, 246, 0.1);
  color: #f3f4f6;
}

.builder_documentCard__aDny7:hover,
.builder_assetCard__tXhqU:hover,
.builder_datasourceCard__oyuif:hover,
.builder_classRow__PqVhv:hover {
  border-color: #93c5fd;
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(15, 23, 42, 0.08);
}

.builder_documentCard__aDny7 {
  width: calc(100% - 0.75rem);
  margin: 0.375rem;
  padding: 0.625rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.03);
  text-align: left;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_documentCardSelected__hJ3bu {
  border-color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
}

.builder_documentTitle__NuyLX {
  font-size: 0.8rem;
  font-weight: 600;
  color: #f3f4f6;
}

.builder_documentMeta__Bc0EK {
  font-size: 0.7rem;
  color: #9ca3af;
}

.builder_tree__qJgWu {
  padding: 0.25rem 0;
}

.builder_treeRow__FhRvO {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  border: 0;
  background: transparent;
  padding: 0.375rem 0.75rem;
  text-align: left;
  cursor: pointer;
  font-size: 0.75rem;
  color: #d1d5db;
  transition: background 80ms ease;
}

.builder_treeRow__FhRvO:hover {
  background: rgba(255, 255, 255, 0.05);
}

.builder_treeRowSelected__OLHDb {
  background: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
}

.builder_treeRowDragging__qK7i5 {
  opacity: 0.55;
}

.builder_treeRowDropInside__nxR7u {
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.4);
  background: rgba(59, 130, 246, 0.1);
}

.builder_treeDropZone__DqIf6 {
  display: block;
  width: calc(100% - 12px);
  height: 8px;
  margin-right: 12px;
  border: 0;
  background: transparent;
  cursor: copy;
}

.builder_treeDropZoneActive__Kx4aX {
  position: relative;
}

.builder_treeDropZoneActive__Kx4aX::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  height: 3px;
  border-radius: 999px;
  background: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

.builder_treeType__kDfVF {
  flex-shrink: 0;
  min-width: 3rem;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.builder_treeName__XGeRQ {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.86rem;
  color: #0f172a;
}

.builder_assetTabs__Kp2CF,
.builder_inspectorTabs__tTIn9 {
  display: flex;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem 0;
}

.builder_assetTab__rLcKU,
.builder_inspectorTab__iYhxu {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #ffffff;
  color: #6b7280;
  padding: 0.375rem 0.625rem;
  font-size: 0.7rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_assetTabActive__IQzC_,
.builder_inspectorTabActive__ZdcRa {
  border-color: #3b82f6;
  background: #eff6ff;
  color: #2563eb;
}

.builder_assetSearchWrap__Pr4R_ {
  padding: 0.625rem 0.75rem 0;
}

.builder_assetSearch__C0T_Y,
.builder_inspectorInput__HGww5,
.builder_inspectorTextarea__ZTSEB,
.builder_titleInput__Csfl_ {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #ffffff;
  color: #374151;
  font-size: 0.75rem;
  outline: none;
  transition: border-color 100ms ease;
}

.builder_assetSearch__C0T_Y,
.builder_inspectorInput__HGww5 {
  padding: 0.5rem 0.625rem;
}

.builder_titleInput__Csfl_ {
  margin-top: 0.5rem;
  padding: 0.625rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
}

.builder_assetSearch__C0T_Y:focus,
.builder_inspectorInput__HGww5:focus,
.builder_inspectorTextarea__ZTSEB:focus,
.builder_titleInput__Csfl_:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

.builder_inspectorTextarea__ZTSEB {
  min-height: 72px;
  resize: vertical;
  padding: 0.5rem 0.625rem;
}

.builder_assetGrid__Ch09K,
.builder_datasourceGrid__HeB8T {
  display: grid;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
}

.builder_assetGrid__Ch09K {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.builder_datasourceGrid__HeB8T {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.builder_assetCard__tXhqU,
.builder_datasourceCard__oyuif {
  border: 1px solid #dbe3f0;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.builder_assetCard__tXhqU {
  min-height: 112px;
  padding: 0.95rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  background:
    linear-gradient(180deg, rgba(96, 165, 250, 0.1), rgba(255, 255, 255, 0)),
    #ffffff;
}

.builder_assetCardType__D2hR3 {
  display: inline-flex;
  align-items: center;
  padding: 0.26rem 0.5rem;
  border-radius: 999px;
  background: #eff6ff;
  color: #2563eb;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.builder_assetCardLabel__0ZE3N {
  margin-top: auto;
  font-size: 0.88rem;
  font-weight: 700;
  color: #0f172a;
}

/* ─── Assets panel redesign ─────────────────────────────────────────── */

.builder_assetTabBar__eGwyO {
  display: flex;
  gap: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  flex-shrink: 0;
}

.builder_assetTabBtn__prhnA {
  flex: 1 1;
  padding: 0.5rem 0;
  font-size: 0.7rem;
  font-weight: 500;
  color: #6b7280;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_assetTabBtn__prhnA:hover {
  color: #d1d5db;
}

.builder_assetTabBtnActive__L3cJr {
  color: #60a5fa;
  border-bottom-color: #3b82f6;
}

/* ── Uploads ── */
.builder_uploadsPanel__zD9hR {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-height: 0;
  overflow: hidden;
}

.builder_uploadsPanelHeader__JBhu2 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.5rem 0.625rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
}

.builder_assetSearchInput__Zi1Ua {
  width: 100%;
  padding: 0.375rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  color: #f3f4f6;
  font-size: 0.7rem;
  outline: none;
  box-sizing: border-box;
}

.builder_assetSearchInput__Zi1Ua::placeholder { color: #4b5563; }
.builder_assetSearchInput__Zi1Ua:focus { border-color: #3b82f6; }

.builder_uploadsPanelActions__6BbOd {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.builder_viewModeBtn__HOeEY {
  width: 24px;
  height: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 3px;
  background: transparent;
  color: #4b5563;
  font-size: 0.75rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.builder_viewModeBtn__HOeEY:hover { color: #9ca3af; }
.builder_viewModeBtnActive__RE9VN { color: #60a5fa; border-color: rgba(59, 130, 246, 0.4); background: rgba(59, 130, 246, 0.08); }

.builder_uploadBtn__UCxHZ {
  margin-left: auto;
  padding: 0.3rem 0.5rem;
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 4px;
  background: rgba(59, 130, 246, 0.1);
  color: #93c5fd;
  font-size: 0.625rem;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}

.builder_uploadBtn__UCxHZ:hover { background: rgba(59, 130, 246, 0.18); }

.builder_uploadsLayout__dDuo3 {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-height: 0;
  overflow: hidden;
}

.builder_folderTree__8yxHq {
  flex-shrink: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding: 0.25rem 0;
  max-height: 160px;
  overflow-y: auto;
  scrollbar-width: none;
}

.builder_folderTree__8yxHq::-webkit-scrollbar { display: none; }

.builder_folderRow__8sVa2 {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  width: 100%;
  padding: 0.3rem 0.5rem;
  border: none;
  background: transparent;
  color: #9ca3af;
  font-size: 0.7rem;
  cursor: pointer;
  text-align: left;
  transition: background 80ms ease;
}

.builder_folderRow__8sVa2:hover { background: rgba(255, 255, 255, 0.04); color: #d1d5db; }
.builder_folderRowSelected__xSewt { background: rgba(59, 130, 246, 0.1); color: #93c5fd; }

.builder_folderChevron__o6l2s {
  font-size: 0.75rem;
  width: 10px;
  display: inline-block;
  color: #6b7280;
  transition: transform 100ms ease;
  line-height: 1;
}

.builder_folderChevronOpen__XhC_d { transform: rotate(90deg); }
.builder_folderChevronSpacer__qZwW1 { width: 10px; display: inline-block; }

.builder_folderIcon__ghuhi { color: #fbbf24; flex-shrink: 0; }
.builder_folderRowSelected__xSewt .builder_folderIcon__ghuhi { color: #60a5fa; }

.builder_folderName__gMp5j { flex: 1 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.builder_folderCount__8arC_ {
  font-size: 0.6rem;
  color: #4b5563;
  min-width: 12px;
  text-align: right;
}

.builder_fileArea__KrjKq {
  flex: 1 1;
  overflow-y: auto;
  scrollbar-width: none;
  padding: 0.5rem;
}

.builder_fileArea__KrjKq::-webkit-scrollbar { display: none; }

.builder_emptyFileArea__Rg4DY {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 120px;
  gap: 0.5rem;
}

.builder_emptyFileIcon__DG7Fx { font-size: 1.5rem; opacity: 0.4; }

.builder_emptyFileText__ph7m6 {
  font-size: 0.675rem;
  color: #4b5563;
  text-align: center;
}

.builder_fileGrid__kJhmA {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.375rem;
  gap: 0.375rem;
}

.builder_fileCard__pr5VB {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.03);
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_fileCard__pr5VB:hover { border-color: rgba(59, 130, 246, 0.4); background: rgba(59, 130, 246, 0.07); }

.builder_fileCardThumb__5uCwj {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 3px;
}

.builder_fileCardIcon__khwJW {
  width: 100%;
  aspect-ratio: 4/3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 3px;
}

.builder_fileCardName__RM00O {
  font-size: 0.55rem;
  color: #9ca3af;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.builder_fileList__s8meu { display: flex; flex-direction: column; gap: 1px; }

.builder_fileListRow__fa3uM {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.25rem;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 4px;
  transition: background 80ms ease;
}

.builder_fileListRow__fa3uM:hover { background: rgba(255, 255, 255, 0.04); }

.builder_fileListIcon__Yt1R_ { font-size: 0.875rem; flex-shrink: 0; }
.builder_fileListName__1HqcS { flex: 1 1; font-size: 0.7rem; color: #d1d5db; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.builder_fileListSize__wDgVD { font-size: 0.625rem; color: #4b5563; flex-shrink: 0; }

/* ── Stock ── */
.builder_stockPanel__s6Mc6 {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-height: 0;
  overflow: hidden;
}

.builder_stockProviderBar__R0BvT {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.625rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
}

.builder_stockProviderBtn__blaJ3 {
  padding: 0.3rem 0.625rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  background: transparent;
  color: #6b7280;
  font-size: 0.7rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_stockProviderBtn__blaJ3:hover { color: #d1d5db; }
.builder_stockProviderBtnActive__pCr5F { border-color: rgba(59, 130, 246, 0.5); background: rgba(59, 130, 246, 0.1); color: #93c5fd; }

.builder_stockKeyBtn__sZ0Lf {
  margin-left: auto;
  width: 26px;
  height: 26px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  background: transparent;
  font-size: 0.75rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
}

.builder_stockKeyBtn__sZ0Lf:hover { background: rgba(255, 255, 255, 0.06); color: #d1d5db; }

.builder_apiKeyBox__mZZd5 {
  padding: 0.625rem;
  background: rgba(59, 130, 246, 0.06);
  border-bottom: 1px solid rgba(59, 130, 246, 0.2);
  flex-shrink: 0;
}

.builder_apiKeyLabel__Ope6Q {
  font-size: 0.65rem;
  color: #93c5fd;
  margin-bottom: 0.375rem;
  line-height: 1.4;
}

.builder_apiKeyInput__SVpK0 {
  width: 100%;
  padding: 0.375rem 0.5rem;
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.3);
  color: #f3f4f6;
  font-size: 0.7rem;
  outline: none;
  box-sizing: border-box;
  font-family: monospace;
}

.builder_apiKeyInput__SVpK0:focus { border-color: #3b82f6; }

.builder_apiKeyActions__x_jPJ {
  display: flex;
  gap: 0.375rem;
  margin-top: 0.375rem;
}

.builder_apiKeySaveBtn__u0cKu {
  padding: 0.3rem 0.625rem;
  border: none;
  border-radius: 3px;
  background: #3b82f6;
  color: white;
  font-size: 0.675rem;
  font-weight: 500;
  cursor: pointer;
}

.builder_apiKeySaveBtn__u0cKu:hover { background: #2563eb; }

.builder_apiKeyCancelBtn__AOFs7 {
  padding: 0.3rem 0.625rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  background: transparent;
  color: #9ca3af;
  font-size: 0.675rem;
  cursor: pointer;
}

.builder_stockSearchBar__OwOCK {
  display: flex;
  gap: 0.25rem;
  padding: 0.5rem 0.625rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
}

.builder_stockSearchInput__kUvaE {
  flex: 1 1;
  padding: 0.375rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  color: #f3f4f6;
  font-size: 0.7rem;
  outline: none;
}

.builder_stockSearchInput__kUvaE::placeholder { color: #4b5563; }
.builder_stockSearchInput__kUvaE:focus { border-color: #3b82f6; }

.builder_stockSearchBtn__7hdkk {
  width: 28px;
  height: 28px;
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 4px;
  background: rgba(59, 130, 246, 0.1);
  color: #93c5fd;
  font-size: 0.875rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.builder_stockSearchBtn__7hdkk:hover { background: rgba(59, 130, 246, 0.2); }

.builder_stockNotice__jIcKT {
  padding: 1rem 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.7rem;
  color: #6b7280;
  text-align: center;
  line-height: 1.5;
}

.builder_stockNoticeCta__WGhyW {
  padding: 0.375rem 0.75rem;
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 4px;
  background: rgba(59, 130, 246, 0.1);
  color: #93c5fd;
  font-size: 0.675rem;
  font-weight: 500;
  cursor: pointer;
}

.builder_stockGrid__CEsDO {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.375rem;
  gap: 0.375rem;
  padding: 0.5rem;
  overflow-y: auto;
  scrollbar-width: none;
  flex: 1 1;
}

.builder_stockGrid__CEsDO::-webkit-scrollbar { display: none; }

.builder_stockPhotoCard__G7yLc {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.03);
  padding: 0;
  transition: border-color 100ms ease;
}

.builder_stockPhotoCard__G7yLc:hover { border-color: rgba(59, 130, 246, 0.5); }

.builder_stockPhotoThumb__os2sh {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
}

.builder_stockPhotoCreditOverlay__5ZJCf {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.25rem 0.375rem;
  background: linear-gradient(transparent, rgba(0,0,0,0.6));
  opacity: 0;
  transition: opacity 100ms ease;
}

.builder_stockPhotoCard__G7yLc:hover .builder_stockPhotoCreditOverlay__5ZJCf { opacity: 1; }

.builder_stockPhotoCredit__s4c7P {
  font-size: 0.575rem;
  color: rgba(255, 255, 255, 0.85);
}

.builder_stockLoading__0Ncsr {
  padding: 1rem;
  text-align: center;
  font-size: 0.7rem;
  color: #6b7280;
}

/* ── Icons ── */
.builder_iconsPanel__3KSBP {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  min-height: 0;
  overflow: hidden;
}

.builder_iconSearchBar__UkH46 {
  padding: 0.5rem 0.625rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
}

.builder_iconSearchInput__cdH97 {
  width: 100%;
  padding: 0.375rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  color: #f3f4f6;
  font-size: 0.7rem;
  outline: none;
  box-sizing: border-box;
}

.builder_iconSearchInput__cdH97::placeholder { color: #4b5563; }
.builder_iconSearchInput__cdH97:focus { border-color: #3b82f6; }

.builder_iconCollectionBar__NYhX9 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.5rem 0.625rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
  max-height: 80px;
  overflow-y: auto;
  scrollbar-width: none;
}

.builder_iconCollectionBar__NYhX9::-webkit-scrollbar { display: none; }

.builder_iconCollectionBtn__kU6V6 {
  padding: 0.2rem 0.4rem;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 3px;
  background: transparent;
  color: #6b7280;
  font-size: 0.6rem;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: all 80ms ease;
}

.builder_iconCollectionBtn__kU6V6:hover { color: #d1d5db; border-color: rgba(255, 255, 255, 0.15); }
.builder_iconCollectionBtnActive__G7Par { border-color: rgba(59, 130, 246, 0.5); background: rgba(59, 130, 246, 0.1); color: #93c5fd; }

.builder_iconLoading__ZvQ3u {
  padding: 1rem;
  text-align: center;
  font-size: 0.7rem;
  color: #6b7280;
}

.builder_iconGrid__7lORd {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 0.25rem;
  gap: 0.25rem;
  padding: 0.5rem;
  overflow-y: auto;
  scrollbar-width: none;
  flex: 1 1;
}

.builder_iconGrid__7lORd::-webkit-scrollbar { display: none; }

.builder_iconGridBtn__J1R7X {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  padding: 0.375rem 0.25rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
  transition: all 80ms ease;
}

.builder_iconGridBtn__J1R7X:hover {
  border-color: rgba(59, 130, 246, 0.4);
  background: rgba(59, 130, 246, 0.08);
}

.builder_iconGridImg__5UiJE {
  width: 18px;
  height: 18px;
  filter: invert(1) brightness(0.7);
}

.builder_iconGridBtn__J1R7X:hover .builder_iconGridImg__5UiJE {
  filter: invert(1) brightness(1);
}

.builder_iconGridLabel__jMT_T {
  font-size: 0.5rem;
  color: #4b5563;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  line-height: 1.2;
}

.builder_datasourceIntro__eRauF {
  color: #475569;
  line-height: 1.55;
}

.builder_datasourceCard__oyuif {
  padding: 1rem;
  text-align: left;
  color: #0f172a;
  font-size: 0.87rem;
  font-weight: 700;
}

.builder_classEditor__JRaVG {
  gap: 0.85rem;
}

.builder_classList__yDxlE,
.builder_mediaQueryList__4VQMj {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.builder_classRow__PqVhv,
.builder_mediaQueryRow__xdIOR {
  border: 1px solid #dbe3f0;
  border-radius: 12px;
  background: #ffffff;
  padding: 0.7rem 0.8rem;
  text-align: left;
  color: #1e293b;
  font-size: 0.84rem;
  font-weight: 700;
}

.builder_classPanel__I77JR {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.95rem;
  border: 1px solid #dbe3f0;
  border-radius: 16px;
  background: #ffffff;
}

.builder_mediaQueryRow__xdIOR {
  color: #475569;
}

.builder_settingsPanel__YBUsL {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.builder_canvasShell__Je5oV {
  flex: 1 1;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #111827;
  position: relative;
}

.builder_canvasToolbar__aHJ4k {
  display: flex;
  flex-direction: column;
  padding: 0 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(17, 24, 39, 0.95);
  flex-shrink: 0;
}

.builder_canvasToolbarRow__BoKRe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  height: 36px;
}

.builder_canvasToolbarContext__Hsnqg {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.builder_topbarDivider__T0hTz {
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
}

.builder_selectionCrumb__ifv5y {
  font-size: 0.675rem;
  font-weight: 500;
  color: #93c5fd;
  padding: 0.2rem 0.4rem;
  border-radius: 3px;
  background: rgba(59, 130, 246, 0.12);
}

.builder_selectionCrumbEmpty__Mpf2b {
  font-size: 0.675rem;
  color: #4b5563;
}

.builder_hoverCrumb__sqQ_t {
  font-size: 0.675rem;
  color: #6b7280;
  padding: 0.2rem 0.4rem;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.04);
}

.builder_toolbarMiniBtn__UDE4f {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  color: #6b7280;
  border-radius: 3px;
  padding: 0.2rem 0.4rem;
  font-size: 0.625rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 80ms ease;
}

.builder_toolbarMiniBtn__UDE4f:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.06);
  color: #d1d5db;
}

.builder_toolbarMiniBtn__UDE4f:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.builder_zoomBtn__z0SOs {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  color: #6b7280;
  border-radius: 3px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 80ms ease;
}

.builder_zoomBtn__z0SOs:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #d1d5db;
}

.builder_toolbarLabel__VstTn {
  font-size: 0.7rem;
  font-weight: 500;
  color: #9ca3af;
}

.builder_toolbarPill__YJBAE {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
  background: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
  font-size: 0.675rem;
  font-weight: 500;
}

.builder_toolbarHint__xVr72 {
  font-size: 0.65rem;
  color: #6b7280;
  font-weight: 500;
}

.builder_selectionSummary__PKxHC,
.builder_hoverSummary__1kSk1 {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
}

.builder_selectionLabel__qWoPa {
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #6b7280;
}

.builder_selectionValue__e404B,
.builder_selectionEmpty__L7oA4 {
  font-size: 0.7rem;
  font-weight: 500;
}

.builder_selectionValue__e404B {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #f3f4f6;
}

.builder_selectionEmpty__L7oA4 {
  color: #9ca3af;
}

.builder_selectionActionGroup__75bhN,
.builder_quickInsertGroup__zXB5y {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: wrap;
}

.builder_quickInsertGroup__zXB5y {
  padding-left: 0.625rem;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.builder_quickInsertLabel__103DA {
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #6b7280;
}

.builder_toolbarAction__dcdpi {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  color: #d1d5db;
  border-radius: 4px;
  padding: 0.375rem 0.625rem;
  font-size: 0.675rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_toolbarAction__dcdpi:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
  color: #f3f4f6;
}

.builder_toolbarAction__dcdpi:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.builder_workspaceBackdrop__GWB8c {
  flex: 1 1;
  overflow: auto;
  background:
    linear-gradient(rgba(55, 65, 81, 0.3) 1px, transparent 1px),
    linear-gradient(90deg, rgba(55, 65, 81, 0.3) 1px, transparent 1px),
    #111827;
  background-size: 20px 20px;
  cursor: default;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.builder_workspaceBackdrop__GWB8c::-webkit-scrollbar {
  display: none;
}

.builder_workspacePanning__iAD23 {
  cursor: -webkit-grab;
  cursor: grab;
}

.builder_workspacePanning__iAD23:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.builder_artboardWrap__IZs9c {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem;
  min-width: -moz-fit-content;
  min-width: fit-content;
  min-height: 100%;
}

.builder_artboardScale__4mLjj {
  transform-origin: top center;
}

.builder_canvasInner__3APg7 {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.builder_canvasLabel__xZG1w {
  padding: 0.75rem 0.75rem 0;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7280;
}

.builder_previewCard__rDrnO {
  margin: 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
}

.builder_previewHeader__SDWAG {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
  color: #6b7280;
  font-size: 0.7rem;
  font-weight: 500;
}

.builder_canvasBreadcrumbBar__VGZIk {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  align-items: center;
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  background: #fcfdff;
}

.builder_canvasBreadcrumb___5tUF,
.builder_canvasBreadcrumbEmpty__ysauJ {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border-radius: 999px;
  font-size: 0.76rem;
}

.builder_canvasBreadcrumb___5tUF {
  border: 1px solid #dbe3f0;
  background: #ffffff;
  color: #475569;
  padding: 0.4rem 0.72rem;
  font-weight: 700;
  cursor: pointer;
}

.builder_canvasBreadcrumb___5tUF:hover {
  border-color: #93c5fd;
  color: #1d4ed8;
}

.builder_canvasBreadcrumbActive__r_md1 {
  border-color: #93c5fd;
  background: #dbeafe;
  color: #1d4ed8;
}

.builder_canvasBreadcrumbDivider__txJcM,
.builder_inspectorPathDivider__Q_yfa {
  color: #94a3b8;
}

.builder_canvasBreadcrumbEmpty__ysauJ {
  color: #64748b;
}

.builder_previewFrame__skUrK {
  width: 100%;
  background: #ffffff;
  min-height: 760px;
}

.builder_previewSite__O2tZ6 {
  display: flex;
  flex-direction: column;
  min-height: 760px;
  background: #f6f6f8;
}

.builder_previewSiteHeader__XgDY9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1rem 1.2rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.88);
}

.builder_previewLogo__PSyvY {
  font-size: 1.2rem;
  font-weight: 900;
  color: #1111d4;
}

.builder_previewNav__Pb33t {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  color: #344054;
  font-size: 0.9rem;
  font-weight: 700;
}

.builder_previewSearch__t5KhN {
  min-width: 220px;
  padding: 0.7rem 0.95rem;
  border: 1px solid #e4e7ec;
  border-radius: 14px;
  background: #ffffff;
  color: #98a2b3;
  font-size: 0.88rem;
}

.builder_previewCanvas__ORuKM {
  flex: 1 1;
  padding: 1.75rem 0 2.25rem;
  outline: none;
}

.builder_previewSiteFooter__XJgye {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 1.5rem;
  gap: 1.5rem;
  padding: 1.5rem 1.2rem 1.8rem;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  background: #ffffff;
}

.builder_previewFooterColumn__yS06s {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.builder_previewFooterTitle__Jmruj,
.builder_previewFooterHeading__ikYai {
  font-weight: 800;
  color: #0f172a;
}

.builder_previewFooterTitle__Jmruj {
  color: #1111d4;
}

.builder_previewFooterText__MZMKx {
  color: #667085;
  line-height: 1.7;
}

.builder_canvasNodeGroup__VIkm_ {
  position: relative;
  margin-top: 24px;
}

.builder_canvasNodeGroup__VIkm_:first-child {
  margin-top: 0;
}

.builder_canvasNodeShell__PMq1u {
  position: relative;
  border: 1px dashed rgba(148, 163, 184, 0.05);
  border-radius: 18px;
  overflow: visible;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    background-color 160ms ease,
    transform 160ms ease;
}

.builder_canvasNodeHovered__pIpVt {
  border-color: rgba(59, 130, 246, 0.52);
  background: rgba(219, 234, 254, 0.18);
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.08);
}

.builder_canvasNodeSelected__zr7y5 {
  border-color: rgba(37, 99, 235, 0.88);
  box-shadow:
    inset 0 0 0 1px rgba(37, 99, 235, 0.24),
    0 0 0 4px rgba(37, 99, 235, 0.12);
  background: rgba(219, 234, 254, 0.28);
}

.builder_canvasNodeBadge__aRgXU {
  position: absolute;
  top: 0;
  left: 12px;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  max-width: calc(100% - 24px);
  padding: 0.32rem 0.5rem;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.96);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16);
  transform: translateY(-100%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 120ms ease;
}

.builder_canvasNodeShell__PMq1u:hover > .builder_canvasNodeBadge__aRgXU,
.builder_canvasNodeSelected__zr7y5 > .builder_canvasNodeBadge__aRgXU {
  opacity: 1;
}

.builder_canvasNodeBadgeType__zwHNe {
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #93c5fd;
}

.builder_canvasNodeBadgeName__aDpNN {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.72rem;
  font-weight: 700;
  color: #eff6ff;
}

.builder_canvasNodeContent__QuE4X {
  position: relative;
}

.builder_inlineEditorInput__D3MsR,
.builder_inlineEditorTextarea__EcBjm {
  width: 100%;
  border: 1px solid #60a5fa;
  border-radius: 14px;
  background: #ffffff;
  color: #0f172a;
  outline: none;
  box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.14);
}

.builder_inlineEditorInput__D3MsR {
  min-height: 48px;
  padding: 0.75rem 0.9rem;
  font-size: 0.95rem;
  font-weight: 700;
}

.builder_inlineEditorTextarea__EcBjm {
  min-height: 112px;
  padding: 0.85rem 0.95rem;
  resize: vertical;
  font-size: 1rem;
  line-height: 1.6;
}

.builder_canvasChildren__c5yKp {
  display: contents;
}

.builder_canvasDropZone__TyAVp {
  display: block;
  width: 100%;
  height: 14px;
  border: 0;
  background: transparent;
  cursor: copy;
}

.builder_canvasDropZoneActive__a3jje {
  position: relative;
}

.builder_canvasDropZoneActive__a3jje::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 8px;
  right: 8px;
  height: 4px;
  border-radius: 999px;
  background: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
}

.builder_canvasDropInside__W4nww {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #2563eb;
  padding: 0.28rem 0.55rem;
  font-size: 0.68rem;
  font-weight: 800;
  opacity: 0;
  pointer-events: none;
  transition: opacity 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.builder_canvasNodeShell__PMq1u:hover .builder_canvasDropInside__W4nww,
.builder_canvasNodeSelected__zr7y5 .builder_canvasDropInside__W4nww,
.builder_canvasDropInsideActive__8kGsH {
  opacity: 1;
  pointer-events: auto;
}

.builder_canvasDropInsideActive__8kGsH {
  border-color: rgba(37, 99, 235, 0.48);
  background: #dbeafe;
}

.builder_emptyCanvasState__U1Ro7 {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  text-align: center;
  color: #cbd5e1;
}

.builder_emptyCanvasTitle__SXTXa {
  font-size: 1.3rem;
  font-weight: 800;
  color: #f8fafc;
}

.builder_emptyCanvasText__hrRJJ {
  max-width: 420px;
  line-height: 1.6;
  color: #94a3b8;
}

.builder_inspector__7uNFG {
  gap: 0.65rem;
}

.builder_inspectorSection__ZZIS6 {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
  overflow: hidden;
}

.builder_inspectorSectionHeader__hhJqz {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  padding: 0.375rem 0.75rem;
  border: 0;
  border-bottom: 1px solid #f1f5f9;
  background: #f9fafb;
  cursor: pointer;
  transition: background-color 100ms ease;
}

.builder_inspectorSectionHeader__hhJqz:hover {
  background: #f3f4f6;
}

.builder_inspectorSectionHeaderLeft__fV3qf {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
}

.builder_inspectorSectionTitle__ukP8c {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #64748b;
}

.builder_inspectorSectionBadge__EJOu9 {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.375rem;
  border-radius: 999px;
  background: #dbeafe;
  color: #1d4ed8;
  font-size: 0.625rem;
  font-weight: 600;
}

.builder_inspectorSectionChevron__aU0Eq {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  color: #9ca3af;
  transition: transform 160ms ease;
}

.builder_inspectorSectionChevronOpen___rTdD {
  transform: rotate(180deg);
}

.builder_inspectorSectionContent__rkf32 {
  display: none;
  padding: 0.625rem 0.75rem;
  border-top: 1px solid #e5e7eb;
}

.builder_inspectorSectionContentOpen__534_A {
  display: block;
}

.builder_inspectorPath__4pUAR {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
  padding: 0.5rem 0.625rem;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #f9fafb;
}

.builder_inspectorPathItem__k8x_0 {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.7rem;
  font-weight: 500;
  color: #6b7280;
}

.builder_nodeActionGrid__L5HLY {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.builder_inspectorGroup__Y7tBF,
.builder_inspectorBlock__phFRr,
.builder_styleField___vDkO {
  display: flex;
  flex-direction: column;
}

.builder_inspectorGroup__Y7tBF,
.builder_styleField___vDkO {
  gap: 0.25rem;
}

.builder_styleLabelRow__UsNWu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.builder_resetOverrideButton__cEJhr {
  border: 0;
  background: transparent;
  color: #3b82f6;
  font-size: 0.675rem;
  font-weight: 600;
  cursor: pointer;
}

.builder_breakpointEditingNote__5zAdJ {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #eff6ff;
  color: #1d4ed8;
  padding: 0.5rem 0.625rem;
  font-size: 0.7rem;
  font-weight: 500;
}

.builder_inspectorBlock__phFRr {
  gap: 0.55rem;
}

.builder_inspectorLabel__CJyic {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.builder_inspectorSubTitle__TfeQM {
  font-size: 0.86rem;
  font-weight: 800;
  color: #0f172a;
}

.builder_inspectorValue__ajhkI {
  font-size: 0.9rem;
  color: #0f172a;
}

.builder_styleGrid__RMpj0 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.builder_deleteNodeBtn__qb8Ou {
  width: 100%;
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 4px;
  background: rgba(239, 68, 68, 0.05);
  color: #ef4444;
  padding: 0.5rem 0.75rem;
  font-size: 0.7rem;
  font-weight: 500;
  cursor: pointer;
}

.builder_inspectorJson__yXn5E {
  margin: 0;
  padding: 0.625rem;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #f9fafb;
  overflow: auto;
  color: #374151;
  font-size: 0.7rem;
  line-height: 1.5;
}

@media (max-width: 1500px) {
  .builder_editorShell__ect7E {
    grid-template-columns: 64px 280px minmax(0, 1fr) 320px;
  }
}

@media (max-width: 1280px) {
  .builder_topbar__DCdtm {
    grid-template-columns: 1fr;
    align-items: stretch;
    padding: 1rem;
  }

  .builder_topbarCenter__3ySAi,
  .builder_topbarRight__lOaWA {
    justify-content: flex-start;
  }

  .builder_editorShell__ect7E {
    grid-template-columns: 64px 280px minmax(0, 1fr);
  }

  .builder_rightPanel__HJ_s3 {
    display: none;
  }
}

@media (max-width: 960px) {
  .builder_editorShell__ect7E {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .builder_contextPanel__7VwFH {
    display: none;
  }

  .builder_workspaceBackdrop__GWB8c {
    padding: 1rem;
  }

  .builder_artboardWrap__IZs9c {
    justify-content: flex-start;
    padding: 0 0 2rem;
  }

  .builder_previewSiteHeader__XgDY9,
  .builder_previewSiteFooter__XJgye {
    grid-template-columns: 1fr;
  }
}

/* Component panel styles */
.builder_componentsPanel__rWuQW {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.builder_componentsPanel__rWuQW::-webkit-scrollbar {
  display: none;
}

.builder_componentGrid__uiQxV {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.builder_componentCard__cswLl {
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  overflow: hidden;
  transition: all 100ms ease;
}

.builder_componentCard__cswLl:hover {
  border-color: rgba(59, 130, 246, 0.4);
  background: rgba(59, 130, 246, 0.05);
}

.builder_componentCardPreview__wn4O9 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  background: rgba(255, 255, 255, 0.02);
  cursor: -webkit-grab;
  cursor: grab;
  transition: background 100ms ease;
}

.builder_componentCardPreview__wn4O9:hover {
  background: rgba(255, 255, 255, 0.05);
}

.builder_componentCardPreview__wn4O9:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.builder_componentCardIcon__Rv5Tk {
  color: #6b7280;
  font-size: 1.25rem;
}

.builder_componentCard__cswLl:hover .builder_componentCardIcon__Rv5Tk {
  color: #93c5fd;
}

.builder_componentCardMeta__iVvEQ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.375rem 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.builder_componentCardName__pLoX3 {
  font-size: 0.65rem;
  font-weight: 500;
  color: #d1d5db;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.builder_componentCardDelete__xOMqK {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: none;
  background: transparent;
  color: #6b7280;
  font-size: 0.875rem;
  line-height: 1;
  cursor: pointer;
  border-radius: 3px;
  opacity: 0;
  transition: all 100ms ease;
}

.builder_componentCard__cswLl:hover .builder_componentCardDelete__xOMqK {
  opacity: 1;
}

.builder_componentCardDelete__xOMqK:hover {
  background: #ef4444;
  color: white;
}

/* Color field with swatch */
.builder_colorFieldRow__dvn_d {
  display: flex;
  gap: 0.375rem;
  align-items: center;
}
.builder_colorSwatch__iyl3y {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid var(--color-border, #e5e7eb);
  padding: 2px;
  cursor: pointer;
  flex-shrink: 0;
}

/* Advanced editor */
.builder_advancedEditor__bB0Ii {
  padding: 0.75rem;
}
.builder_advancedEditorSection__ijXoa {}
.builder_advancedEditorLabel__XZSLc {
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 0.375rem;
}
.builder_advancedJsonTextarea__CMVrQ {
  width: 100%;
  background: #0f172a;
  color: #e2e8f0;
  border: 1px solid #334155;
  border-radius: 6px;
  padding: 0.625rem;
  font-family: "Fira Code", "Cascadia Code", "Consolas", monospace;
  font-size: 0.75rem;
  line-height: 1.5;
  resize: vertical;
  box-sizing: border-box;
}
.builder_advancedJsonTextarea__CMVrQ:focus {
  outline: none;
  border-color: #6366f1;
}

/* Inherited link box */
.builder_inheritedLinkBox__usedE {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
  padding: 0.5rem 0.625rem;
  margin-bottom: 0.5rem;
}
.builder_inheritedLinkIcon__taCdc {
  font-size: 0.875rem;
  flex-shrink: 0;
  margin-top: 0.1rem;
}
.builder_inheritedLinkLabel__78ry4 {
  font-size: 0.75rem;
  color: #1e40af;
}
.builder_inheritedLinkUrl__64oUJ {
  font-size: 0.7rem;
  color: #3b82f6;
  word-break: break-all;
  margin-top: 0.125rem;
}
.builder_clearLinkBtn__Ogg5_ {
  display: block;
  width: 100%;
  padding: 0.375rem 0.5rem;
  font-size: 0.75rem;
  color: #dc2626;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  transition: background 0.1s;
}
.builder_clearLinkBtn__Ogg5_:hover {
  background: #fee2e2;
}

/* ─── Mode Toggle ──────────────────────────────────────────────────────────── */

.builder_modeToggle__iWMCz {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
}

.builder_modeToggleBtn__vxLBr {
  padding: 0.375rem 0.75rem;
  border: none;
  background: transparent;
  color: #6b7280;
  font-size: 0.7rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_modeToggleBtn__vxLBr:hover {
  color: #d1d5db;
}

.builder_modeToggleBtnActive__fTzs_ {
  background: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
}

/* ─── Sections Panel ───────────────────────────────────────────────────────── */

.builder_sectionsPanel__Aj5HQ {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.builder_sectionsList__EzPfy {
  flex: 1 1;
  overflow-y: auto;
  scrollbar-width: none;
  padding: 0.5rem;
}

.builder_sectionsList__EzPfy::-webkit-scrollbar {
  display: none;
}

.builder_sectionsEmpty__pdGuw {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  text-align: center;
}

.builder_sectionsEmptyIcon__4YOpJ {
  font-size: 2rem;
  opacity: 0.5;
  margin-bottom: 0.75rem;
}

.builder_sectionsEmptyText__LCESl {
  color: #6b7280;
  font-size: 0.8rem;
  line-height: 1.5;
}

.builder_sectionRow__I_O9l {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.625rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  cursor: pointer;
  transition: all 100ms ease;
  text-align: left;
}

.builder_sectionRow__I_O9l:hover {
  border-color: rgba(59, 130, 246, 0.3);
  background: rgba(59, 130, 246, 0.08);
}

.builder_sectionRowSelected__45H4u {
  border-color: rgba(59, 130, 246, 0.5);
  background: rgba(59, 130, 246, 0.12);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.builder_sectionRowDragging__dE4_s {
  opacity: 0.5;
}

.builder_sectionDragHandle__4PF_E {
  color: #4b5563;
  cursor: -webkit-grab;
  cursor: grab;
  font-size: 0.875rem;
  flex-shrink: 0;
}

.builder_sectionRow__I_O9l:hover .builder_sectionDragHandle__4PF_E {
  color: #9ca3af;
}

.builder_sectionIcon__r_d1y {
  font-size: 1rem;
  flex-shrink: 0;
}

.builder_sectionMeta___uWZI {
  flex: 1 1;
  min-width: 0;
}

.builder_sectionName__uwP8N {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  color: #f3f4f6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.builder_sectionDesc__ZgmqX {
  display: block;
  font-size: 0.65rem;
  color: #6b7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.125rem;
}

.builder_sectionIndex__aoyBJ {
  font-size: 0.6rem;
  color: #4b5563;
  padding: 0.125rem 0.375rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 999px;
  flex-shrink: 0;
}

.builder_sectionDropZone__zRnI6 {
  height: 6px;
  background: transparent;
  transition: background 100ms ease;
}

.builder_sectionDropZoneActive__RKOdN {
  position: relative;
}

.builder_sectionDropZoneActive__RKOdN::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 999px;
  background: #3b82f6;
}

.builder_sectionActions__XQrDU {
  display: flex;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.builder_sectionMoveBtn__LXjNv {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.05);
  color: #9ca3af;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_sectionMoveBtn__LXjNv:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
  color: #f3f4f6;
}

.builder_sectionMoveBtn__LXjNv:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.builder_addSectionBtn__Jv3ag {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  margin: 0.5rem;
  padding: 0.625rem;
  border: 1px dashed rgba(59, 130, 246, 0.4);
  border-radius: 8px;
  background: rgba(59, 130, 246, 0.05);
  color: #93c5fd;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_addSectionBtn__Jv3ag:hover {
  border-color: rgba(59, 130, 246, 0.6);
  background: rgba(59, 130, 246, 0.1);
}

.builder_addSectionIcon__jcnYr {
  font-size: 1rem;
  font-weight: 700;
}

/* ─── Section Catalog Modal ────────────────────────────────────────────────── */

.builder_sectionCatalogOverlay__lgWhC {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.builder_sectionCatalogModal__n_2sf {
  width: 90%;
  max-width: 720px;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  background: #1f2937;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.builder_sectionCatalogHeader__9wkBa {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.5rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.builder_sectionCatalogTitle__IV8O8 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #f3f4f6;
  margin: 0;
}

.builder_sectionCatalogSubtitle__vzBfb {
  font-size: 0.8rem;
  color: #6b7280;
  margin-top: 0.25rem;
}

.builder_sectionCatalogClose__67SbP {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  background: transparent;
  color: #6b7280;
  font-size: 0.875rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 100ms ease;
}

.builder_sectionCatalogClose__67SbP:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f3f4f6;
}

.builder_sectionCatalogSearch__3Q2Sn {
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.builder_sectionCatalogSearchInput__6KxBB {
  width: 100%;
  padding: 0.625rem 0.875rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  color: #f3f4f6;
  font-size: 0.875rem;
  outline: none;
  box-sizing: border-box;
}

.builder_sectionCatalogSearchInput__6KxBB::placeholder {
  color: #6b7280;
}

.builder_sectionCatalogSearchInput__6KxBB:focus {
  border-color: #3b82f6;
}

.builder_sectionCatalogCategories__YCrW4 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.builder_sectionCategoryTab__8eDPa {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.625rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  background: transparent;
  color: #6b7280;
  font-size: 0.7rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_sectionCategoryTab__8eDPa:hover {
  color: #d1d5db;
  border-color: rgba(255, 255, 255, 0.2);
}

.builder_sectionCategoryTabActive__fpXVo {
  border-color: rgba(59, 130, 246, 0.5);
  background: rgba(59, 130, 246, 0.1);
  color: #93c5fd;
}

.builder_sectionCategoryIcon__2ayhn {
  font-size: 0.875rem;
}

.builder_sectionCatalogGrid__SQRCU {
  flex: 1 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.75rem;
  gap: 0.75rem;
  padding: 1rem 1.5rem 1.5rem;
  overflow-y: auto;
  scrollbar-width: none;
}

.builder_sectionCatalogGrid__SQRCU::-webkit-scrollbar {
  display: none;
}

.builder_sectionCatalogEmpty__RIf9s {
  grid-column: 1 / -1;
  padding: 2rem;
  text-align: center;
  color: #6b7280;
  font-size: 0.875rem;
}

.builder_sectionPresetCard__XPzLH {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  cursor: pointer;
  text-align: left;
  transition: all 100ms ease;
}

.builder_sectionPresetCard__XPzLH:hover {
  border-color: rgba(59, 130, 246, 0.4);
  background: rgba(59, 130, 246, 0.08);
  transform: translateY(-2px);
}

.builder_sectionPresetIcon__cKZwl {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.builder_sectionPresetMeta__c0L7P {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.builder_sectionPresetName__Qa9Oo {
  font-size: 0.875rem;
  font-weight: 600;
  color: #f3f4f6;
}

.builder_sectionPresetDesc__q9Reg {
  font-size: 0.7rem;
  color: #6b7280;
  line-height: 1.4;
}

/* ─── Section Settings Inspector ───────────────────────────────────────────── */

.builder_sectionSettings__2jAmU {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem;
  overflow-y: auto;
  scrollbar-width: none;
}

.builder_sectionSettings__2jAmU::-webkit-scrollbar {
  display: none;
}

.builder_sectionSettingsEmpty__QHk2Q {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  text-align: center;
  min-height: 200px;
}

.builder_sectionSettingsEmptyIcon__G_vo_ {
  font-size: 2rem;
  opacity: 0.5;
  margin-bottom: 0.75rem;
}

.builder_sectionSettingsEmptyTitle__UwHdp {
  font-size: 0.9rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
}

.builder_sectionSettingsEmptyText__vT5_e {
  font-size: 0.75rem;
  color: #6b7280;
  line-height: 1.5;
  max-width: 200px;
}

.builder_sectionSettingsHeader__kSBaG {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

.builder_sectionSettingsIcon__zmQJ5 {
  font-size: 1.5rem;
}

.builder_sectionSettingsMeta__2kfCb {
  flex: 1 1;
  min-width: 0;
}

.builder_sectionSettingsTitle__JytrZ {
  font-size: 0.875rem;
  font-weight: 600;
  color: #111827;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.builder_sectionSettingsType__toyHH {
  font-size: 0.7rem;
  color: #6b7280;
}

.builder_sectionChildNotice__Xa0Vo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  border-radius: 6px;
  font-size: 0.7rem;
  color: #92400e;
}

.builder_sectionChildSelectBtn__GoXx_ {
  padding: 0.25rem 0.5rem;
  border: none;
  border-radius: 4px;
  background: #fbbf24;
  color: #78350f;
  font-size: 0.65rem;
  font-weight: 500;
  cursor: pointer;
}

.builder_sectionChildSelectBtn__GoXx_:hover {
  background: #f59e0b;
}

.builder_sectionSettingsActions__jknqN {
  display: flex;
  gap: 0.375rem;
}

.builder_sectionActionBtn__EGZ90 {
  flex: 1 1;
  padding: 0.5rem 0.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
  color: #374151;
  font-size: 0.7rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_sectionActionBtn__EGZ90:hover:not(:disabled) {
  border-color: #d1d5db;
  background: #f9fafb;
}

.builder_sectionActionBtn__EGZ90:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.builder_sectionSettingsFields__8rcSZ {
  padding: 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
}

.builder_sectionSettingsFieldsTitle__m6Rmm {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6b7280;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #f3f4f6;
}

.builder_sectionSettingsField__xKvha {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.625rem;
}

.builder_sectionSettingsField__xKvha:last-child {
  margin-bottom: 0;
}

.builder_sectionNoPreset__AsSo6 {
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  text-align: center;
}

.builder_sectionNoPresetText__Twx3N {
  font-size: 0.75rem;
  color: #6b7280;
  margin-bottom: 0.75rem;
}

.builder_switchToAdvancedBtn__ecmMu {
  padding: 0.5rem 1rem;
  border: 1px solid #3b82f6;
  border-radius: 6px;
  background: transparent;
  color: #3b82f6;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_switchToAdvancedBtn__ecmMu:hover {
  background: #eff6ff;
}

.builder_sectionAdvancedHint__c4BsV {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  font-size: 0.7rem;
  color: #6b7280;
}

.builder_sectionAdvancedLink__IWDoZ {
  padding: 0;
  border: none;
  background: none;
  color: #3b82f6;
  font-size: 0.7rem;
  cursor: pointer;
}

.builder_sectionAdvancedLink__IWDoZ:hover {
  text-decoration: underline;
}

.builder_sectionDeleteBtn__7tZ2S {
  width: 100%;
  padding: 0.625rem;
  border: 1px solid #fecaca;
  border-radius: 6px;
  background: #fef2f2;
  color: #dc2626;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_sectionDeleteBtn__7tZ2S:hover:not(:disabled) {
  border-color: #fca5a5;
  background: #fee2e2;
}

.builder_sectionDeleteBtn__7tZ2S:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* ─── Settings Field Types ─────────────────────────────────────────────────── */

.builder_imageFieldRow__fCcyp {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.builder_imageFieldPreview__Cfjcv {
  width: 100%;
  max-height: 100px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

.builder_imageFieldPreview__Cfjcv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.builder_toggleField__AYV3T {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 36px;
  height: 20px;
  cursor: pointer;
}

.builder_toggleField__AYV3T input {
  opacity: 0;
  width: 0;
  height: 0;
}

.builder_toggleSlider__pbBXd {
  position: absolute;
  inset: 0;
  background-color: #d1d5db;
  border-radius: 20px;
  transition: 0.2s;
}

.builder_toggleSlider__pbBXd::before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  border-radius: 50%;
  transition: 0.2s;
}

.builder_toggleField__AYV3T input:checked + .builder_toggleSlider__pbBXd {
  background-color: #3b82f6;
}

.builder_toggleField__AYV3T input:checked + .builder_toggleSlider__pbBXd::before {
  transform: translateX(16px);
}

.builder_spacingPresetRow__2a6rd {
  display: flex;
  gap: 0.375rem;
}

.builder_spacingPresetBtn__LcUgJ {
  flex: 1 1;
  padding: 0.375rem 0.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #ffffff;
  color: #6b7280;
  font-size: 0.65rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_spacingPresetBtn__LcUgJ:hover {
  border-color: #d1d5db;
  color: #374151;
}

.builder_spacingPresetBtnActive__BHNkq {
  border-color: #3b82f6;
  background: #eff6ff;
  color: #2563eb;
}

/* ─── TeleportHQ-style Visual Inspector ─────────────────────────────────────── */

.builder_visualInspector__JKMO9 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
  background: #0f172a;
  color: #e2e8f0;
}

.builder_visualInspector__JKMO9::-webkit-scrollbar {
  width: 6px;
}

.builder_visualInspector__JKMO9::-webkit-scrollbar-track {
  background: transparent;
}

.builder_visualInspector__JKMO9::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 3px;
}

.builder_visualInspector__JKMO9::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.25);
}

/* ─── Property Row ─────────────────────────────────────────────────────────── */

.builder_propRow__JRBu7 {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.02);
  overflow: hidden;
  transition: all 100ms ease;
}

.builder_propRow__JRBu7:hover {
  background: rgba(255, 255, 255, 0.04);
}

.builder_propRowEnabled__7ybTa {
  border-left: 2px solid #3b82f6;
}

.builder_propRowExpanded__ZC7SZ {
  background: rgba(59, 130, 246, 0.05);
}

.builder_propRowHeader__Gljzy {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.builder_propRowCheckbox__tHbth {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  cursor: pointer;
}

.builder_propRowCheck__4If4Q {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.builder_propRowCheckmark__pNXr6 {
  width: 14px;
  height: 14px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.05);
  transition: all 100ms ease;
}

.builder_propRowCheck__4If4Q:checked + .builder_propRowCheckmark__pNXr6 {
  background: #3b82f6;
  border-color: #3b82f6;
}

.builder_propRowCheck__4If4Q:checked + .builder_propRowCheckmark__pNXr6::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.builder_propRowName__Dt7Of {
  flex: 1 1;
  font-size: 0.7rem;
  font-weight: 500;
  color: #94a3b8;
}

.builder_propRowValue__WnDtd {
  font-size: 0.7rem;
  font-weight: 500;
  color: #e2e8f0;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder_propRowReset__xuzrN {
  padding: 0.15rem 0.35rem;
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 3px;
  background: rgba(239, 68, 68, 0.1);
  color: #f87171;
  font-size: 0.575rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_propRowReset__xuzrN:hover {
  background: rgba(239, 68, 68, 0.2);
}

.builder_propRowChevron__RBd0B {
  font-size: 0.6rem;
  color: #64748b;
  transition: transform 100ms ease;
}

.builder_propRowEditor__B51K1 {
  padding: 0.5rem 0.625rem 0.625rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.15);
}

/* ─── Property Toolbar ─────────────────────────────────────────────────────── */

.builder_propToolbar__gGkBe {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.builder_propSearch__w5jmK {
  flex: 1 1;
  padding: 0.4rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  color: #e2e8f0;
  font-size: 0.7rem;
  outline: none;
  transition: border-color 100ms ease;
}

.builder_propSearch__w5jmK::placeholder {
  color: #64748b;
}

.builder_propSearch__w5jmK:focus {
  border-color: #3b82f6;
}

.builder_propAddWrap__yXpCK {
  position: relative;
}

.builder_propAddBtn__hB1P_ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 4px;
  background: rgba(59, 130, 246, 0.1);
  color: #93c5fd;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_propAddBtn__hB1P_:hover {
  background: rgba(59, 130, 246, 0.2);
}

.builder_propAddDropdown__TmpFN {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 100;
  width: 200px;
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  background: #1e293b;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  scrollbar-width: thin;
}

.builder_propAddItem__9CRwA {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem 0.625rem;
  border: none;
  background: transparent;
  color: #e2e8f0;
  font-size: 0.7rem;
  text-align: left;
  cursor: pointer;
  transition: background 80ms ease;
}

.builder_propAddItem__9CRwA:hover {
  background: rgba(59, 130, 246, 0.15);
}

.builder_propAddItemLabel__BGAsv {
  font-weight: 500;
}

.builder_propAddItemCategory__T_3Qm {
  font-size: 0.6rem;
  color: #64748b;
}

/* ─── Property Categories ──────────────────────────────────────────────────── */

.builder_propCategories__uT1bC {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.builder_propCategory__UIBWX {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.builder_propCategoryLabel__gIwnk {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #64748b;
  padding: 0.25rem 0;
}

.builder_propList__WLttI {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.builder_propEmpty__ZMFlK {
  padding: 1rem;
  text-align: center;
  color: #64748b;
  font-size: 0.75rem;
}

/* ─── Property Inputs ──────────────────────────────────────────────────────── */

.builder_propSelectInput__WKNNl {
  width: 100%;
  padding: 0.4rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  color: #e2e8f0;
  font-size: 0.7rem;
  outline: none;
  cursor: pointer;
}

.builder_propSelectInput__WKNNl:focus {
  border-color: #3b82f6;
}

.builder_propTextInput__D_b4e {
  width: 100%;
  padding: 0.4rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  color: #e2e8f0;
  font-size: 0.7rem;
  outline: none;
}

.builder_propTextInput__D_b4e:focus {
  border-color: #3b82f6;
}

/* ─── Unit Input ───────────────────────────────────────────────────────────── */

.builder_unitInputWrap__5RXtb {
  display: flex;
  align-items: stretch;
  gap: 0.25rem;
}

.builder_unitInputNumber__NLu5H {
  flex: 1 1;
  min-width: 0;
  padding: 0.4rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px 0 0 4px;
  background: rgba(255, 255, 255, 0.05);
  color: #e2e8f0;
  font-size: 0.7rem;
  outline: none;
}

.builder_unitInputNumber__NLu5H:focus {
  border-color: #3b82f6;
}

.builder_unitInputUnit__dIRQd {
  padding: 0.4rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: none;
  border-radius: 0 4px 4px 0;
  background: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
  font-size: 0.65rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 100ms ease;
  min-width: 32px;
  text-align: center;
}

.builder_unitInputUnit__dIRQd:hover {
  background: rgba(59, 130, 246, 0.25);
}

.builder_unitInputAuto__dHlSL {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(59, 130, 246, 0.1);
  color: #93c5fd;
  font-size: 0.7rem;
  font-weight: 500;
  cursor: pointer;
}

.builder_unitInputAutoBtn__qI5NY {
  width: 24px;
  padding: 0.4rem 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.03);
  color: #64748b;
  font-size: 0.6rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_unitInputAutoBtn__qI5NY:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #94a3b8;
}

.builder_unitInputAutoBtnActive__jLSNW {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93c5fd;
}

/* ─── Box Spacing Input ────────────────────────────────────────────────────── */

.builder_boxSpacingInput__UPCuV {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.builder_boxSpacingHeader__xD4Pc {
  display: flex;
  align-items: stretch;
  gap: 0.375rem;
}

.builder_boxSpacingExpandBtn__HFbVz {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.03);
  color: #64748b;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_boxSpacingExpandBtn__HFbVz:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #94a3b8;
}

.builder_boxSpacingExpandBtnActive__Ub3ha {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
  color: #93c5fd;
}

.builder_boxSpacingGrid__wdr0R {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.375rem;
  gap: 0.375rem;
  padding: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.15);
}

.builder_boxSpacingSide__CLMNk {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.builder_boxSpacingLabel__h0znN {
  font-size: 0.575rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #64748b;
}

/* ─── Color Input ──────────────────────────────────────────────────────────── */

.builder_colorInputWrap__oCGRj {
  display: flex;
  align-items: stretch;
  gap: 0.375rem;
}

.builder_colorInputSwatch__hA6f2 {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.builder_colorInputSwatch__hA6f2::-webkit-color-swatch-wrapper {
  padding: 2px;
}

.builder_colorInputSwatch__hA6f2::-webkit-color-swatch {
  border-radius: 2px;
  border: none;
}

.builder_colorInputText__AkEE0 {
  flex: 1 1;
  min-width: 0;
  padding: 0.4rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  color: #e2e8f0;
  font-size: 0.7rem;
  font-family: monospace;
  outline: none;
}

.builder_colorInputText__AkEE0:focus {
  border-color: #3b82f6;
}

/* ─── Attributes Section ───────────────────────────────────────────────────── */

.builder_attrRow___Myno {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.builder_attrLabel__Z3t8d {
  width: 60px;
  flex-shrink: 0;
  font-size: 0.675rem;
  font-weight: 500;
  color: #94a3b8;
}

.builder_attrSelect__iDLmR,
.builder_attrInput__aFShn {
  flex: 1 1;
  padding: 0.375rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  color: #e2e8f0;
  font-size: 0.7rem;
  outline: none;
}

.builder_attrSelect__iDLmR:focus,
.builder_attrInput__aFShn:focus {
  border-color: #3b82f6;
}

.builder_attrGroup__tMqVH {
  margin-top: 0.75rem;
}

.builder_attrGroupLabel__QsSTf {
  display: block;
  margin-bottom: 0.375rem;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
}

.builder_attrList__HeCXH {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.builder_attrPair__Ia10c {
  display: flex;
  gap: 0.25rem;
}

.builder_attrKeyInput__Dc1Op,
.builder_attrValueInput__XI6LN {
  flex: 1 1;
  padding: 0.35rem 0.4rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.05);
  color: #e2e8f0;
  font-size: 0.65rem;
  outline: none;
}

.builder_attrRemoveBtn__cj11n {
  width: 24px;
  border: none;
  border-radius: 3px;
  background: rgba(239, 68, 68, 0.1);
  color: #f87171;
  font-size: 0.8rem;
  cursor: pointer;
  transition: background 100ms ease;
}

.builder_attrRemoveBtn__cj11n:hover {
  background: rgba(239, 68, 68, 0.2);
}

.builder_attrAddRow__pI9UG {
  display: flex;
  gap: 0.25rem;
  margin-top: 0.25rem;
}

.builder_attrAddInput__gr0cf {
  flex: 1 1;
  padding: 0.35rem 0.4rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.03);
  color: #e2e8f0;
  font-size: 0.65rem;
  outline: none;
}

.builder_attrAddInput__gr0cf:focus {
  border-color: #3b82f6;
}

.builder_attrAddBtn__Kz5fl {
  width: 24px;
  border: 1px solid rgba(59, 130, 246, 0.4);
  border-radius: 3px;
  background: rgba(59, 130, 246, 0.1);
  color: #93c5fd;
  font-size: 0.8rem;
  cursor: pointer;
  transition: background 100ms ease;
}

.builder_attrAddBtn__Kz5fl:hover {
  background: rgba(59, 130, 246, 0.2);
}

/* ─── Classes Chips ────────────────────────────────────────────────────────── */

.builder_classChips__Tw_3g {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.375rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.02);
  min-height: 32px;
}

.builder_classChip__YGBQm {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem 0.375rem;
  border-radius: 999px;
  background: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
  font-size: 0.625rem;
  font-weight: 500;
}

.builder_classChipRemove__liqHG {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: #93c5fd;
  font-size: 0.7rem;
  cursor: pointer;
  transition: background 100ms ease;
}

.builder_classChipRemove__liqHG:hover {
  background: rgba(239, 68, 68, 0.3);
  color: #fca5a5;
}

.builder_classInput__84v_b {
  flex: 1 1;
  min-width: 60px;
  padding: 0.2rem 0.375rem;
  border: none;
  background: transparent;
  color: #e2e8f0;
  font-size: 0.65rem;
  outline: none;
}

.builder_classInput__84v_b::placeholder {
  color: #475569;
}

/* ─── Media Query Sections ─────────────────────────────────────────────────── */

.builder_mediaQuerySections__DCvLW {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.5rem;
}

.builder_mediaQuerySection__BTe_N {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  overflow: hidden;
}

.builder_mediaQueryHeader__abLp_ {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem 0.625rem;
  border: none;
  background: rgba(255, 255, 255, 0.02);
  color: #94a3b8;
  font-size: 0.7rem;
  cursor: pointer;
  text-align: left;
  transition: background 100ms ease;
}

.builder_mediaQueryHeader__abLp_:hover {
  background: rgba(255, 255, 255, 0.04);
}

.builder_mediaQueryIcon__y1PGM {
  font-size: 0.65rem;
  color: #64748b;
}

.builder_mediaQueryWidth__A9kl4 {
  font-weight: 600;
  color: #e2e8f0;
}

.builder_mediaQueryLabel__91SL0 {
  flex: 1 1;
  color: #64748b;
}

.builder_mediaQueryBadge__8S2NO {
  padding: 0.1rem 0.35rem;
  border-radius: 999px;
  background: rgba(59, 130, 246, 0.2);
  color: #93c5fd;
  font-size: 0.575rem;
  font-weight: 600;
}

.builder_mediaQueryChevron__1UUNV {
  transition: transform 150ms ease;
}

.builder_mediaQueryChevronOpen__eAKbc {
  transform: rotate(180deg);
}

.builder_mediaQueryContent__gPO54 {
  padding: 0.5rem 0.625rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.1);
}

.builder_mediaQueryEmpty__ZPhmB {
  padding: 0.5rem;
  text-align: center;
  color: #475569;
  font-size: 0.675rem;
}

.builder_mediaQueryAddRow___XDpi {
  margin-top: 0.5rem;
  position: relative;
}

/* ─── Inspector Section Count Badge ────────────────────────────────────────── */

.builder_inspectorSectionCount__g_78S {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 0.35rem;
  border-radius: 999px;
  background: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
  font-size: 0.6rem;
  font-weight: 600;
}

/* ─── Floating Toolbar ─────────────────────────────────────────────────────── */

.builder_floatingToolbarWrap__gCsLa {
  pointer-events: none;
}

.builder_floatingToolbar__FMf6u {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.35rem 0.5rem;
  border-radius: 6px;
  background: #1e293b;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  pointer-events: auto;
}

.builder_floatingToolbarBadge__qlI7T {
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-size: 0.575rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: white;
}

.builder_floatingToolbarLabel__dYkBl {
  padding: 0 0.375rem;
  font-size: 0.675rem;
  font-weight: 500;
  color: #e2e8f0;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.builder_floatingToolbarDivider__yJ3p7 {
  width: 1px;
  height: 16px;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 0.25rem;
}

.builder_floatingToolbarBtn__Vc80W {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #94a3b8;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_floatingToolbarBtn__Vc80W:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
}

.builder_floatingToolbarBtn__Vc80W:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.builder_floatingToolbarBtnDanger__qkkAD:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.15);
  color: #f87171;
}

.builder_floatingToolbarAiBtn__gBOPW {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: none;
  border-radius: 4px;
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
  color: #a5b4fc;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_floatingToolbarAiBtn__gBOPW:hover:not(:disabled) {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(59, 130, 246, 0.3));
  color: #c4b5fd;
}

.builder_floatingToolbarAiBtn__gBOPW:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* ─── Breakpoint Editing Note ──────────────────────────────────────────────── */

.builder_breakpointEditingNote__5zAdJ {
  margin-bottom: 0.5rem;
  padding: 0.35rem 0.5rem;
  border-radius: 4px;
  background: rgba(59, 130, 246, 0.1);
  color: #93c5fd;
  font-size: 0.65rem;
  font-weight: 500;
}

/* ─── Node Action Grid ─────────────────────────────────────────────────────── */

.builder_nodeActionGrid__L5HLY {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.375rem;
  gap: 0.375rem;
}

.builder_deleteNodeBtn__qb8Ou {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 4px;
  background: rgba(239, 68, 68, 0.1);
  color: #f87171;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 100ms ease;
}

.builder_deleteNodeBtn__qb8Ou:hover:not(:disabled) {
  border-color: rgba(239, 68, 68, 0.5);
  background: rgba(239, 68, 68, 0.2);
}

.builder_deleteNodeBtn__qb8Ou:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}