/* 24-zoned-layout */

      .zone-label { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); padding: 6px 10px 0; }
      .sidebar::before { content: "Зона A · Дерево"; display: block; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); padding-bottom: 8px; }
      .mode-rail::before { content: "B · Группы"; display: block; font-size: 9px; font-weight: 700; color: var(--muted); text-align: center; margin-bottom: 4px; }
      .mode-flyout::before { content: "C · Подрежимы"; display: block; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); padding: 8px 10px 0; }
      .right-panel::before { content: "E · Операции"; display: block; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }

      .zone-label { padding: 10px 16px 0; background: var(--panel); border-bottom: 1px solid var(--border); }
      .ws-header, .title-row { padding: 10px 16px; background: var(--panel); border-bottom: 1px solid var(--border); }
      .title-row { display: flex; gap: 8px; }
      .form-props { margin: 12px 16px 0; }
      .editor-block { flex: 1; padding: 12px 16px 16px; display: flex; flex-direction: column; gap: 8px; min-height: 0; }