/* Landings constructor styles (v1.9.55) */
.landings-page{
  width:100%;max-width:none;margin:0;padding:0;color:#e8e8f0;
}
.landings-page__header{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-bottom:20px;flex-wrap:wrap;
}
.landings-page__title{
  margin:0;font-size:28px;font-weight:700;letter-spacing:-0.02em;color:#fff;
}
.landings-page__subtitle{
  color:#9090a0;font-size:14px;margin-top:6px;
}
.landings-page__actions{display:flex;gap:10px;flex-wrap:wrap}

.landings-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;border:none;border-radius:10px;
  font-size:14px;font-weight:600;cursor:pointer;
  transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
  text-decoration:none;
}
/* Buttons with deferred wiring must not be shown as inert controls. */
.landings-btn[hidden]{display:none !important}
.landings-btn--primary{background:linear-gradient(135deg,#7B61FF,#5942d6);color:#fff;box-shadow:0 4px 14px rgba(123,97,255,.35)}
.landings-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(123,97,255,.5)}
.landings-btn--ghost{background:rgba(255,255,255,.06);color:#e8e8f0;border:1px solid rgba(255,255,255,.1)}
.landings-btn--ghost:hover{background:rgba(255,255,255,.1)}
.landings-btn.active{background:linear-gradient(120deg,#ff62c5,#ff008c) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 0 18px rgba(255,0,140,.4)}
#btn-preview-toggle{font-weight:700;letter-spacing:.04em}
#btn-preview-toggle svg{margin-right:4px}
.landings-btn--danger{background:rgba(255,80,80,.12);color:#ff7a7a;border:1px solid rgba(255,80,80,.2)}
.landings-btn--danger:hover{background:rgba(255,80,80,.2)}
.landings-btn--sm{padding:6px 12px;font-size:12px;border-radius:8px}

.landings-empty{
  background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.1);
  border-radius:16px;padding:60px 24px;text-align:center;color:#9090a0;
}
.landings-empty h3{margin:0 0 8px;color:#e8e8f0;font-size:18px}

.landings-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:16px;margin-top:8px;width:100%;
}
.landings-card{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px;
  transition:border-color .15s ease, transform .08s ease;
}
.landings-card:hover{border-color:rgba(123,97,255,.4);transform:translateY(-2px)}
.landings-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.landings-card__title{margin:0;font-size:16px;font-weight:600;color:#fff;line-height:1.3;word-break:break-word}
.landings-card__slug{font-size:12px;color:#7090c0;font-family:ui-monospace,Menlo,monospace;word-break:break-all}
.landings-card__meta{font-size:12px;color:#9090a0;display:flex;flex-wrap:wrap;gap:10px}
.landings-card__actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}

.landings-status{
  display:inline-flex;align-items:center;gap:4px;
  padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;
  text-transform:uppercase;letter-spacing:0.05em;
}
.landings-status--draft{background:rgba(150,150,170,.15);color:#a0a0b0}
.landings-status--published{background:rgba(80,200,120,.15);color:#7adba0}
.landings-status--changes{background:rgba(255,170,70,.14);color:#ffb45e}
.landings-status--archived{background:rgba(255,150,80,.12);color:#ffaa70}

/* ─── Editor ─── */
.landings-editor{
  position:fixed;inset:0;background:#0f0f18;color:#e8e8f0;
  display:flex;flex-direction:column;
}
.landings-editor__topbar{
  display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;grid-template-rows:auto auto;
  align-items:center;column-gap:12px;row-gap:6px;
  padding:8px 16px 10px;background:#15151f;border-bottom:1px solid rgba(255,255,255,.08);
  z-index:10;
}
.landings-editor__back{
  grid-column:1;grid-row:1;
  background:transparent;border:none;color:#9090a0;cursor:pointer;font-size:14px;
  display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;
}
.landings-editor__back:hover{background:rgba(255,255,255,.06);color:#fff}
.landings-editor__title{
  grid-column:2/-1;grid-row:1;min-width:0;
  display:grid;grid-template-columns:minmax(220px,min(46vw,720px)) minmax(0,1fr);
  align-items:center;gap:12px;
}
.landings-editor__title-input{
  background:transparent;border:none;color:#fff;font-size:16px;font-weight:600;
  padding:4px 6px;border-radius:6px;outline:none;width:100%;max-width:none;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.landings-editor__title-input:hover,.landings-editor__title-input:focus{background:rgba(255,255,255,.05)}
.landings-editor__slug{
  min-width:0;font-size:11px;color:#7090c0;font-family:ui-monospace,Menlo,monospace;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.landings-editor__devices{grid-column:1;grid-row:2}
.landings-editor__undo{grid-column:2;grid-row:2;justify-self:start}
#btn-toggle-design{grid-column:3;grid-row:2}
.landings-editor__actions{grid-column:4;grid-row:2;justify-self:end;display:flex;gap:8px;align-items:center;min-width:0}
/* Core v2: topbar action controls share one visual height; long labels never create taller buttons. */
.landings-editor__actions>.landings-btn,
.landings-editor__actions>.aidc-site-tools-v2>.landings-btn{
  height:36px;min-height:36px;box-sizing:border-box;padding:0 12px;
  align-items:center;justify-content:center;white-space:nowrap;line-height:1.05;
}
.landings-editor__actions>.aidc-site-tools-v2{height:36px;align-items:stretch}
.landings-editor__actions>.landings-editor__publish-note{min-height:36px;display:inline-flex;align-items:center}
.landings-editor__status{font-size:12px;color:#9090a0;margin-right:8px;min-width:120px;text-align:right}
.landings-editor__status--saving{color:#ffaa70}
.landings-editor__status--saved{color:#7adba0}
.landings-editor__status--error{color:#ff7a7a}

/* Topbar tools (v1.9.58) */
.landings-editor__devices,.landings-editor__undo{
  display:inline-flex;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:3px;gap:2px;
}
.landings-editor__device,.landings-editor__icon-btn{
  background:transparent;border:none;color:#9090a0;cursor:pointer;
  width:32px;height:30px;border-radius:7px;
  display:inline-flex;align-items:center;justify-content:center;
  transition:background .12s ease, color .12s ease;
}
.landings-editor__device:hover,.landings-editor__icon-btn:hover{background:rgba(255,255,255,.06);color:#fff}
.landings-editor__device.active{background:linear-gradient(135deg,rgba(123,97,255,.35),rgba(255,58,140,.25));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.landings-editor__icon-btn{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  width:34px;height:32px;border-radius:8px;
}
.landings-editor__icon-btn.active{color:#ff3a8c;border-color:rgba(255,58,140,.4);background:rgba(255,58,140,.08)}
.landings-editor__icon-btn[disabled]{opacity:.35;cursor:not-allowed}

.landings-editor__main{
  flex:1;display:flex;min-height:0;
  /* GrapesJS внедрит свой layout сюда */
}
#gjs{flex:1;min-height:0}

/* ─── Modal ─── */
.landings-modal__overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.6);
  display:flex;align-items:center;justify-content:center;z-index:1000;
  backdrop-filter:blur(4px);
}
.landings-modal{
  background:#1a1a30;border:1px solid rgba(255,255,255,.1);
  border-radius:14px;padding:24px;max-width:480px;width:90%;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
}
.landings-modal h3{margin:0 0 16px;font-size:18px;color:#fff}
.landings-modal__field{margin-bottom:14px}
.landings-modal__field label{display:block;font-size:12px;color:#9090a0;margin-bottom:6px;font-weight:500}
.landings-modal__field input,.landings-modal__field textarea{
  width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  border-radius:8px;padding:10px 12px;color:#fff;font-size:14px;font-family:inherit;
  outline:none;transition:border-color .15s ease;
}
.landings-modal__field input:focus,.landings-modal__field textarea:focus{border-color:#7B61FF}
.landings-modal__hint{
  display:block;margin-top:6px;font-size:11px;color:#8a8aa0;line-height:1.5;
}
.landings-modal__hint code{
  background:rgba(123,97,255,.12);color:#bfb5ff;padding:2px 6px;border-radius:5px;
  font-family:ui-monospace,Menlo,monospace;font-size:11px;word-break:break-all;
}
.landings-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}

/* Cards editor modal (v1.9.60) */
.landings-modal--cards{
  max-width:720px;width:94%;max-height:88vh;display:flex;flex-direction:column;padding:0;overflow:hidden;
}
.cards-modal__body{
  overflow-y:auto;padding:16px 20px;flex:1;display:flex;flex-direction:column;gap:14px;
}
.cards-toolbar{display:flex;justify-content:flex-start}
.cards-list{display:flex;flex-direction:column;gap:10px}
.cards-row{
  background:#1a1a24;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;
}
.cards-row__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.cards-row__num{font-size:12px;font-weight:700;color:#bfb5ff;letter-spacing:.05em;text-transform:uppercase}
.cards-row__ops{display:flex;gap:4px}
.cards-row__ops button{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#d7daec;
  width:28px;height:26px;border-radius:6px;cursor:pointer;font-size:13px;line-height:1;
  transition:background .12s ease, color .12s ease;
}
.cards-row__ops button:hover:not([disabled]){background:rgba(255,58,140,.12);border-color:rgba(255,58,140,.4);color:#ff3a8c}
.cards-row__ops button[disabled]{opacity:.3;cursor:not-allowed}
.cards-row__fields{display:grid;grid-template-columns:1fr;gap:8px}
.cards-row__fields label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#9090a0;font-weight:500}
.cards-row__fields input,.cards-row__fields textarea{
  background:#0f0f18;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:8px 10px;
  color:#fff;font-size:13px;font-family:inherit;outline:none;transition:border-color .12s ease;resize:vertical;
}
.cards-row__fields input:focus,.cards-row__fields textarea:focus{border-color:#7B61FF}
.landings-modal--cards .landings-modal__actions{padding:14px 20px;border-top:1px solid rgba(255,255,255,.08);margin-top:0}

/* ─── GrapesJS dark AIDC theme (v1.9.55) ─── */
.gjs-one-bg{background-color:#0f0f18 !important}
.gjs-two-color{color:#e8e8f0 !important}
.gjs-two-bg{background-color:#14141c !important}
.gjs-three-bg{background-color:#1a1a24 !important;color:#fff !important}
.gjs-four-color,.gjs-four-color-h:hover{color:#ff3a8c !important}
.gjs-pn-panel{background:#14141c !important;border-color:rgba(255,255,255,.06) !important}
.gjs-pn-views,.gjs-pn-options,.gjs-pn-buttons{background:#14141c !important}
.gjs-pn-btn{color:#9090a0 !important}
.gjs-pn-btn.gjs-pn-active,.gjs-pn-btn:hover{color:#ff3a8c !important;background:rgba(255,58,140,.08) !important}
.gjs-cv-canvas{background:#050509 !important;top:0;width:100%;height:100%}
.gjs-blocks-cs{background:#14141c !important}
.gjs-block-category{background:#14141c !important;border-bottom:1px solid rgba(255,255,255,.06)}
.gjs-block-category .gjs-title{color:#dfe2ff !important;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:11px}
.gjs-block{
  background:#1a1a24 !important;color:#e0e0e8 !important;
  border:1px solid rgba(255,255,255,.08) !important;border-radius:10px !important;
  min-height:90px;padding:10px 8px 8px;font-size:11px;
  display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;gap:6px;
  transition:border-color .15s ease, box-shadow .15s ease, transform .08s ease;
  cursor:pointer;
}
.gjs-block svg{display:block;width:100% !important;height:42px !important}
.gjs-block:hover{
  border-color:#ff3a8c !important;
  box-shadow:0 0 0 1px rgba(255,58,140,.4), 0 6px 20px rgba(255,58,140,.15);
  transform:translateY(-1px);
}
.gjs-block-label{color:#e0e0e8 !important;line-height:1.25;text-align:center;margin-top:auto}
/* Style Manager (правая панель «Дизайн») — светлее фон, крупнее серый текст */
.gjs-sm-sectors{background:#252533 !important}
.gjs-sm-sector{background:#252533 !important;border-bottom:1px solid rgba(255,255,255,.05) !important}
.gjs-sm-sector .gjs-sm-title{background:#2c2c3c !important;color:#dde0f0 !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.02em !important;padding:10px 14px !important;border-bottom:1px solid rgba(255,255,255,.06) !important}
.gjs-sm-sector .gjs-sm-properties{background:#2a2a38 !important;padding:8px 10px !important}
.gjs-sm-property,.gjs-sm-label,.gjs-sm-property .gjs-sm-label{color:#cbcfdf !important;font-size:12px !important;font-weight:500 !important}
.gjs-clm-label,.gjs-sm-property .gjs-radio-item-label{color:#cbcfdf !important;font-size:12px !important}
.gjs-field{background:#1f1f2c !important;border:1px solid rgba(255,255,255,.1) !important;color:#f0f1ff !important;font-size:12px !important;border-radius:6px !important}
.gjs-field input,.gjs-field select,.gjs-field textarea{color:#f0f1ff !important;font-size:12px !important}
.gjs-clm-tag,.gjs-clm-tag-status,.gjs-clm-tag-close{background:#3a3a4d !important;color:#dcd5ff !important;border-radius:6px !important}
.gjs-pn-views,.gjs-pn-views-container,.gjs-pn-views-container .gjs-sm-sectors{background:#252533 !important}
.gjs-pn-views .gjs-pn-btn{color:#cbcfdf !important;font-size:12px !important}
.gjs-pn-views .gjs-pn-btn.gjs-pn-active{color:#fff !important;background:linear-gradient(120deg,#ff62c5,#ff008c) !important;border-radius:6px !important}
/* Component toolbar (БЛОК / СТИЛЬ / РЕДАКТИРОВАТЬ / ДЕЙСТВИЯ) */
/* v1.12.63: ПОЛНОСТЬЮ выносим toolbar НАД выбранным элементом, чтобы не
   перекрывал содержимое карточки/блока. translateY(-100%) поднимает на
   собственную высоту вверх, минус ещё 6px воздуха. */
.gjs-toolbar{background:#1a1a24 !important;border:1px solid rgba(255,255,255,.14) !important;border-radius:10px !important;display:inline-flex !important;flex-wrap:nowrap !important;white-space:nowrap !important;box-shadow:0 8px 26px rgba(0,0,0,.6);overflow:visible !important;z-index:60 !important;height:auto !important;width:auto !important;min-width:0 !important;padding:4px !important;gap:4px !important;transform:translateY(calc(-100% - 6px)) !important}
.gjs-toolbar-item{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;background:rgba(255,255,255,.04) !important;color:#f6f6ff !important;padding:0 12px !important;height:32px !important;font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.04em !important;white-space:nowrap !important;flex:0 0 auto !important;border-radius:6px !important;line-height:1 !important;cursor:pointer !important;transition:background .12s,color .12s,transform .08s}
.gjs-toolbar-item:hover{background:linear-gradient(120deg,#ff62c5,#ff008c) !important;color:#fff !important;transform:translateY(-1px)}
.gjs-toolbar-item:active{transform:translateY(0)}
.gjs-toolbar-item svg{display:inline-block !important;width:14px !important;height:14px !important;flex:0 0 14px !important;margin-right:0 !important}
/* Когда RTE активен — скрываем component-toolbar, чтобы не было каши */
/* v1.12.64: жёсткое скрытие через body.aidc-rte-on (его ставит/снимает
   editor.js на rte:enable / rte:disable). */
body.aidc-rte-on .gjs-toolbar,
body.aidc-rte-on .gjs-com-badge,
body.aidc-rte-on .gjs-badge,
.gjs-cv-canvas .gjs-rte-active ~ .gjs-toolbar,
.gjs-editing .gjs-toolbar{display:none !important}
/* v1.9.90: жёстко отключаем встроенные ТОП-панели GrapesJS (preview/fullscreen/devices) — но `views`
   (правая панель со StyleManager) обязательно ОСТАВЛЯЕМ — её открывает кнопка «Дизайн». */
.gjs-pn-options,
.gjs-pn-devices-c,
.gjs-pn-commands{display:none !important}
/* v1.12.64: RTE-toolbar — теперь component-toolbar скрыт при RTE, поэтому
   достаточно поднять на ~10px (чтобы кнопки B/I/U стояли прямо над текстом,
   а не задирались высоко в небо как было в v1.12.63). */
/* v1.18.5: убран transform — перекрывал текст; позиция управляется GrapesJS */
.gjs-rte-toolbar{background:#1a1a24 !important;border:1px solid rgba(255,255,255,.14) !important;border-radius:10px !important;box-shadow:0 8px 26px rgba(0,0,0,.6) !important;padding:4px !important;z-index:61 !important}
.gjs-com-badge,.gjs-badge{background:#ff3a8c !important;color:#fff !important;border-radius:4px}
  /* v1.12.70: на Mobile/Tablet превью бейджи «Div/Текст/Блок» вылезают за
   узкий iframe и торчат сбоку (badge позиционируется в координатах элемента,
   но element шире чем iframe потому что preview-frame центрирует контент).
   Полностью скрываем hover-бейджи в превью — у нас есть кастомный toolbar. */
/* v1.12.74: + .gjs-badge — те же синие лейблы Текст/Блок при hover.
   У нас собственный hover-label (data-aidc-hover-label) — родные не нужны. */
/* v1.12.79: максимально широкие селекторы — лейблы рисуются как
   потомки .gjs-cv-canvas/.gjs-editor, иногда в shadow-родителях.
   Любые [class*="gjs-badge"] / [class*="gjs-com-badge"] — гасим. */
.gjs-com-badge,
.gjs-badge,
.gjs-cv-canvas .gjs-badge,
.gjs-cv-canvas .gjs-com-badge,
[class*="gjs-com-badge"],
[class*="gjs-badge"],
.gjs-editor .gjs-badge,
.gjs-editor .gjs-com-badge{display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important}
/* v1.12.81: гасим ВСЕ синие overlay-маркеры GrapesJS (highlighter,
   placeholder, resize-handler, freeze-overlay, offset-marker и т.п.).
   Они рисуются как absolute-overlay поверх компонентов и видны
   синими прямоугольниками. Оставляем только наши .gjs-selected /
   .gjs-hovered (розовый стиль ниже). */
.gjs-highlighter,
.gjs-highlighter-warning,
.gjs-placeholder,
.gjs-placeholder-int,
.gjs-resizer-c,
.gjs-resizer-h,
.gjs-resizer-l,
.gjs-resizer-r,
.gjs-resizer-t,
.gjs-resizer-b,
.gjs-resizer-h-bl,
.gjs-resizer-h-br,
.gjs-resizer-h-tl,
.gjs-resizer-h-tr,
.gjs-resizer-h-bc,
.gjs-resizer-h-tc,
.gjs-resizer-h-cl,
.gjs-resizer-h-cr,
.gjs-frame-offset,
.gjs-comp-offset,
[class*="gjs-offset"],
[class*="gjs-placeholder"]{display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important}
.gjs-selected{outline:2px dashed #ff3a8c !important;outline-offset:-2px}
.gjs-hovered{outline:1px dashed rgba(255,58,140,.5) !important;outline-offset:-1px}

/* RTE-toolbar (B I U S link) — крупные читаемые кнопки */
/* v1.18.7: ставим тулбар НАД элементом через transform,
   чтобы не перекрывал текст внутри редактируемого блока (FAQ ответы и т.п.).
   GrapesJS позиционирует toolbar инлайн через top/left, поэтому translateY(-100%) гарантированно поднимает его над элементом, а отрицательный margin даёт зазор. */
.gjs-rte-toolbar{background:#1a1a24 !important;border:1px solid rgba(255,255,255,.14) !important;border-radius:10px !important;box-shadow:0 8px 26px rgba(0,0,0,.6) !important;padding:4px !important;z-index:70 !important;display:flex !important;gap:2px !important;transform:translateY(calc(-100% - 8px)) !important}
.gjs-rte-action{width:36px !important;height:36px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;color:#f6f6ff !important;background:transparent !important;border:none !important;border-radius:6px !important;cursor:pointer !important;font-size:16px !important;font-weight:700 !important;transition:background .15s,color .15s}
.gjs-rte-action:hover{background:rgba(255,98,197,.18) !important;color:#ff62c5 !important}
.gjs-rte-action.gjs-rte-active{background:linear-gradient(120deg,#ff62c5,#ff008c) !important;color:#fff !important}
.gjs-rte-action svg{width:18px !important;height:18px !important}
.gjs-mdl-dialog{background:#14141c !important;color:#e8e8f0 !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:14px !important}
.gjs-mdl-header{background:#1a1a24 !important;border-bottom:1px solid rgba(255,255,255,.06) !important}
.gjs-mdl-title,.gjs-mdl-btn-close{color:#fff !important}



/* ─── Sprint 4.6 (v1.9.74): block picker — Bitrix-style left dock ─── */
.aidc-bp{
  position: fixed;
  top: var(--aidc-topbar-h, 96px);
  left: 0;
  bottom: 0;
  width: 560px;
  background: #0e0e16;
  border-right: 1px solid rgba(255,255,255,0.08);
  box-shadow: 18px 0 50px rgba(0,0,0,0.55);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  color: #e8e8f0;
  animation: aidc-bp-in .18s ease-out both;
}
@keyframes aidc-bp-in {
  from { transform: translateX(-12px); opacity: 0; }
  to   { transform: translateX(0); opacity: 1; }
}
.aidc-bp__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  flex-shrink: 0;
}
.aidc-bp__head h3{
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.aidc-bp__close{
  background: transparent;
  border: 1px solid rgba(255,255,255,0.12);
  color: #d7daec;
  border-radius: 8px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
}
.aidc-bp__close:hover{ background: rgba(255,255,255,0.06); }
.aidc-bp__body{
  display: grid;
  grid-template-columns: 180px 1fr;
  flex: 1;
  min-height: 0;
}
.aidc-bp__cats{
  border-right: 1px solid rgba(255,255,255,0.06);
  padding: 10px 0;
  overflow-y: auto;
  background: #0a0a12;
}
.aidc-bp__cat{
  display: block;
  width: 100%;
  text-align: left;
  background: transparent;
  border: none;
  padding: 9px 16px;
  color: #b8bbd0;
  font-size: 13px;
  cursor: pointer;
  border-left: 2px solid transparent;
  transition: background .12s, color .12s, border-color .12s;
}
.aidc-bp__cat:hover{ background: rgba(255,255,255,0.04); color: #fff; }
.aidc-bp__cat.is-active{
  color: #fff;
  background: linear-gradient(90deg, rgba(255,0,140,0.10), transparent);
  border-left-color: #ff3a8c;
  font-weight: 500;
}
.aidc-bp__list{
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.aidc-bp__card{
  display: block;
  width: 100%;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 0;
  cursor: pointer;
  text-align: left;
  transition: border-color .12s, transform .08s;
}
.aidc-bp__card:hover{
  border-color: rgba(123,97,255,0.45);
}
.aidc-bp__card:active{ transform: scale(0.995); }
.aidc-bp__card-label{
  font-size: 12.5px;
  color: #a8abc0;
  margin: 0 0 6px;
  padding: 0 2px;
  line-height: 1.3;
}
.aidc-bp__card-preview{
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  overflow: hidden;
  background: #0a0a14;
  border: 1px solid rgba(255,255,255,0.06);
  position: relative;
}
.aidc-bp__card-preview img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Реальный мини-мокап шаблона (scaled-down stage) */
.aidc-bp__card-stage{
  position: absolute;
  top: 0;
  left: 0;
  width: 1280px;
  height: 720px;
  transform-origin: top left;
  pointer-events: none;
  background: #0a0a14;
  overflow: hidden;
  color: #f5f5f5;
}
.aidc-bp__card-stage *{
  pointer-events: none !important;
  animation: none !important;
  transition: none !important;
}
.aidc-bp__card-stage video{ display: none; } /* видео не воспроизводим в превью */
.aidc-bp__card-overlay{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(10,10,20,0) 60%, rgba(10,10,20,.55) 100%);
  opacity: 0;
  transition: opacity .15s ease;
  pointer-events: none;
}
.aidc-bp__card-overlay span{
  background: #ff3a8c;
  color: #fff;
  font: 600 13px/1 system-ui,-apple-system,sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(255,58,140,.4);
}
.aidc-bp__card:hover .aidc-bp__card-overlay{ opacity: 1; }
/* Голова карточки: подпись + ⭐ избранного */
.aidc-bp__card-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 6px;
  padding: 0 2px;
}
.aidc-bp__fav{
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border: 1px solid rgba(255,255,255,0.10);
  background: transparent;
  color: #888;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color .12s, border-color .12s, background .12s;
}
.aidc-bp__fav:hover{ color: #ffd87b; border-color: rgba(255,216,123,.5); background: rgba(255,216,123,.06); }
.aidc-bp__fav.is-on{ color: #ffd87b; border-color: rgba(255,216,123,.6); background: rgba(255,216,123,.1); }
/* Виртуальные категории (Последние / Избранное) — лёгкая визуальная отбивка */
.aidc-bp__cat--virt{
  font-weight: 500;
}
.aidc-bp__thumb-svg{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bfb5ff;
}
.aidc-bp__thumb-svg svg{ width: 60%; height: 60%; }
.aidc-bp__empty{
  text-align: center;
  color: #888;
  font-size: 13px;
  padding: 40px 16px;
  line-height: 1.5;
}

/* Тонкий тёмный скролл в стиле сайта */
.aidc-bp__list,
.aidc-bp__cats{
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.18) transparent;
}
.aidc-bp__list::-webkit-scrollbar,
.aidc-bp__cats::-webkit-scrollbar{ width: 6px; height: 6px; }
.aidc-bp__list::-webkit-scrollbar-track,
.aidc-bp__cats::-webkit-scrollbar-track{ background: transparent; }
.aidc-bp__list::-webkit-scrollbar-thumb,
.aidc-bp__cats::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,0.16);
  border-radius: 3px;
}
.aidc-bp__list::-webkit-scrollbar-thumb:hover,
.aidc-bp__cats::-webkit-scrollbar-thumb:hover{
  background: rgba(255,58,140,0.55);
}

/* ─── Скрываем дублирующую панель Devices (вверху-слева) — иконки уже есть в топбаре ─── */
.gjs-pn-devices-c,
.gjs-pn-options[data-id="devices-c"],
.gjs-devices-c{ display: none !important; }
/* На всякий случай — старая верхняя левая панель GrapesJS */
.landings-editor__canvas .gjs-pn-views-container > .gjs-pn-panel:first-child{ display: none !important; }

@media (max-width: 900px) {
  .aidc-bp{ width: 100%; }
  .aidc-bp__body{ grid-template-columns: 140px 1fr; }
}

/* ─── v1.9.92 — UX: Actions menu + RTE улучшения ─── */
.aidc-actions-menu{
  min-width:220px;background:#1c1c2a;color:#f0f1ff;
  border:1px solid rgba(255,255,255,.12);border-radius:10px;
  box-shadow:0 16px 48px rgba(0,0,0,.6);overflow:hidden;
  font:500 13px/1.2 "Inter",system-ui,-apple-system,sans-serif;
  padding:6px;display:flex;flex-direction:column;gap:1px;
}
.aidc-actions-menu button{
  display:flex;align-items:center;gap:8px;width:100%;text-align:left;
  background:transparent;border:0;color:inherit;padding:9px 12px;
  border-radius:6px;cursor:pointer;font:inherit;
  transition:background .12s;
}
.aidc-actions-menu button:hover{background:rgba(255,98,197,.18)}
.aidc-actions-menu button.is-danger{color:#ff7a8c}
.aidc-actions-menu button.is-danger:hover{background:rgba(255,80,100,.22);color:#fff}
.aidc-actions-menu hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:4px 2px}
.aidc-actions-menu .ico{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#ff62c5;flex:0 0 auto}
.aidc-actions-menu button.is-danger .ico{color:#ff7a8c}
.aidc-actions-menu button.is-danger:hover .ico{color:#fff}

.gjs-rte-toolbar{
  background:#1a1a24 !important;border:1px solid rgba(255,255,255,.14) !important;
  border-radius:10px !important;padding:4px !important;gap:1px !important;
  box-shadow:0 12px 32px rgba(0,0,0,.55) !important;
}
.gjs-rte-action{
  width:32px !important;height:32px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  color:#f6f6ff !important;background:transparent !important;
  border-radius:6px !important;cursor:pointer !important;
  transition:background .12s !important;
}
.gjs-rte-action:hover,
.gjs-rte-action.gjs-rte-active{
  background:linear-gradient(120deg,#ff62c5,#ff008c) !important;color:#fff !important;
}
.gjs-rte-action svg{display:block !important}

/* ─── v1.9.94 — Block editor (Bitrix-style боковая панель «Редактировать») ─── */
.aidc-be{
  position:fixed;left:0;top:0;bottom:0;width:420px;z-index:99998;
  background:#1a1a24;border-right:1px solid rgba(255,255,255,.10);
  box-shadow:18px 0 60px rgba(0,0,0,.55);
  color:#f0f1ff;font:500 13px/1.4 "Inter",system-ui,-apple-system,sans-serif;
  display:flex;flex-direction:column;animation:aidcBeIn .22s ease;
}
@keyframes aidcBeIn{from{transform:translateX(-12px);opacity:.6}to{transform:translateX(0);opacity:1}}
.aidc-be__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);
}
.aidc-be__head h3{margin:0;font:700 15px/1.2 inherit;letter-spacing:.01em}
.aidc-be__close{
  width:32px;height:32px;border-radius:8px;border:0;background:transparent;
  color:#cfd2e6;cursor:pointer;font-size:18px;transition:background .12s;
}
.aidc-be__close:hover{background:rgba(255,255,255,.08);color:#fff}
.aidc-be__tabs{display:flex;gap:0;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.aidc-be__tab{
  background:transparent;border:0;color:#a8abc0;cursor:pointer;
  padding:12px 14px;font:600 12px/1 inherit;text-transform:uppercase;letter-spacing:.04em;
  border-bottom:2px solid transparent;transition:color .12s,border-color .12s;
}
.aidc-be__tab:hover{color:#fff}
.aidc-be__tab.is-active{color:#fff;border-bottom-color:#ff008c}
.aidc-be__body{flex:1;overflow-y:auto;padding:16px 18px}
.aidc-be__empty{color:#a8abc0;font-size:12px;line-height:1.5;padding:20px 0;text-align:center}
.aidc-be__row{margin-bottom:16px}
.aidc-be__label{
  display:block;color:#cbcfdf;font:600 11px/1.2 inherit;
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;
}
.aidc-be__input{
  display:block;width:100%;box-sizing:border-box;
  background:#0f0f18;border:1px solid rgba(255,255,255,.10);
  color:#f0f1ff;padding:10px 12px;border-radius:6px;
  font:500 13px/1.3 inherit;transition:border-color .12s;
}
.aidc-be__input:focus{outline:none;border-color:#ff62c5}
.aidc-be__textarea{resize:vertical;min-height:64px;font-family:inherit}
.aidc-be__img-preview{
  width:100%;height:120px;border-radius:8px;overflow:hidden;
  background:#0f0f18;border:1px solid rgba(255,255,255,.08);
  margin-bottom:8px;display:flex;align-items:center;justify-content:center;
}
.aidc-be__img-preview img{width:100%;height:100%;object-fit:cover}
.aidc-be__bg-preview{background-position:center;background-size:cover;background-repeat:no-repeat}
.aidc-be__img-preview.is-empty{color:#5a5d70;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.aidc-be__img-actions{display:flex;gap:6px}
.aidc-be__img-actions .aidc-be__input{flex:1}
.aidc-be__media-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.aidc-be__media-grid label{display:grid;gap:5px;color:#aeb1c2;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.aidc-be__media-grid select{min-height:36px;color-scheme:dark}
.aidc-be__sync{display:flex;align-items:flex-start;gap:10px;margin:0;padding:13px 18px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,58,140,.055);cursor:pointer}
.aidc-be__sync input{width:17px;height:17px;margin:2px 0 0;accent-color:#ff008c}
.aidc-be__sync span{display:grid;gap:3px}.aidc-be__sync strong{color:#fff;font-size:12px}.aidc-be__sync small{color:#969aac;font-size:10px;line-height:1.4}
.aidc-be__foot{
  padding:14px 18px;border-top:1px solid rgba(255,255,255,.08);
  display:flex;gap:8px;
}
.aidc-be__btn{
  flex:1;padding:10px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.12);
  background:transparent;color:#f0f1ff;cursor:pointer;
  font:600 12px/1 inherit;text-transform:uppercase;letter-spacing:.04em;
  transition:background .12s,border-color .12s;
}
.aidc-be__btn:hover{background:rgba(255,255,255,.06)}
.aidc-be__btn--primary{
  background:linear-gradient(120deg,#ff62c5,#ff008c);color:#fff;border-color:transparent;
  box-shadow:0 6px 18px rgba(255,0,140,.28);
}
.aidc-be__btn--primary:hover{filter:brightness(1.08)}
.aidc-be__btn--small{flex:0 0 auto;padding:10px 14px;font-size:11px}

/* ─── v1.11.43: Универсальные тонкие тёмно-серые скроллбары для всего редактора и панелей ─── */
*, *::before, *::after {
  scrollbar-width: thin;
  scrollbar-color: #3a3a48 transparent;
}
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: #3a3a48;
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover { background: #50506a; background-clip: padding-box; }
*::-webkit-scrollbar-corner { background: transparent; }

/* ─── v1.11.43: Правая панель GrapesJS ВСЕГДА скрыта — стили открываются только кнопкой «Стиль» ─── */
.gjs-pn-views-container,
.gjs-pn-views,
.gjs-pn-panel.gjs-pn-views-container,
.gjs-pn-panel.gjs-pn-views { display: none !important; }
.gjs-cv-canvas { right: 0 !important; width: auto !important; left: 0 !important; }

/*  v1.11.43: ниверсальные тонкие тёмно-серые скроллбары для всего редактора и панелей  */
*, *::before, *::after {
  scrollbar-width: thin;
  scrollbar-color: #3a3a48 transparent;
}
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
  background: #3a3a48;
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover { background: #50506a; background-clip: padding-box; }
*::-webkit-scrollbar-corner { background: transparent; }

/*  v1.11.43: правая панель GrapesJS С скрыта  стили открываются только кнопкой Стиль  */
.gjs-pn-views-container,
.gjs-pn-views,
.gjs-pn-panel.gjs-pn-views-container,
.gjs-pn-panel.gjs-pn-views { display: none !important; }
.gjs-cv-canvas { right: 0 !important; width: auto !important; }

/* v1.16.92: Модалка «Настройки страницы» */
.aidc-page-settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center}
.aidc-page-settings-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(8,8,14,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.aidc-page-settings-modal__dialog{position:relative;background:#1a1a26;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px rgba(0,0,0,.6);display:flex;flex-direction:column;max-height:90vh}
.aidc-page-settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}
.aidc-page-settings-modal__header h3{margin:0;font-size:18px;font-weight:700;color:#fff}
.aidc-page-settings-modal__close{background:none;border:none;font-size:28px;color:#9090a0;cursor:pointer;line-height:1;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s,color .15s}
.aidc-page-settings-modal__close:hover{background:rgba(255,255,255,.08);color:#fff}
.aidc-page-settings-modal__body{padding:24px;overflow-y:auto;flex:1}
.aidc-page-settings-modal__field{margin-bottom:20px}
.aidc-page-settings-modal__field label{display:block;font-size:13px;font-weight:600;color:#ddd;margin-bottom:8px}
.aidc-page-settings-modal__field input{width:100%;padding:10px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:border-color .15s,background .15s}
.aidc-page-settings-modal__field input:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15)}
.aidc-page-settings-modal__field input:focus{outline:none;border-color:#7b61ff;background:rgba(123,97,255,.08)}
.aidc-page-settings-modal__hint{display:block;margin-top:6px;font-size:12px;color:#9090a0;line-height:1.4}
.aidc-page-settings-modal__hint code{background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px;font-family:ui-monospace,monospace;font-size:11px;color:#b0b0c0}
.aidc-page-settings-modal__footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid rgba(255,255,255,.08)}
.aidc-page-settings-modal__btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .08s,box-shadow .15s,background .15s}
.aidc-page-settings-modal__btn--ghost{background:rgba(255,255,255,.06);color:#e8e8f0;border:1px solid rgba(255,255,255,.1)}
.aidc-page-settings-modal__btn--ghost:hover{background:rgba(255,255,255,.1)}
.aidc-page-settings-modal__btn--primary{background:linear-gradient(135deg,#7b61ff,#5942d6);color:#fff;box-shadow:0 4px 14px rgba(123,97,255,.35)}
.aidc-page-settings-modal__btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(123,97,255,.5)}
.aidc-page-settings-modal__btn:disabled{opacity:.5;cursor:not-allowed;transform:none !important}



/* Academy metadata step shown before a landing is published. */
.academy-publish-modal{position:fixed;inset:0;z-index:100120;display:grid;place-items:center;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif}
.academy-publish-modal__backdrop{position:absolute;inset:0;background:rgba(5,5,10,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.academy-publish-modal__dialog{position:relative;width:min(620px,100%);max-height:min(820px,calc(100dvh - 40px));overflow:hidden;display:flex;flex-direction:column;color:#f5f5fb;background:#171721;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.68)}
.academy-publish-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.academy-publish-modal__header span{display:block;margin-bottom:6px;color:#ff62c5;font-size:10px;font-weight:800;letter-spacing:.14em}
.academy-publish-modal__header h3{margin:0;color:#fff;font-size:20px;line-height:1.25}
.academy-publish-modal__close{width:32px;height:32px;flex:0 0 auto;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#aeb0bf;background:transparent;font-size:24px;line-height:1;cursor:pointer}
.academy-publish-modal__close:hover{color:#fff;background:rgba(255,255,255,.07)}
.academy-publish-modal__body{overflow-y:auto;padding:22px 24px}
.academy-publish-toggle{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid rgba(255,98,197,.28);border-radius:13px;background:rgba(255,0,140,.07);cursor:pointer}
.academy-publish-toggle input{width:19px;height:19px;margin:1px 0 0;accent-color:#ff008c}
.academy-publish-toggle span,.academy-publish-access label span{display:grid;gap:4px}
.academy-publish-toggle strong,.academy-publish-access strong{font-size:14px}
.academy-publish-toggle small,.academy-publish-access small{color:#9295a7;font-size:12px;line-height:1.35}
.academy-publish-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;transition:opacity .15s}
.academy-publish-fields.is-disabled{opacity:.42}
.academy-publish-field{display:grid;align-content:start;gap:7px}
.academy-publish-field:has(textarea){grid-column:1 / -1}
.academy-publish-field label,.academy-publish-access legend{color:#d8dae5;font-size:12px;font-weight:700}
.academy-publish-field label small{color:#777b8e;font-weight:500}
.academy-publish-field input,.academy-publish-field select,.academy-publish-field textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:10px 12px;color:#fff;background:#0e0e16;font:500 13px/1.4 inherit}
.academy-publish-field textarea{min-height:84px;resize:vertical}
.academy-publish-field input:focus,.academy-publish-field select:focus,.academy-publish-field textarea:focus{outline:none;border-color:#ff62c5;box-shadow:0 0 0 3px rgba(255,98,197,.12)}
.academy-publish-field.is-hidden{display:none}
.academy-publish-access{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;border:0}
.academy-publish-access legend{grid-column:1 / -1;margin-bottom:1px}
.academy-publish-access label{display:flex;gap:9px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.025);cursor:pointer}
.academy-publish-access input{margin:2px 0 0;accent-color:#ff008c}
.academy-publish-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);background:#14141d}
@media(max-width:600px){
  .academy-publish-modal{align-items:end;padding:0}
  .academy-publish-modal__dialog{width:100%;max-height:94dvh;border-radius:18px 18px 0 0}
  .academy-publish-modal__header,.academy-publish-modal__body{padding-left:18px;padding-right:18px}
  .academy-publish-fields{grid-template-columns:1fr}
  .academy-publish-field:has(textarea),.academy-publish-access{grid-column:auto}
  .academy-publish-access{grid-template-columns:1fr}
  .academy-publish-access legend{grid-column:auto}
  .academy-publish-modal__footer{padding:14px 18px calc(14px + env(safe-area-inset-bottom));flex-direction:column-reverse}
  .academy-publish-modal__footer .landings-btn{justify-content:center;width:100%}
}


/* AI-first landing onboarding */
.landings-ai-guide{
  margin:0 0 24px;padding:24px;border:1px solid rgba(255,255,255,.09);
  border-radius:18px;background:linear-gradient(135deg,rgba(123,97,255,.12),rgba(255,58,140,.08));
}
.landings-ai-guide__eyebrow,.landings-ai-wizard__badge{
  display:inline-flex;padding:4px 9px;border-radius:999px;background:rgba(255,58,140,.14);
  color:#ff8ec3;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
}
.landings-ai-guide h2{margin:10px 0 18px;color:#fff;font-size:22px}
.landings-ai-guide__steps{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
  margin:0;padding:0;list-style:none;counter-reset:aidc-ai-step;
}
.landings-ai-guide__steps li{
  min-width:0;padding:14px;border-radius:14px;background:rgba(5,5,9,.38);
  border:1px solid rgba(255,255,255,.07);counter-increment:aidc-ai-step;
}
.landings-ai-guide__steps li::before{
  content:counter(aidc-ai-step);display:flex;width:24px;height:24px;align-items:center;
  justify-content:center;margin-bottom:10px;border-radius:50%;background:#ff3a8c;color:#fff;
  font-size:12px;font-weight:800;
}
.landings-ai-guide__steps strong,.landings-ai-guide__steps span{display:block}
.landings-ai-guide__steps strong{margin-bottom:5px;color:#fff;font-size:14px}
.landings-ai-guide__steps span{color:#aeb2c7;font-size:12px;line-height:1.5}
.landings-ai-guide__note{margin:16px 0 0;color:#c8cada;font-size:13px;line-height:1.55}
.landings-modal__lead{margin:-6px 0 18px;color:#aeb2c7;font-size:13px;line-height:1.55}
.landings-modal__overlay--ai{
  padding:0;align-items:stretch;justify-content:stretch;box-sizing:border-box;
  width:calc(100vw / var(--zoom,1));
  height:calc(100vh / var(--zoom,1));
  height:calc(100dvh / var(--zoom,1));
}
body.landings-ai-wizard-open{overflow:hidden}
.landings-modal--ai{
  width:100%;max-width:none;height:100%;max-height:none;padding:0;overflow-y:auto;
  display:flex;flex-direction:column;border-radius:0;scroll-padding:96px 0;
}
.landings-ai-wizard__head{
  position:sticky;top:0;z-index:6;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
  padding:22px 24px 18px;border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(26,26,48,.97);backdrop-filter:blur(12px);
}
.landings-ai-wizard__head h3{margin:10px 0 8px}
.landings-ai-wizard__head .landings-modal__lead{margin:0;max-width:720px}
.landings-ai-models{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 24px 0;
  padding:0;border:0;
}
.landings-ai-models legend{grid-column:1/-1;margin-bottom:2px;color:#dfe1ec;font-size:13px;font-weight:700}
.landings-ai-models label{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.025);cursor:pointer}
.landings-ai-models input{accent-color:#ff3a8c}
.landings-ai-models strong,.landings-ai-models small{display:block}
.landings-ai-models strong{color:#fff;font-size:13px}.landings-ai-models small{margin-top:2px;color:#969aad;font-size:10px;line-height:1.3}
.landings-ai-model-version{
  display:grid;grid-template-columns:auto minmax(220px,360px) minmax(0,1fr);align-items:center;gap:10px;
  margin:12px 24px 0;padding:12px 14px;border:1px solid rgba(255,255,255,.08);
  border-radius:12px;background:rgba(123,97,255,.07);
}
.landings-ai-model-version label{color:#dfe1ec;font-size:12px;font-weight:700}
.landings-ai-model-version select{
  width:100%;padding:9px 34px 9px 11px;border:1px solid rgba(255,255,255,.13);border-radius:9px;
  background:#171722;color:#fff;font:600 13px/1.2 inherit;color-scheme:dark;
}
.landings-ai-model-version small{color:#9da1b7;font-size:11px;line-height:1.35}
.landings-ai-source-file{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:11px 12px;
  border:1px dashed rgba(255,98,197,.35);border-radius:11px;background:rgba(255,58,140,.045);
}
.landings-ai-source-file span{color:#aeb2c7;font-size:11px;line-height:1.4}
.landings-ai-wizard__close{
  flex:0 0 auto;width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.12);
  background:transparent;color:#d7daec;font-size:23px;line-height:1;cursor:pointer;
}
.landings-ai-wizard__steps{overflow:visible;padding:18px 24px;display:flex;flex:0 0 auto;flex-direction:column;gap:14px}
.landings-ai-step{
  display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:18px;
  border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025);
}
.landings-ai-step__number{
  display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;
  background:linear-gradient(135deg,#7b61ff,#ff3a8c);color:#fff;font-weight:800;
}
.landings-ai-step__body{min-width:0}
.landings-ai-step h4{margin:4px 0 5px;color:#fff;font-size:17px}
.landings-ai-step__body>p{margin:0 0 14px;color:#9da1b7;font-size:13px;line-height:1.5}
.landings-ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.landings-modal--ai textarea{resize:vertical;min-height:72px}
.landings-ai-checklist{margin:12px 0 16px;padding-left:20px;color:#c9ccdb;font-size:13px;line-height:1.65}
.landings-ai-checklist li::marker{color:#ff62c5}
.landings-ai-option{
  display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;padding:12px 14px;border-radius:12px;
  background:rgba(123,97,255,.10);color:#e7e8f1;font-size:13px;line-height:1.45;cursor:pointer;
}
.landings-ai-option input{margin-top:2px;accent-color:#ff3a8c}
.landings-ai-wizard__status{min-height:20px;margin:0;padding:0 24px;color:#aeb2c7;font-size:13px}
.landings-ai-wizard__status.is-working{color:#c6bfff}
.landings-ai-wizard__status.is-error{color:#ff8585}
.landings-ai-wizard__actions{
  position:sticky;bottom:0;z-index:6;align-items:center;flex-wrap:wrap;padding:14px 24px;
  margin:0;border-top:1px solid rgba(255,255,255,.1);background:rgba(26,26,48,.97);
  box-shadow:0 -14px 32px rgba(0,0,0,.28);backdrop-filter:blur(12px);
}
.landings-ai-wizard__billing{
  flex:1 1 260px;margin:0 auto 0 0;color:#aeb2c7;font-size:12px;line-height:1.4;
}
.landings-ai-wizard__billing.has-charge{color:#8ee6bd;font-weight:700}
.landings-ai-concepts{margin:0 24px 18px;padding:18px;border:1px solid rgba(255,98,197,.3);border-radius:16px;background:rgba(255,58,140,.055)}
.landings-ai-concepts[hidden]{display:none}
.landings-ai-concepts__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.landings-ai-concepts__head h4{margin:8px 0 5px;color:#fff;font-size:17px}
.landings-ai-concepts__head p{margin:0;max-width:620px;color:#9da1b7;font-size:12px;line-height:1.5}
.landings-ai-concepts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.landings-ai-concept-card{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(5,5,9,.42);cursor:pointer}
.landings-ai-concept-card:has(input:checked){border-color:#ff62c5;box-shadow:0 0 0 2px rgba(255,98,197,.15)}
.landings-ai-concept-card>input{position:absolute;top:17px;right:17px;z-index:3;accent-color:#ff3a8c}
.landings-ai-concept-card>strong{color:#fff;font-size:13px}.landings-ai-concept-card>span:not(.landings-ai-concept-card__preview){color:#bec1d1;font-size:11px;line-height:1.45}.landings-ai-concept-card>small{color:#85899e;font-size:10px;line-height:1.4}
.landings-ai-concept-card__preview{position:relative;display:block;height:240px;overflow:hidden;border-radius:9px;background:#09090f;border:1px solid rgba(255,255,255,.08)}
.landings-ai-concept-card__preview>i{position:absolute;inset:0;z-index:2}
.landings-ai-concept-card__frame{display:block;width:1040px;height:760px;border:0;transform:scale(.29);transform-origin:0 0;pointer-events:none;background:#09090f}
.landings-ai-concept-card__expand{align-self:flex-start;padding:5px 0;border:0;background:transparent;color:#ff8ec3;font:700 10px/1.2 inherit;cursor:pointer}
.landings-ai-concept-card__expand:hover{text-decoration:underline}
.landings-ai-concept-preview-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:22px;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}
.landings-ai-concept-preview-modal__dialog{width:min(1180px,100%);height:min(820px,92dvh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#111119;box-shadow:0 28px 90px rgba(0,0,0,.72)}
.landings-ai-concept-preview-modal__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}
.landings-ai-concept-preview-modal__head button{padding:7px 11px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:transparent;color:#e9eaf2;cursor:pointer}
.landings-ai-concept-preview-modal__frame{flex:1;width:100%;min-height:0;border:0;background:#09090f}
.landings-ai-concepts__warning{margin:10px 0 0;color:#ffbd76;font-size:11px;line-height:1.4}
[data-admin-only],[data-non-admin-only]{display:none}

@media(max-width:900px){
  .landings-ai-guide__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .landings-ai-guide{padding:18px}
  .landings-ai-guide__steps,.landings-ai-grid,.landings-ai-models{grid-template-columns:1fr}
  .landings-ai-models{margin:14px 14px 0}
  .landings-ai-model-version{grid-template-columns:1fr;margin:10px 14px 0}
  .landings-ai-source-file .landings-btn{flex:1 1 auto;justify-content:center}
  .landings-ai-source-file span{flex:1 1 100%}
  .landings-modal--ai{width:100%;max-width:none;height:100%;max-height:none;border-radius:0}
  .landings-ai-wizard__head{padding:18px}
  .landings-ai-wizard__steps{padding:14px}
  .landings-ai-step{grid-template-columns:30px minmax(0,1fr);padding:14px;gap:10px}
  .landings-ai-step__number{width:28px;height:28px;font-size:12px}
  .landings-ai-wizard__actions{padding:14px}
  .landings-ai-wizard__actions .landings-btn{flex:1 1 100%;justify-content:center}
  .landings-ai-concepts{margin:0 14px 14px;padding:14px}
  .landings-ai-concepts__head{flex-direction:column}
  .landings-ai-concepts__grid{grid-template-columns:1fr}
  .landings-ai-concept-card__preview{height:225px}
  .landings-ai-concept-preview-modal{padding:0}
  .landings-ai-concept-preview-modal__dialog{width:100%;height:100dvh;border:0;border-radius:0}
}

.landings-editor__publish-note{color:#aeb2c7;font-size:11px;white-space:nowrap}

.landings-ai-draft-guide{
  position:fixed;right:18px;top:72px;z-index:80;width:min(390px,calc(100vw - 36px));
  max-height:calc(100dvh - 90px);display:flex;flex-direction:column;border-radius:16px;
  border:1px solid rgba(255,255,255,.13);background:#171722;color:#eef0fa;
  box-shadow:0 18px 54px rgba(0,0,0,.55);overflow:hidden;
}
.landings-ai-draft-guide__head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  padding:16px;border-bottom:1px solid rgba(255,255,255,.08);
}
.landings-ai-draft-guide__head h3{margin:8px 0 0;font-size:16px}
.landings-ai-draft-guide__toggle{
  border:1px solid rgba(255,255,255,.12);border-radius:8px;background:transparent;
  color:#cfd2e3;padding:7px 9px;font-size:11px;cursor:pointer;white-space:nowrap;
}
.landings-ai-draft-guide__body{padding:0 16px 16px;overflow:auto}
.landings-ai-billing-receipt{
  margin:14px 0 4px;padding:11px 12px;border:1px solid rgba(142,230,189,.25);
  border-radius:11px;background:rgba(45,184,125,.09);color:#a9efce;font-size:12px;line-height:1.5;
}
.landings-ai-draft-guide__body h4{margin:16px 0 8px;font-size:13px;color:#ff8ec3}
.landings-ai-draft-guide__list,.landings-ai-draft-guide__slides{
  margin:0;padding-left:20px;color:#c9ccda;font-size:12px;line-height:1.55;
}
.landings-ai-draft-guide__list li,.landings-ai-draft-guide__slides li{margin:0 0 7px}
.landings-ai-draft-guide__slides strong,.landings-ai-draft-guide__slides span{display:block}
.landings-ai-draft-guide__slides span{margin-top:2px;color:#9da1b7}
.landings-ai-draft-guide__hint{font-size:11px;line-height:1.5;color:#9da1b7}
.landings-ai-chat{display:flex;flex-direction:column;gap:9px}
.landings-ai-chat__input{width:100%;min-height:88px;resize:vertical;padding:10px 11px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.045);color:#f1f2f8;font:inherit;line-height:1.45}
.landings-ai-chat__input:focus,.landings-ai-chat__model:focus{outline:none;border-color:#ff62c5}
.landings-ai-chat__controls{display:flex;gap:8px;align-items:center}
.landings-ai-chat__model{flex:1;min-width:0;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#222231;color:#fff}
.landings-ai-chat__status{min-height:17px;margin:0;color:#b9b2ff;font-size:11px;line-height:1.4}.landings-ai-chat__status.is-error{color:#ff8585}
.landings-ai-chat__target{padding:9px 10px;border:1px solid rgba(90,220,160,.28);border-radius:10px;background:rgba(90,220,160,.07);color:#bff3d7;font-size:11px;line-height:1.45}.landings-ai-chat__target.is-error{border-color:rgba(255,133,133,.32);background:rgba(255,133,133,.07);color:#ffb0b0}
.landings-ai-chat__reference{display:flex;flex-direction:column;gap:6px;padding:9px 10px;border:1px dashed rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.025);color:#e5e6ef;font-size:11px;cursor:pointer}
.landings-ai-chat__reference input{max-width:100%;color:#bfc2d2;font-size:10px}
.landings-ai-chat__reference-summary{color:#8f93a8;line-height:1.4;overflow-wrap:anywhere}.landings-ai-chat__reference-summary.is-error{color:#ff8585}
.landings-ai-download{display:flex;width:100%;justify-content:center;margin-top:9px;text-decoration:none}
.landings-ai-history{display:flex;flex-direction:column;gap:7px}
.landings-ai-history__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025)}
.landings-ai-history__item strong{overflow:hidden;color:#dfe1ec;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.landings-ai-history__item small{color:#85899e;font-size:9px}
.landings-ai-history__restore{grid-row:1/3;grid-column:2;padding:5px 7px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:transparent;color:#d8daea;font-size:10px;cursor:pointer}
.landings-ai-audit{display:flex;flex-direction:column;gap:7px}.landings-ai-audit__result{margin:0;color:#bfc2d2;font-size:11px;line-height:1.5}.landings-ai-audit__issue{display:block;margin-top:5px;padding:7px 8px;border-radius:7px;background:rgba(255,189,118,.08);color:#ffcf99}.landings-ai-audit__issue.is-error{background:rgba(255,92,92,.09);color:#ff9f9f}
.landings-ai-draft-guide.is-collapsed{display:none}
.landings-ai-draft-guide.is-collapsed .landings-ai-draft-guide__body,
.landings-ai-draft-guide.is-collapsed .landings-ai-draft-guide__head>div{display:none}
.landings-ai-draft-guide.is-collapsed .landings-ai-draft-guide__head{padding:8px;border:0}
@media(max-width:640px){
  .landings-ai-draft-guide{right:10px;top:64px;width:calc(100vw - 20px);max-height:calc(100dvh - 74px)}
}

/* Landing wizard: presentation discovery and support-button collision guard. */
.landings-ai-option__hint{
  margin:-8px 4px 16px;color:#aeb2c7;font-size:12px;line-height:1.5;
}
.landings-ai-presentation-actions{
  display:flex;align-items:center;gap:10px;margin:14px 0 4px;
}
body.landings-ai-wizard-open .aidc-support{
  bottom:calc(92px + env(safe-area-inset-bottom,0px)) !important;
}
body.landings-ai-wizard-open .aidc-support__dock-toggle{
  width:34px;min-width:34px;padding:0;border-radius:50%;
}
body.landings-ai-wizard-open .aidc-support__dock-toggle-label{display:none;}


/* Editor reliability: explicit AI drawer and visible ZIP progress. */
.landings-ai-draft-guide.is-open{
  top:0;right:0;bottom:0;width:min(460px,100vw);max-height:none;
  border-radius:0;z-index:100150;
}
.landings-ai-draft-guide.is-open .landings-ai-draft-guide__body{padding-bottom:32px}
[data-aidc-download-busy="1"]{pointer-events:none;opacity:.72;cursor:wait}
@media(max-width:640px){
  .landings-ai-draft-guide.is-open{top:0;right:0;bottom:0;width:100vw;max-height:none}
}

.aidc-bulk-style{position:fixed;inset:0;z-index:100020;background:rgba(5,5,12,.76);display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(8px)}
.aidc-bulk-style__dialog{width:min(760px,100%);max-height:min(860px,calc(100dvh - 32px));overflow:auto;color:#f5f5fb;background:#151520;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.58);padding:22px}
.aidc-bulk-style__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.aidc-bulk-style__head span{color:#ff62c5;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.aidc-bulk-style__head h3{margin:5px 0 0;font-size:24px}.aidc-bulk-style__head button{border:0;background:rgba(255,255,255,.07);color:#fff;width:34px;height:34px;border-radius:9px;cursor:pointer}.aidc-bulk-style__lead{margin:14px 0;color:#aaaabd;font-size:13px}
.aidc-bulk-style__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aidc-bulk-style__groups label{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);cursor:pointer}.aidc-bulk-style__groups label:has(input:checked){border-color:#ff3a8c;background:rgba(255,58,140,.1)}.aidc-bulk-style__groups label:has(input:disabled){opacity:.45}.aidc-bulk-style__groups input{accent-color:#ff3a8c}.aidc-bulk-style__groups span{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.aidc-bulk-style__groups small{color:#bcbcca;font-weight:700}
.aidc-bulk-style__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.aidc-bulk-style__fields[hidden]{display:none}.aidc-bulk-style__fields label{display:flex;flex-direction:column;gap:7px;color:#b8b8c7;font-size:12px;font-weight:700}.aidc-bulk-style__fields input,.aidc-bulk-style__fields select{min-height:40px;width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#0d0d15;color:#fff;padding:8px 10px}.aidc-bulk-style__summary{margin:16px 0 0;padding:10px 12px;border-radius:9px;background:rgba(123,97,255,.1);color:#cdc6ff;font-size:12px}.aidc-bulk-style__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}[data-aidc-bulk-preview="1"]{outline:3px solid #ff3a8c!important;outline-offset:-3px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)!important}
@media(max-width:720px){.aidc-bulk-style{padding:0}.aidc-bulk-style__dialog{width:100%;height:100dvh;max-height:none;border-radius:0;padding:18px}.aidc-bulk-style__groups,.aidc-bulk-style__fields{grid-template-columns:1fr}.aidc-bulk-style__actions{position:sticky;bottom:-18px;background:#151520;padding:12px 0 18px}}