/* 08-workspace-tabs */


      .ws-header, .title-row { padding: 10px 16px; background: var(--panel); border-bottom: 1px solid var(--border); }
      .title-row { display: flex; gap: 8px; }
      .tab-wrap { flex: 1; display: flex; flex-direction: column; min-height: 0; padding: 0 16px 16px; }
      .tab-bar { display: flex; gap: 4px; padding: 10px 0; }
      .tab-btn { border: 1px solid var(--border); background: var(--panel); border-radius: 8px; padding: 7px 12px; font-size: 13px; cursor: pointer; }
      .tab-btn.active { background: var(--accent-soft); color: var(--accent); font-weight: 600; }
      .editor-block { flex: 1; display: flex; flex-direction: column; gap: 8px; min-height: 200px; }
      .preview-pane { padding: 20px; background: var(--panel); border: 1px solid var(--border); border-radius: 10px; color: var(--muted); }