/* Editor workspace — matches the shell's design tokens. */
.editor-workspace{display:flex;flex-direction:column;gap:0}
.editor-bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:0 0 14px;margin-bottom:18px;border-bottom:1px solid var(--line);
}
.editor-tabs{display:flex;gap:6px;flex-wrap:wrap}
.editor-tab{
  min-height:36px;padding:0 16px;border-radius:10px;border:1px solid transparent;
  background:transparent;color:var(--muted);font-weight:600;font-size:14px;
}
.editor-tab:hover{background:var(--paper);color:var(--navy);transform:none}
.editor-tab.active{background:var(--navy);color:#fff}
.editor-actions{display:flex;align-items:center;gap:12px}
.editor-dirty{font-size:12.5px;color:var(--muted)}
.editor-status{padding:18px;color:var(--muted);font-size:14px}
.editor-status.error{
  background:#fdecea;border:1px solid #f2c3bf;color:var(--red);
  border-radius:12px;font-weight:600;margin-bottom:16px;
}
.editor-body{min-height:320px}
.editor-note{margin-top:20px;font-size:12.5px;color:var(--muted);line-height:1.65}

/* Empty state — a large panel with 13px grey text reads as a broken page. */
.editor-empty{
  padding:44px 28px;text-align:center;
  border:1px dashed var(--line);border-radius:var(--radius);background:var(--white);
}
.editor-empty h3{font-size:19px;color:var(--navy);margin-bottom:8px}
.editor-empty p{margin:0 0 20px;color:var(--muted);font-size:14.5px}