/* Full Avacore editor, native to the APEX platform. Keep its proven controls. */
:root, [data-theme="light"] {
  --font-display: 'Manrope', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --r: 10px;
  --r-lg: 18px;
}
[data-theme="light"] {
  --bg: #f8f6f1; --bg2: #f1ede6; --bg3: #eae5dc; --bg4: #e1dbd1;
  --surface: #fcfaf5; --border: #ded8ce; --border2: #ccc4b8;
  --text: #24211d; --text2: #6e675d; --text3: #8b8276;
  --ember: #ee6244; --ember2: #fb7153; --ember-bg: #fbe9e1;
  --field-bg: #f7f3ec; --inset-bg: #f2ede5; --ring: #ef62442b;
}
.platform-header { height: 72px; flex-shrink: 0; display: flex; align-items: center; gap: 45px; padding: 0 32px; border-bottom: 1px solid var(--border); background: var(--bg); }
.platform-wordmark { text-decoration: none; color: var(--text); font: 600 22px var(--font-display); letter-spacing: 5px; padding-right: 32px; border-right: 1px solid var(--border); }
.platform-header nav { display: flex; align-items: stretch; gap: 30px; height: 100%; overflow-x: auto; }
.platform-header nav a { display: flex; align-items: center; position: relative; white-space: nowrap; color: var(--text2); text-decoration: none; font: 500 13px var(--font-display); }
.platform-header nav a[aria-current] { color: var(--text); }
.platform-header nav a[aria-current]::after { content: ''; height: 2px; background: var(--ember); position: absolute; left: 0; right: 0; bottom: 15px; }
#app { height: 100dvh; }
.layout { height: calc(100dvh - 72px); }
.sidebar { background: var(--bg); }
.brand-mark { display: none; }
.brand-title { letter-spacing: -.5px; }
.editor-header h1 { font-weight: 500; letter-spacing: -1px; }
.section-title { letter-spacing: .8px; font-size: 11px; }
.sidebar-fab { top: 86px; }
.sidebar-backdrop { top: 72px; }
@media (max-width: 768px) {
  .platform-header { height: 64px; gap: 18px; padding: 0 15px; }
  .platform-wordmark { padding-right: 14px; font-size: 18px; }
  .platform-header nav { gap: 20px; }
  .platform-header nav a { font-size: 11px; }
  .layout { height: calc(100dvh - 64px); }
  .sidebar { top: 64px; height: calc(100dvh - 64px); }
  .sidebar-fab { top: 75px; }
}