@ai-ecoverse/slicc-spectrum 2.0.1 → 2.0.3

package/dist/slicc-ui.js

@@ -10587,12 +10587,17 @@ var Cuts = class {
 };
 var Ends = class {
   #seen = /* @__PURE__ */ new Set();
+  #looked = /* @__PURE__ */ new Set();
   #root;
   #changed;
   #observer = new IntersectionObserver((entries) => {
     let changed2 = false;
     for (const entry of entries) {
       const id = entry.target.dataset.end;
+      if (!this.#looked.has(id)) {
+        this.#looked.add(id);
+        changed2 = true;
+      }
       if (!entry.isIntersecting || this.#seen.has(id)) continue;
       this.#seen.add(id);
       changed2 = true;
@@ -10606,8 +10611,12 @@ var Ends = class {
   has(id) {
     return this.#seen.has(id);
   }
+  hidden(id) {
+    return this.#looked.has(id) && !this.#seen.has(id);
+  }
   clear() {
     this.#seen.clear();
+    this.#looked.clear();
   }
   observe() {
     for (const end of this.#root().querySelectorAll("[data-end]"))
@@ -49879,8 +49888,10 @@ var SliccApprovals = class extends ModelElement {
     gone: { state: true }
   };
   arming = 500;
-  #armed = false;
-  #arming;
+  #changed = 0;
+  #pressed = 0;
+  #layout = "";
+  #moves = new ResizeObserver(() => this.#settle());
   #showing = null;
   #pending = /* @__PURE__ */ new Set();
   #done = /* @__PURE__ */ new Set();
@@ -49890,11 +49901,6 @@ var SliccApprovals = class extends ModelElement {
   #timer = null;
   #shown = "";
   #trigger = null;
-  #full = /* @__PURE__ */ new Set();
-  #cuts = new Cuts(
-    () => this.renderRoot,
-    () => this.requestUpdate()
-  );
   #ends = new Ends(
     () => this.renderRoot,
     () => this.requestUpdate()
@@ -49908,7 +49914,6 @@ var SliccApprovals = class extends ModelElement {
   }
   static styles = [
     dialogStyles,
-    clampCss,
     i`
       :host {
         display: contents;
@@ -49955,9 +49960,6 @@ var SliccApprovals = class extends ModelElement {
         inline-size: 0;
         block-size: 0;
       }
-      .full-command {
-        margin-block-start: var(--swc-spacing-100);
-      }
       .guest {
         margin-block-start: var(--swc-spacing-200);
         padding: var(--swc-spacing-200) var(--swc-spacing-300);
@@ -49990,16 +49992,39 @@ var SliccApprovals = class extends ModelElement {
         margin-block-start: var(--swc-spacing-300);
         font-variant-numeric: tabular-nums;
       }
+      .more {
+        min-block-size: 1lh;
+      }
+      .notes {
+        display: flex;
+        flex-direction: column;
+        gap: var(--swc-spacing-100);
+        box-sizing: border-box;
+        block-size: min(9lh, 30dvh);
+        margin-block-start: var(--swc-spacing-200);
+        font-size: var(--swc-font-size-75);
+        overflow-y: auto;
+        overscroll-behavior: contain;
+      }
+      .notes .hint,
+      .notes .verdict {
+        margin: 0;
+      }
+      .judge {
+        display: flex;
+        flex: 1 0 auto;
+        flex-direction: column;
+        gap: var(--swc-spacing-100);
+      }
       .judged {
         display: flex;
+        flex: 1 0 auto;
         align-items: flex-start;
         gap: var(--swc-spacing-100);
-        margin-block-start: var(--swc-spacing-200);
         padding: var(--swc-spacing-200) var(--swc-spacing-300);
         border-radius: var(--swc-corner-radius-medium-default);
         background: var(--swc-neutral-subtle-background-color-default);
         color: var(--swc-neutral-content-color-default);
-        font-size: var(--swc-font-size-75);
         overflow-wrap: anywhere;
       }
       .judged[data-verdict='checking'],
@@ -50023,6 +50048,9 @@ var SliccApprovals = class extends ModelElement {
       .judged p {
         margin: 0;
       }
+      [slot='button'][data-action='deny'] {
+        margin-inline-end: auto;
+      }
       .problem {
         display: flex;
         align-items: flex-start;
@@ -50045,7 +50073,6 @@ var SliccApprovals = class extends ModelElement {
       this.#done.clear();
       this.#closed.clear();
       this.#ended.clear();
-      this.#full.clear();
       this.#ends.clear();
     }
     if (!port) return [];
@@ -50067,9 +50094,9 @@ var SliccApprovals = class extends ModelElement {
   disconnectedCallback() {
     super.disconnectedCallback();
     this.#tick(false);
-    clearTimeout(this.#arming);
     this.#showing = null;
-    this.#cuts.disconnect();
+    this.#layout = "";
+    this.#moves.disconnect();
     this.#ends.disconnect();
   }
   #tick(on2) {
@@ -50081,7 +50108,7 @@ var SliccApprovals = class extends ModelElement {
   }
   async decide(approval, decision2) {
     const port = this.model?.approvals;
-    if (!port?.decide || this.busy || decision2 !== "deny" && (!this.#armed || !this.#whole(approval)))
+    if (!port?.decide || this.busy || decision2 !== "deny" && (!this.#settled(performance.now()) || !this.#whole(approval)))
       return;
     const live = port.list().find(({ id }) => id === approval.id);
     if (decision2 === "always" && !(live && offersAlways(live))) return;
@@ -50117,17 +50144,46 @@ var SliccApprovals = class extends ModelElement {
     const next = list6[0] ?? null;
     if (next?.id === showing?.id) return;
     this.#showing = next;
-    clearTimeout(this.#arming);
-    this.#armed = false;
-    this.#arming = setTimeout(() => this.#armed = true, this.arming);
+    this.#changed = performance.now();
+  }
+  #settled(at) {
+    return at - this.#changed >= this.arming;
+  }
+  #settle() {
+    const dialog = this.renderRoot.querySelector("dialog");
+    const buttons = [...this.renderRoot.querySelectorAll("[slot=button]")];
+    const layout = JSON.stringify([
+      dialog?.dataset.approval,
+      dialog?.dataset.gone,
+      buttons.map((button) => {
+        const { left, top, width, height } = button.getBoundingClientRect();
+        return [
+          button.dataset.action,
+          button.textContent,
+          button.hasAttribute("disabled"),
+          button.hasAttribute("pending"),
+          ...[left, top, width, height].map(Math.round)
+        ];
+      })
+    ]);
+    if (layout === this.#layout) return;
+    this.#layout = layout;
+    this.#changed = performance.now();
+  }
+  #click(event2, approval, decision2) {
+    if (!this.#settled(event2.detail ? this.#pressed : performance.now())) return;
+    void this.decide(approval, decision2);
   }
   updated(changed2) {
     super.updated(changed2);
     const all2 = this.model?.approvals?.list() ?? [];
     this.#tick(this.isConnected && all2.length > 0);
-    this.#cuts.measure();
     this.#ends.observe();
     const dialog = this.renderRoot.querySelector("dialog");
+    if (dialog)
+      for (const box of dialog.querySelectorAll("sp-alert-dialog, [slot=button]"))
+        this.#moves.observe(box);
+    this.#settle();
     const key = dialog ? `${dialog.dataset.approval}:${dialog.dataset.gone ?? ""}:${dialog.hasAttribute("data-rejected")}` : "";
     if (key === this.#shown) return;
     if (dialog && !this.#shown) this.#trigger = origin();
@@ -50138,8 +50194,8 @@ var SliccApprovals = class extends ModelElement {
       return;
     }
     if (!dialog.open) dialog.showModal();
-    this.#cuts.measure();
     this.#ends.observe();
+    this.#settle();
     const first2 = dialog.querySelector("[data-action=deny], [data-action=close]");
     void first2.updateComplete.then(() => first2.focus());
   }
@@ -50165,38 +50221,30 @@ var SliccApprovals = class extends ModelElement {
       fill-style=${variant === "accent" ? A : "outline"}
       data-action=${decision2}
       ?pending=${this.busy === decision2}
-      ?disabled=${!!this.busy && this.busy !== decision2}
-      @click=${() => this.decide(approval, decision2)}
+      ?disabled=${!!this.busy && this.busy !== decision2 || decision2 !== "deny" && !this.#whole(approval)}
+      @click=${(event2) => this.#click(event2, approval, decision2)}
       >${label}</swc-button
     >`;
   }
   #dialog(approval, key, content3) {
     return i23(
       key,
-      b`<dialog role="alertdialog" aria-labelledby="title" aria-describedby="asking" data-approval=${approval.id} data-kind=${approval.kind} data-requester=${approval.requester.kind} data-gone=${this.gone?.reason ?? A} data-rejected=${!this.gone && this.failure?.id === approval.id ? "" : A} @cancel=${(event2) => this.#cancel(event2, approval)}>${content3}</dialog>`
+      b`<dialog role="alertdialog" aria-labelledby="title" aria-describedby="asking" data-approval=${approval.id} data-kind=${approval.kind} data-requester=${approval.requester.kind} data-gone=${this.gone?.reason ?? A} data-rejected=${!this.gone && this.failure?.id === approval.id ? "" : A} @pointerdown=${() => this.#pressed = performance.now()} @cancel=${(event2) => this.#cancel(event2, approval)}>${content3}</dialog>`
     );
   }
   #whole(approval) {
-    const { id } = approval;
     if (truncated(approval)) return false;
-    return !approved(approval) || this.#cuts.get(id) === false || this.#full.has(id) && this.#ends.has(id);
+    return !approved(approval) || this.#ends.has(approval.id);
   }
   #gate(approval) {
     if (truncated(approval)) return tooLong;
-    if (this.#whole(approval)) return "";
-    return this.#full.has(approval.id) ? toScroll : toShow;
-  }
-  #expand(id) {
-    if (!this.#full.delete(id)) this.#full.add(id);
-    this.requestUpdate();
+    return this.#ends.hidden(approval.id) ? toScroll : "";
   }
   #command(approval, pending) {
     const { id } = approval;
     const text4 = approved(approval);
     if (!text4) return b`<p class="hint" data-id="no-details">This request has no details.</p>`;
-    const full = !pending || this.#full.has(id);
-    const toggle = pending && (full || this.#cuts.get(id)) ? fullCommand(full, () => this.#expand(id)) : A;
-    return b`<pre class="command" data-command=${approval.kind === "sudo" ? "" : A} data-summary=${approval.kind === "sudo" ? A : ""}><span class="lines" data-clamp=${full ? A : id}>${approval.kind === "sudo" ? commandText(text4) : text4}${pending ? b`<span class="end" data-end=${id}></span>` : A}</span></pre>${toggle}`;
+    return b`<pre class="command" data-command=${approval.kind === "sudo" ? "" : A} data-summary=${approval.kind === "sudo" ? A : ""}><span class="lines">${approval.kind === "sudo" ? commandText(text4) : text4}${pending ? b`<span class="end" data-end=${id}></span>` : A}</span></pre>`;
   }
   #request(approval, pending = false) {
     if (approval.kind === "tray") return b`<p id="asking">${trayAsking(approval)}</p>`;
@@ -50211,18 +50259,17 @@ var SliccApprovals = class extends ModelElement {
       <div class="guest" data-guest-text>${approval.text}</div>
       ${files.length ? b`<ul class="files" data-attachments>${files.map((file) => b`<li>${file.name} · ${file.mimeType} · ${size3(file.size)}</li>`)}</ul>` : A}`;
   }
-  #verdict(approval) {
+  #notes(approval, gate, always) {
     if (approval.kind === "tray") return A;
     const note = verdictNote(approval);
-    return b`<div class="judge" aria-live="polite">${judged(approval)}${note ? b`<p class="hint" data-verdict-note>${note}</p>` : A}</div>`;
+    return b`<div class="notes" data-notes><div class="judge" aria-live="polite">${judged(approval)}${note ? b`<p class="hint" data-verdict-note>${note}</p>` : A}</div>${gate ? b`<p class="hint" data-allow-hint>${gate}</p>` : A}${always ? b`<p class="hint" data-always-hint>${hintOf(approval)}</p>` : A}</div>`;
   }
   #actions(approval, rejected, always) {
     if (rejected)
       return b`<swc-button slot="button" variant="secondary" fill-style="outline" data-action="close" @click=${() => this.#dismiss(approval)}>Close</swc-button>`;
-    const whole = this.#whole(approval);
     return b`${this.#button(approval, "deny", "Deny", "secondary")}
-      ${whole && always ? this.#button(approval, "always", inCwd(approval) ? "Always allow in this directory" : "Always allow", "secondary") : A}
-      ${whole ? this.#button(approval, "once", "Allow once", "accent") : A}`;
+      ${always ? this.#button(approval, "always", inCwd(approval) ? "Always allow in this directory" : "Always allow", "secondary") : A}
+      ${this.#button(approval, "once", "Allow once", "accent")}`;
   }
   render() {
     if (this.gone) {
@@ -50244,8 +50291,7 @@ var SliccApprovals = class extends ModelElement {
     if (!approval) return A;
     const failure3 = this.failure?.id === approval.id ? this.failure.message : "";
     const always = offersAlways(approval);
-    const gate = this.#gate(approval);
-    const hint2 = always && this.#whole(approval) ? hintOf(approval) : "";
+    const gate = failure3 ? "" : this.#gate(approval);
     return this.#dialog(
       approval,
       approval.id,
@@ -50253,11 +50299,9 @@ var SliccApprovals = class extends ModelElement {
           <h2 id="title" slot="heading">${title(approval)}</h2>
           ${this.#request(approval, true)}
           ${approval.kind === "sudo" && approval.cwd ? b`<p class="cwd">In ${commandText(approval.cwd, false)}</p>` : A}
-          ${this.#verdict(approval)}
-          ${hint2 ? b`<p class="hint">${hint2}</p>` : A}
-          ${!failure3 && gate ? b`<p class="hint" data-allow-hint>${gate}</p>` : A}
+          ${this.#notes(approval, gate, always)}
           ${failure3 ? b`<p class="problem" role="alert" data-error><swc-icon-alert-triangle size="s" aria-hidden="true"></swc-icon-alert-triangle><span>${failure3}</span></p>` : b`<p class="timer" data-timer>Denied automatically in ${countdown(approval.expiresAt - this.now)}.</p>`}
-          ${rest.length ? b`<p class="more" data-more>${rest.length === 1 ? "1 more request is waiting." : `${rest.length} more requests are waiting.`}</p>` : A}
+          <p class="more" data-more=${rest.length ? "" : A}>${rest.length === 1 ? "1 more request is waiting." : rest.length ? `${rest.length} more requests are waiting.` : ""}</p>
           ${this.#actions(approval, !!failure3, always)}
         </sp-alert-dialog>`
     );
@@ -51994,7 +52038,7 @@ var SliccDiffPanel = class extends ThemedElement {
 // src/app/lucide.ts
 var library = null;
 function load2() {
-  library ??= import("./chunk-GIS2QBSN.js");
+  library ??= import("./chunk-NMHCUT6N.js");
   return library;
 }
 function pascal(name) {
@@ -58982,6 +59026,7 @@ var BranchNode = class BranchNode2 extends CompositeDisposable {
     this._cachedMinimumSize = void 0;
     this._cachedMaximumSize = void 0;
     this._cachedPriority = void 0;
+    this._onDidInvalidateSizes.fire();
   }
   get disabled() {
     return this.splitview.disabled;
@@ -59017,6 +59062,8 @@ var BranchNode = class BranchNode2 extends CompositeDisposable {
     this.onDidChange = this._onDidChange.event;
     this._onDidVisibilityChange = new Emitter2();
     this.onDidVisibilityChange = this._onDidVisibilityChange.event;
+    this._onDidInvalidateSizes = new Emitter2();
+    this.onDidInvalidateSizes = this._onDidInvalidateSizes.event;
     this._orthogonalSize = orthogonalSize;
     this._size = size4;
     this.element = document.createElement("div");
@@ -59051,7 +59098,7 @@ var BranchNode = class BranchNode2 extends CompositeDisposable {
       this.splitview.layout(this.size, this.orthogonalSize);
     }
     this.disabled = disabled2;
-    this.addDisposables(this._onDidChange, this._onDidVisibilityChange, this.splitview.onDidSashEnd(() => {
+    this.addDisposables(this._onDidChange, this._onDidVisibilityChange, this._onDidInvalidateSizes, this.splitview.onDidSashEnd(() => {
       this._onDidChange.fire({});
     }));
     this.setupChildrenEvents();
@@ -59122,9 +59169,11 @@ var BranchNode = class BranchNode2 extends CompositeDisposable {
       this.invalidateCachedSizes();
       this._onDidChange.fire({ size: e128.orthogonalSize });
     }), ...this.children.map((c29, i26) => {
-      if (c29 instanceof BranchNode2) return c29.onDidVisibilityChange(({ visible: visible3 }) => {
+      if (c29 instanceof BranchNode2) return new CompositeDisposable(c29.onDidVisibilityChange(({ visible: visible3 }) => {
         this.setChildVisible(i26, visible3);
-      });
+      }), c29.onDidInvalidateSizes(() => {
+        this.invalidateCachedSizes();
+      }));
       return Disposable.NONE;
     }));
   }
@@ -60729,8 +60778,8 @@ function computeOverlayShape(quadrant, width, height, overlayModel) {
   const sizeOptions = (_overlayModel$size = overlayModel === null || overlayModel === void 0 ? void 0 : overlayModel.size) !== null && _overlayModel$size !== void 0 ? _overlayModel$size : DEFAULT_SIZE;
   if (sizeOptions.type === "percentage") size4 = clamp(sizeOptions.value, 0, 100) / 100;
   else {
-    if (rightClass || leftClass) size4 = clamp(0, sizeOptions.value, width) / width;
-    if (topClass || bottomClass) size4 = clamp(0, sizeOptions.value, height) / height;
+    if (rightClass || leftClass) size4 = clamp(sizeOptions.value, 0, width) / width;
+    if (topClass || bottomClass) size4 = clamp(sizeOptions.value, 0, height) / height;
   }
   return {
     isSmallX,
@@ -61359,18 +61408,21 @@ var PointerDragController = class PointerDragController2 extends CompositeDispos
       clientY: e128.clientY,
       pointerEvent: e128
     };
-    if (dropped && this._currentTarget) this._currentTarget.handleDrop(dragEvent);
-    else {
-      var _this$_currentTarget3;
-      (_this$_currentTarget3 = this._currentTarget) === null || _this$_currentTarget3 === void 0 || _this$_currentTarget3.handleDragLeave();
+    try {
+      if (dropped && this._currentTarget) this._currentTarget.handleDrop(dragEvent);
+      else {
+        var _this$_currentTarget3;
+        (_this$_currentTarget3 = this._currentTarget) === null || _this$_currentTarget3 === void 0 || _this$_currentTarget3.handleDragLeave();
+      }
+    } finally {
+      const onEnd = this._onDragEndCallback;
+      const dataDisposable = this._dataDisposable;
+      this._teardown();
+      this._dataDisposable = void 0;
+      setTimeout(() => dataDisposable === null || dataDisposable === void 0 ? void 0 : dataDisposable.dispose(), 0);
+      onEnd === null || onEnd === void 0 || onEnd(dragEvent, dropped);
+      this._onDragEnd.fire(dragEvent);
     }
-    const onEnd = this._onDragEndCallback;
-    const dataDisposable = this._dataDisposable;
-    this._teardown();
-    this._dataDisposable = void 0;
-    setTimeout(() => dataDisposable === null || dataDisposable === void 0 ? void 0 : dataDisposable.dispose(), 0);
-    onEnd === null || onEnd === void 0 || onEnd(dragEvent, dropped);
-    this._onDragEnd.fire(dragEvent);
   }
   _teardown() {
     var _this$_ghost2, _this$_iframeShield, _this$_selectionShiel, _this$_moveListener, _this$_upListener, _this$_cancelListener;
@@ -61472,7 +61524,8 @@ var PointerDropTarget = class extends CompositeDisposable {
     const willShow = new WillShowOverlayEvent({
       nativeEvent: event2.pointerEvent,
       position: quadrant,
-      edge: resolved.edge
+      edge: resolved.edge,
+      edgeGroup: resolved.edgeGroup
     });
     this._onWillShowOverlay.fire(willShow);
     if (willShow.defaultPrevented) {
@@ -61553,13 +61606,15 @@ var PointerDropTarget = class extends CompositeDisposable {
       });
       return result ? {
         position: result.position,
-        edge: !!result.edge
+        edge: !!result.edge,
+        edgeGroup: !!result.edgeGroup
       } : null;
     }
     const position2 = this._calculateQuadrant(x5, y8, width, height);
     return position2 ? {
       position: position2,
-      edge: false
+      edge: false,
+      edgeGroup: false
     } : null;
   }
   _calculateQuadrant(x5, y8, width, height) {
@@ -61637,6 +61692,7 @@ var PointerDragSource = class extends CompositeDisposable {
     var _this$options$isCance, _this$options;
     if (this._disabled) return false;
     if (this._touchOnly && event2.pointerType !== "touch" && event2.pointerType !== "pen") return false;
+    if (event2.pointerType === "mouse" && event2.button !== 0) return false;
     if ((_this$options$isCance = (_this$options = this.options).isCancelled) === null || _this$options$isCance === void 0 ? void 0 : _this$options$isCance.call(_this$options, event2)) return false;
     return true;
   }
@@ -64325,24 +64381,36 @@ var TabReorderController = class extends CompositeDisposable {
     const el = getHitTestRoot(this._tabsList).elementFromPoint(clientX, clientY);
     return !!el && this._tabsList.contains(el);
   }
+  /**
+  * Resolve a single-tab drop from its anim state: the list index adjusted
+  * for the source's own slot, and the tab group that slot falls in. Null
+  * when the drop changes neither position nor group membership; a drop at
+  * the source's own slot still commits when it joins or leaves a group.
+  */
+  resolveTabDrop(animState) {
+    var _this$group$model$get, _this$group$model$get2;
+    const insertionIndex = animState.currentInsertionIndex;
+    if (insertionIndex === null) return null;
+    const { sourceIndex, targetTabGroupId } = animState;
+    const index2 = insertionIndex - (sourceIndex !== -1 && sourceIndex < insertionIndex ? 1 : 0);
+    if (index2 === sourceIndex && targetTabGroupId === ((_this$group$model$get = (_this$group$model$get2 = this.group.model.getTabGroupForPanel(animState.sourceTabId)) === null || _this$group$model$get2 === void 0 ? void 0 : _this$group$model$get2.id) !== null && _this$group$model$get !== void 0 ? _this$group$model$get : null)) return null;
+    return {
+      index: index2,
+      targetTabGroupId
+    };
+  }
   /** Commit a smooth-mode intra-group reorder from the current insertion
   *  index (adjusted for the source's own position), then clear drag state.
   *  Used by the pointer backend for both single-row and wrap layouts. */
   commitPointerReorder(event2) {
     const animState = this._animState;
     if ((animState === null || animState === void 0 ? void 0 : animState.currentInsertionIndex) == null) return;
-    const insertionIndex = animState.currentInsertionIndex;
-    const sourceIndex = animState.sourceIndex;
-    const adjustedIndex = insertionIndex - (sourceIndex !== -1 && sourceIndex < insertionIndex ? 1 : 0);
+    const drop = this.resolveTabDrop(animState);
     this._animState = null;
     this.clearWrapDropIndicator();
     this.uncollapseSourceTab(animState.sourceTabId);
-    if (adjustedIndex === sourceIndex) return;
-    this.host.fireDrop({
-      event: event2,
-      index: adjustedIndex,
-      targetTabGroupId: null
-    });
+    if (!drop) return;
+    this.host.fireDrop(_objectSpread2({ event: event2 }, drop));
   }
   /**
   * Shared body of the dragover entry point. Refreshes stale anim state
@@ -64572,17 +64640,40 @@ var TabReorderController = class extends CompositeDisposable {
   * within and resolve the target group (if the drop should merge into one).
   */
   _resolveInsertionAgainstTabGroups(mousePos, insertionIndex, firstPanelToGroup) {
+    var _this$_keepSourceGrou2;
     const isGroupDrag = !!this._animState.sourceTabGroupId;
     const accUpTo = this._accumulatedSizeUpTo(insertionIndex, firstPanelToGroup);
     for (const tg of this.group.model.getTabGroups()) {
       const resolved = this._evaluateTabGroupForInsertion(tg, mousePos, insertionIndex, accUpTo, isGroupDrag);
-      if (resolved) return resolved;
+      if (resolved) {
+        var _this$_keepSourceGrou;
+        return resolved.targetTabGroupId ? resolved : (_this$_keepSourceGrou = this._keepSourceGroupAtOwnSlot(mousePos, resolved.insertionIndex, accUpTo)) !== null && _this$_keepSourceGrou !== void 0 ? _this$_keepSourceGrou : resolved;
+      }
     }
-    return {
+    return (_this$_keepSourceGrou2 = this._keepSourceGroupAtOwnSlot(mousePos, insertionIndex, accUpTo)) !== null && _this$_keepSourceGrou2 !== void 0 ? _this$_keepSourceGrou2 : {
       insertionIndex,
       targetTabGroupId: null
     };
   }
+  /** A single tab released at its own slot that no other group claimed stays
+  *  in its group (the ranges above exclude the source, so a lone or last
+  *  member's own slot has no range). At the first slot the chip edge gates it. */
+  _keepSourceGroupAtOwnSlot(mousePos, insertionIndex, accUpTo) {
+    const animState = this._animState;
+    const sourceIndex = animState.sourceIndex;
+    if (animState.sourceGroupPanelIds || sourceIndex === -1 || insertionIndex !== sourceIndex && insertionIndex !== sourceIndex + 1) return null;
+    const tg = this.group.model.getTabGroups().find((candidate) => candidate.panelIds.includes(animState.sourceTabId));
+    if (!tg) return null;
+    if (tg.panelIds[0] === animState.sourceTabId) {
+      var _animState$chipSizes$3;
+      const chipSize = (_animState$chipSizes$3 = animState.chipSizes.get(tg.id)) !== null && _animState$chipSizes$3 !== void 0 ? _animState$chipSizes$3 : 0;
+      if (mousePos < animState.containerStart + accUpTo + chipSize) return null;
+    }
+    return {
+      insertionIndex,
+      targetTabGroupId: tg.id
+    };
+  }
   /**
   * Evaluate a single tab group against the proposed insertion index.
   * Returns the resolved `{ insertionIndex, targetTabGroupId }` when this
@@ -64633,9 +64724,9 @@ var TabReorderController = class extends CompositeDisposable {
   /** Insertion target for a single-tab drag against a group: decide whether
   *  the drop merges into the group based on the cursor vs the chip edge. */
   _resolveTabDragTarget(tg, mousePos, insertionIndex, accUpTo, firstIdx, isJustBeforeGroup) {
-    var _animState$chipSizes$3;
+    var _animState$chipSizes$4;
     const animState = this._animState;
-    const chipSize = (_animState$chipSizes$3 = animState.chipSizes.get(tg.id)) !== null && _animState$chipSizes$3 !== void 0 ? _animState$chipSizes$3 : 0;
+    const chipSize = (_animState$chipSizes$4 = animState.chipSizes.get(tg.id)) !== null && _animState$chipSizes$4 !== void 0 ? _animState$chipSizes$4 : 0;
     if (isJustBeforeGroup) {
       if (!this._onlySourceBetween(insertionIndex, firstIdx)) return null;
       if (mousePos >= (tg.collapsed ? animState.containerStart + accUpTo + chipSize / 2 : animState.containerStart + accUpTo + chipSize)) return {
@@ -65260,6 +65351,7 @@ var Tabs = class extends CompositeDisposable {
     this._pointerActivation = new MutableDisposable();
     this._scrollbar = null;
     this._tabs = [];
+    this._overflowRefreshPending = false;
     this._tabMap = /* @__PURE__ */ new Map();
     this.selectedIndex = -1;
     this._showTabsOverflowControl = false;
@@ -65362,26 +65454,19 @@ var Tabs = class extends CompositeDisposable {
         this._commitGroupMove(animState.sourceTabGroupId, animState.currentInsertionIndex);
         return;
       }
-      const insertionIndex = animState.currentInsertionIndex;
-      const sourceIndex = animState.sourceIndex;
-      const adjustedIndex = insertionIndex - (sourceIndex !== -1 && sourceIndex < insertionIndex ? 1 : 0);
-      const sourceCurrentGroup = this.group.model.getTabGroupForPanel(animState.sourceTabId);
-      if (adjustedIndex === sourceIndex && !animState.targetTabGroupId && !sourceCurrentGroup) {
-        this._reorder.uncollapseSourceTab(animState.sourceTabId);
+      const drop = this._reorder.resolveTabDrop(animState);
+      this._reorder.uncollapseSourceTab(animState.sourceTabId);
+      if (!drop) {
         this.resetTabTransforms();
         return;
       }
-      this._reorder.uncollapseSourceTab(animState.sourceTabId);
+      const sourceIndex = animState.sourceIndex;
       const firstPositions = this.snapshotTabPositions();
       this.resetTabTransforms();
-      this._onDrop.fire({
-        event: event2,
-        index: adjustedIndex,
-        targetTabGroupId: animState.targetTabGroupId
-      });
-      this.runFlipAnimation(firstPositions, animState.sourceTabId, animState.sourceIndex === -1, {
-        from: Math.min(sourceIndex, adjustedIndex),
-        to: Math.max(sourceIndex, adjustedIndex)
+      this._onDrop.fire(_objectSpread2({ event: event2 }, drop));
+      this.runFlipAnimation(firstPositions, animState.sourceTabId, sourceIndex === -1, {
+        from: Math.min(sourceIndex, drop.index),
+        to: Math.max(sourceIndex, drop.index)
       });
     }, true), Disposable.from(() => {
       var _this$_voidContainerL2;
@@ -65646,6 +65731,7 @@ var Tabs = class extends CompositeDisposable {
       }))
     };
     this.addTab(value, index2);
+    this._scheduleOverflowRefresh();
     this._tabGroupManager.positionAllChips();
     if (this._animState) {
       this._animState.tabPositions = this.snapshotTabPositions();
@@ -65655,20 +65741,19 @@ var Tabs = class extends CompositeDisposable {
   }
   delete(id) {
     var _this$_animState5;
+    const index2 = this.indexOf(id);
+    if (index2 === -1) return;
     if (((_this$_animState5 = this._animState) === null || _this$_animState5 === void 0 ? void 0 : _this$_animState5.sourceTabId) === id) {
       this.resetTabTransforms();
       this._animState = null;
     }
     this._tabGroupManager.cleanupTransition(id);
-    const index2 = this.indexOf(id);
-    const tabToRemove = this._tabs.splice(index2, 1)[0];
+    const { value, disposable } = this._tabs.splice(index2, 1)[0];
     this._tabMap.delete(id);
-    if (tabToRemove) {
-      const { value, disposable } = tabToRemove;
-      disposable.dispose();
-      value.dispose();
-      value.element.remove();
-    }
+    disposable.dispose();
+    value.dispose();
+    value.element.remove();
+    this._scheduleOverflowRefresh();
     if (this._animState) {
       this._animState.tabPositions = this.snapshotTabPositions();
       this._animState.chipSizes = this._tabGroupManager.snapshotChipSizes();
@@ -65687,6 +65772,20 @@ var Tabs = class extends CompositeDisposable {
     this._tabMap.set(tab.value.panel.id, tab);
     if (this.selectedIndex < 0) this.selectedIndex = index2;
   }
+  /** Re-evaluate overflow after the tab list changed: the `OverflowObserver`
+  *  only fires when the strip itself resizes. Coalesced on a microtask and
+  *  evaluated the way the observer does. */
+  _scheduleOverflowRefresh() {
+    if (this._overflowRefreshPending || !this._showTabsOverflowControl) return;
+    this._overflowRefreshPending = true;
+    queueMicrotask(() => {
+      this._overflowRefreshPending = false;
+      if (this.isDisposed || !this._showTabsOverflowControl) return;
+      const el = this._tabsList;
+      const hasOverflow = el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight;
+      this.toggleDropdown({ reset: !hasOverflow });
+    });
+  }
   toggleDropdown(options2) {
     const hasForced = this._tabs.some((tab) => !this._overflowExclude(tab.value.panel.id) && this._forcedOverflow(tab.value.panel.id));
     if (options2.reset && !hasForced) {
@@ -66863,6 +66962,7 @@ var DockviewGroupPanelModel = class extends CompositeDisposable {
     if (sourceGroup) {
       sourceGroup.removePanel(sourcePanelId);
       this._panelToTabGroup.delete(sourcePanelId);
+      this._moveOutOfGroupSpan(sourceGroup, sourcePanelId);
       this._onDidRemovePanelFromTabGroup.fire({
         tabGroup: sourceGroup,
         panelId: sourcePanelId
@@ -66943,6 +67043,7 @@ var DockviewGroupPanelModel = class extends CompositeDisposable {
     this._bracketTabGroupMutation(() => {
       tabGroup.removePanel(panelId);
       this._panelToTabGroup.delete(panelId);
+      this._moveOutOfGroupSpan(tabGroup, panelId);
       this._onDidRemovePanelFromTabGroup.fire({
         tabGroup,
         panelId
@@ -66950,6 +67051,21 @@ var DockviewGroupPanelModel = class extends CompositeDisposable {
       if (tabGroup.isEmpty) tabGroup.dispose();
     });
   }
+  /** Keep a group's members contiguous: a panel that left `tabGroup` while
+  *  sitting between two members moves to just after the group. No-op for an
+  *  edge member or a panel no longer in this model. */
+  _moveOutOfGroupSpan(tabGroup, panelId) {
+    const currentIndex = this._panels.findIndex((p16) => p16.id === panelId);
+    if (currentIndex === -1 || tabGroup.isEmpty) return;
+    const memberIds = tabGroup.panelIds;
+    const firstIdx = this._panels.findIndex((p16) => p16.id === memberIds[0]);
+    const lastIdx = this._panels.findIndex((p16) => p16.id === memberIds[memberIds.length - 1]);
+    if (firstIdx === -1 || lastIdx === -1 || currentIndex < firstIdx || currentIndex > lastIdx) return;
+    const [panel] = this._panels.splice(currentIndex, 1);
+    this._panels.splice(lastIdx, 0, panel);
+    this.tabsContainer.delete(panelId);
+    this.tabsContainer.openPanel(panel, lastIdx);
+  }
   getTabGroups() {
     return this._tabGroups;
   }
@@ -67164,17 +67280,19 @@ var DockviewGroupPanelModel = class extends CompositeDisposable {
   }
   openPanel(panel, options2 = {}) {
     if (typeof options2.index !== "number" || options2.index > this.panels.length) options2.index = this.panels.length;
+    else if (options2.index < 0) options2.index = 0;
     const skipSetActive = !!options2.skipSetActive;
     panel.updateParentGroup(this.groupPanel, { skipSetActive: options2.skipSetActive });
     this.doAddPanel(panel, options2.index, { skipSetActive });
     this.invalidateHeaderSize();
     if (this._activePanel === panel) {
-      this.contentContainer.renderPanel(panel, { asActive: true });
+      this.contentContainer.openPanel(panel);
       return;
     }
     if (!skipSetActive) this.doSetActivePanel(panel);
     if (!options2.skipSetGroupActive) this.accessor.doSetGroupActive(this.groupPanel);
     if (!options2.skipSetActive) this.updateContainer();
+    else panel.runEvents();
   }
   removePanel(groupItemOrId, options2) {
     const id = typeof groupItemOrId === "string" ? groupItemOrId : groupItemOrId.id;
@@ -67192,7 +67310,7 @@ var DockviewGroupPanelModel = class extends CompositeDisposable {
     this.doClose(panel);
   }
   doClose(panel) {
-    const isLast = this.panels.length === 1 && this.accessor.groups.length === 1;
+    const isLast = this.panels.length === 1 && this.accessor.isLastGridGroup(this.groupPanel);
     this.accessor.removePanel(panel, isLast && this.accessor.options.noPanelsOverlay === "emptyGroup" ? { removeEmptyGroup: false } : void 0);
   }
   isPanelActive(panel) {
@@ -67580,13 +67698,7 @@ var GridviewPanel = class extends BasePanelView {
     }), this.api.onActiveChange(() => {
       const { accessor } = this._params;
       accessor.doSetGroupActive(this);
-    }), this.api.onDidConstraintsChangeInternal((event2) => {
-      if (typeof event2.minimumWidth === "number" || typeof event2.minimumWidth === "function") this._minimumWidth = event2.minimumWidth;
-      if (typeof event2.minimumHeight === "number" || typeof event2.minimumHeight === "function") this._minimumHeight = event2.minimumHeight;
-      if (typeof event2.maximumWidth === "number" || typeof event2.maximumWidth === "function") this._maximumWidth = event2.maximumWidth;
-      if (typeof event2.maximumHeight === "number" || typeof event2.maximumHeight === "function") this._maximumHeight = event2.maximumHeight;
-      this._onDidChange.fire(void 0);
-    }), this.api.onDidSizeChange((event2) => {
+    }), this.api.onDidConstraintsChangeInternal((event2) => this.applyConstraints(event2)), this.api.onDidSizeChange((event2) => {
       this._onDidChange.fire({
         height: event2.height,
         width: event2.width
@@ -67609,6 +67721,26 @@ var GridviewPanel = class extends BasePanelView {
     super.init(parameters);
     if (typeof parameters.isVisible === "boolean") this.setVisible(parameters.isVisible);
   }
+  /**
+  * Record a `setConstraints` request, then tell the containing view. A
+  * subclass that layers its own state over these fields updates it before
+  * calling through, so the notification carries the new constraints.
+  */
+  applyConstraints(event2) {
+    if (typeof event2.minimumWidth === "number" || typeof event2.minimumWidth === "function") this._minimumWidth = event2.minimumWidth;
+    if (typeof event2.minimumHeight === "number" || typeof event2.minimumHeight === "function") this._minimumHeight = event2.minimumHeight;
+    if (typeof event2.maximumWidth === "number" || typeof event2.maximumWidth === "function") this._maximumWidth = event2.maximumWidth;
+    if (typeof event2.maximumHeight === "number" || typeof event2.maximumHeight === "function") this._maximumHeight = event2.maximumHeight;
+    this.notifyConstraintsChanged();
+  }
+  /**
+  * Tell the containing view (LeafNode -> BranchNode) that this panel's
+  * constraints changed: the branch's cached aggregate min/max over its
+  * children is stale and the parent splitview must re-clamp this panel.
+  */
+  notifyConstraintsChanged() {
+    this._onDidChange.fire(void 0);
+  }
   updateConstraints() {
     this.api._onDidConstraintsChange.fire({
       minimumWidth: this._evaluatedMinimumWidth,
@@ -67840,15 +67972,35 @@ var DockviewGroupPanel = class extends GridviewPanel {
     this._explicitConstraints = {};
     this.api.initialize(this);
     this._model = new DockviewGroupPanelModel(this.element, accessor, id, options2, this);
+    this._lastConstraints = this.currentConstraints();
     this.addDisposables(this.model.onDidActivePanelChange((event2) => {
       this.api._onDidActivePanelChange.fire(event2);
-    }), this.api.onDidConstraintsChangeInternal((event2) => {
-      if (event2.minimumWidth !== void 0) this._explicitConstraints.minimumWidth = typeof event2.minimumWidth === "function" ? event2.minimumWidth() : event2.minimumWidth;
-      if (event2.minimumHeight !== void 0) this._explicitConstraints.minimumHeight = typeof event2.minimumHeight === "function" ? event2.minimumHeight() : event2.minimumHeight;
-      if (event2.maximumWidth !== void 0) this._explicitConstraints.maximumWidth = typeof event2.maximumWidth === "function" ? event2.maximumWidth() : event2.maximumWidth;
-      if (event2.maximumHeight !== void 0) this._explicitConstraints.maximumHeight = typeof event2.maximumHeight === "function" ? event2.maximumHeight() : event2.maximumHeight;
+      this.notifyIfConstraintsChanged();
     }));
   }
+  applyConstraints(event2) {
+    if (event2.minimumWidth !== void 0) this._explicitConstraints.minimumWidth = typeof event2.minimumWidth === "function" ? event2.minimumWidth() : event2.minimumWidth;
+    if (event2.minimumHeight !== void 0) this._explicitConstraints.minimumHeight = typeof event2.minimumHeight === "function" ? event2.minimumHeight() : event2.minimumHeight;
+    if (event2.maximumWidth !== void 0) this._explicitConstraints.maximumWidth = typeof event2.maximumWidth === "function" ? event2.maximumWidth() : event2.maximumWidth;
+    if (event2.maximumHeight !== void 0) this._explicitConstraints.maximumHeight = typeof event2.maximumHeight === "function" ? event2.maximumHeight() : event2.maximumHeight;
+    super.applyConstraints(event2);
+    this._lastConstraints = this.currentConstraints();
+  }
+  currentConstraints() {
+    return {
+      minimumWidth: this.minimumWidth,
+      maximumWidth: this.maximumWidth,
+      minimumHeight: this.minimumHeight,
+      maximumHeight: this.maximumHeight
+    };
+  }
+  notifyIfConstraintsChanged() {
+    const previous3 = this._lastConstraints;
+    const current = this.currentConstraints();
+    if (previous3.minimumWidth === current.minimumWidth && previous3.maximumWidth === current.maximumWidth && previous3.minimumHeight === current.minimumHeight && previous3.maximumHeight === current.maximumHeight) return;
+    this._lastConstraints = current;
+    this.notifyConstraintsChanged();
+  }
   focus() {
     if (!this.api.isActive) this.api.setActive();
     super.focus();
@@ -67901,11 +68053,10 @@ var DockviewPanelApiImpl = class extends GridviewPanelApiImpl {
     return this.panel.renderer;
   }
   set group(value) {
-    const oldGroup = this._group;
     if (this._group !== value) {
       this._group = value;
       this._onDidGroupChange.fire({});
-      this.setupGroupEventListeners(oldGroup);
+      this.setupGroupEventListeners();
       this.fireLocationChange();
     }
   }
@@ -67999,9 +68150,8 @@ var DockviewPanelApiImpl = class extends GridviewPanelApiImpl {
       this._onDidLocationChange.fire({ location: this.location });
     });
   }
-  setupGroupEventListeners(previousGroup) {
-    var _previousGroup$isActi;
-    let _trackGroupActive = (_previousGroup$isActi = previousGroup === null || previousGroup === void 0 ? void 0 : previousGroup.isActive) !== null && _previousGroup$isActi !== void 0 ? _previousGroup$isActi : false;
+  setupGroupEventListeners() {
+    let _trackGroupActive = this.isGroupActive;
     this.groupEventsDisposable.value = new CompositeDisposable(this.group.api.onDidVisibilityChange((event2) => {
       const hasBecomeHidden = !event2.isVisible && this.isVisible;
       const hasBecomeVisible = event2.isVisible && !this.isVisible;
@@ -68344,6 +68494,9 @@ var AriaLevelTracker = class {
   }
 };
 var arialLevelTracker = new AriaLevelTracker();
+function hasLayout(rect) {
+  return rect.width > 0 && rect.height > 0;
+}
 var Overlay = class Overlay2 extends CompositeDisposable {
   set minimumInViewportWidth(value) {
     this.options.minimumInViewportWidth = value;
@@ -68436,6 +68589,10 @@ var Overlay = class Overlay2 extends CompositeDisposable {
     }
     const containerRect = this.options.container.getBoundingClientRect();
     const overlayRect = this._element.getBoundingClientRect();
+    if (!hasLayout(containerRect) || !hasLayout(overlayRect)) {
+      this._onDidChange.fire();
+      return;
+    }
     const xOffset = Math.max(0, this.getMinimumWidth(overlayRect.width));
     const yOffset = Math.max(0, this.getMinimumHeight(overlayRect.height));
     if (this.verticalAlignment === "top") {
@@ -68470,8 +68627,13 @@ var Overlay = class Overlay2 extends CompositeDisposable {
     if (this.horiziontalAlignment === "left") result.left = Number.parseFloat(this._element.style.left);
     else if (this.horiziontalAlignment === "right") result.right = Number.parseFloat(this._element.style.right);
     else result.left = element2.left - container.left;
-    result.width = element2.width;
-    result.height = element2.height;
+    if (hasLayout(element2)) {
+      result.width = element2.width;
+      result.height = element2.height;
+    } else {
+      result.width = Number.parseFloat(this._element.style.width) || 0;
+      result.height = Number.parseFloat(this._element.style.height) || 0;
+    }
     return result;
   }
   /**
@@ -68954,13 +69116,16 @@ var DockviewFloatingGroupPanel = class extends CompositeDisposable {
     var _this$_titleBar;
     this._group = group;
     (_this$_titleBar = this._titleBar) === null || _this$_titleBar === void 0 || _this$_titleBar.setGroup(group);
+    this._onDidChangeAnchorGroup.fire(group);
   }
   constructor(group, overlay, gridview) {
     super();
     this.overlay = overlay;
     this.gridview = gridview;
+    this._onDidChangeAnchorGroup = new Emitter2();
+    this.onDidChangeAnchorGroup = this._onDidChangeAnchorGroup.event;
     this._group = group;
-    this.addDisposables(overlay, { dispose: () => this.gridview.dispose() });
+    this.addDisposables(this._onDidChangeAnchorGroup, overlay, { dispose: () => this.gridview.dispose() });
   }
   position(bounds) {
     this.overlay.setBounds(bounds);
@@ -68976,9 +69141,7 @@ var FloatingGroupService = class {
   }
   add(group, overlay, gridview) {
     const floatingGroupPanel = new DockviewFloatingGroupPanel(group, overlay, gridview);
-    const disposable = new CompositeDisposable(group.api.onDidActiveChange((event2) => {
-      if (event2.isActive) overlay.bringToFront();
-    }), (() => {
+    const disposable = new CompositeDisposable((() => {
       let lastWidth = -1;
       let lastHeight = -1;
       return watchElementResize(gridview.element, (entry) => {
@@ -68990,22 +69153,29 @@ var FloatingGroupService = class {
         gridview.layout(width, height);
       });
     })());
-    const updateDialogLabel = () => {
-      var _group$activePanel;
-      const title2 = (_group$activePanel = group.activePanel) === null || _group$activePanel === void 0 ? void 0 : _group$activePanel.title;
+    const updateDialogLabel = (anchor) => {
+      var _anchor$activePanel;
+      const title2 = (_anchor$activePanel = anchor.activePanel) === null || _anchor$activePanel === void 0 ? void 0 : _anchor$activePanel.title;
       if (title2) overlay.element.setAttribute("aria-label", title2);
       else overlay.element.removeAttribute("aria-label");
     };
-    updateDialogLabel();
-    floatingGroupPanel.addDisposables(group.api.onDidActivePanelChange(() => updateDialogLabel()), overlay.onDidChange(() => {
+    const anchorDisposable = new MutableDisposable();
+    const bindAnchor = (anchor) => {
+      updateDialogLabel(anchor);
+      anchorDisposable.value = new CompositeDisposable(anchor.api.onDidActiveChange((event2) => {
+        if (event2.isActive) overlay.bringToFront();
+      }), anchor.api.onDidActivePanelChange(() => updateDialogLabel(anchor)), anchor.onDidChange((event2) => {
+        overlay.setBounds({
+          height: typeof (event2 === null || event2 === void 0 ? void 0 : event2.height) === "number" ? event2.height + overlay.headerHeight : event2 === null || event2 === void 0 ? void 0 : event2.height,
+          width: event2 === null || event2 === void 0 ? void 0 : event2.width
+        });
+      }));
+    };
+    bindAnchor(group);
+    floatingGroupPanel.addDisposables(anchorDisposable, floatingGroupPanel.onDidChangeAnchorGroup((anchor) => bindAnchor(anchor)), overlay.onDidChange(() => {
       gridview.layout(gridview.width, gridview.height);
     }), overlay.onDidChangeEnd(() => {
       this._host.fireLayoutChange("geometry");
-    }), group.onDidChange((event2) => {
-      overlay.setBounds({
-        height: typeof (event2 === null || event2 === void 0 ? void 0 : event2.height) === "number" ? event2.height + overlay.headerHeight : event2 === null || event2 === void 0 ? void 0 : event2.height,
-        width: event2 === null || event2 === void 0 ? void 0 : event2.width
-      });
     }), { dispose: () => {
       disposable.dispose();
       remove(this._floatingGroups, floatingGroupPanel);
@@ -70071,6 +70241,10 @@ var PositionCache = class {
   }
 };
 var SCHEDULED = -1;
+function isInCollapsedEdgeGroup(panel) {
+  const api = panel.group.api;
+  return api.location.type === "edge" && api.isCollapsed();
+}
 function createFocusableElement() {
   const element2 = document.createElement("div");
   element2.tabIndex = -1;
@@ -70144,6 +70318,7 @@ var OverlayRenderContainer = class extends CompositeDisposable {
     return false;
   }
   attach(options2) {
+    var _panel$group$api$onDi, _panel$group$api$onDi2, _panel$group$api;
     const { panel, referenceContainer } = options2;
     if (!this.map[panel.api.id]) {
       const element2 = createFocusableElement();
@@ -70164,7 +70339,12 @@ var OverlayRenderContainer = class extends CompositeDisposable {
       mapEntry.generation = ++this._generation;
       this.cancelPendingUpdate(mapEntry);
       mapEntry.referenceContainer = referenceContainer;
-      mapEntry.retainPreviousGeometry = mapEntry.positioned;
+      const collapsedEdge = isInCollapsedEdgeGroup(panel);
+      mapEntry.retainPreviousGeometry = mapEntry.positioned && !collapsedEdge;
+      if (collapsedEdge && !mapEntry.forceVisible) {
+        mapEntry.element.style.visibility = "hidden";
+        mapEntry.element.style.pointerEvents = "none";
+      }
     }
     const generation = mapEntry.generation;
     const focusContainer = mapEntry.element;
@@ -70192,18 +70372,30 @@ var OverlayRenderContainer = class extends CompositeDisposable {
         if (this.isDisposed || (entry === null || entry === void 0 ? void 0 : entry.generation) !== generation) return;
         const forceVisible = (_entry$forceVisible = entry.forceVisible) !== null && _entry$forceVisible !== void 0 ? _entry$forceVisible : false;
         const clip = entry.clip;
+        const collapsedEdge = isInCollapsedEdgeGroup(panel);
+        const hidden = !forceVisible && (!panel.api.isVisible || collapsedEdge);
         const box = this.positionCache.getPosition(referenceContainer.element);
         const box2 = this.positionCache.getPosition(this.element);
         const left = box.left - box2.left;
         const top = box.top - box2.top;
         const width = box.width;
         const height = box.height;
-        if (entry.retainPreviousGeometry && (width === 0 || height === 0)) {
-          if (!panel.api.isVisible && !forceVisible) {
+        if (width === 0 || height === 0) {
+          if (collapsedEdge && !forceVisible) {
+            entry.retainPreviousGeometry = false;
             focusContainer.style.visibility = "hidden";
             focusContainer.style.pointerEvents = "none";
+            focusContainer.style.clipPath = "";
+            focusContainer.style.zIndex = "";
+            return;
+          }
+          if (entry.retainPreviousGeometry) {
+            if (hidden) {
+              focusContainer.style.visibility = "hidden";
+              focusContainer.style.pointerEvents = "none";
+            }
+            return;
           }
-          return;
         }
         entry.retainPreviousGeometry = false;
         entry.positioned = true;
@@ -70211,7 +70403,7 @@ var OverlayRenderContainer = class extends CompositeDisposable {
         setPixels(focusContainer.style, "top", top);
         setPixels(focusContainer.style, "width", width);
         setPixels(focusContainer.style, "height", height);
-        if (panel.api.isVisible || forceVisible) {
+        if (!hidden) {
           focusContainer.style.visibility = "";
           focusContainer.style.pointerEvents = "";
         } else {
@@ -70238,11 +70430,13 @@ var OverlayRenderContainer = class extends CompositeDisposable {
       if (scheduling.pendingUpdate === SCHEDULED) scheduling.pendingUpdate = handle;
     };
     const visibilityChanged = () => {
-      if (panel.api.isVisible) {
-        var _this$map$panel$api$i;
+      var _this$map$panel$api$i;
+      const collapsedEdge = !((_this$map$panel$api$i = this.map[panel.api.id]) === null || _this$map$panel$api$i === void 0 ? void 0 : _this$map$panel$api$i.forceVisible) && isInCollapsedEdgeGroup(panel);
+      if (panel.api.isVisible && !collapsedEdge) {
+        var _this$map$panel$api$i2;
         this.positionCache.invalidate();
         resize();
-        if ((_this$map$panel$api$i = this.map[panel.api.id]) === null || _this$map$panel$api$i === void 0 ? void 0 : _this$map$panel$api$i.retainPreviousGeometry) focusContainer.style.visibility = "";
+        if ((_this$map$panel$api$i2 = this.map[panel.api.id]) === null || _this$map$panel$api$i2 === void 0 ? void 0 : _this$map$panel$api$i2.retainPreviousGeometry) focusContainer.style.visibility = "";
         focusContainer.style.pointerEvents = "";
       } else {
         focusContainer.style.visibility = "hidden";
@@ -70305,6 +70499,10 @@ var OverlayRenderContainer = class extends CompositeDisposable {
         if (!panel.api.isVisible) return;
         resize();
       }),
+      (_panel$group$api$onDi = (_panel$group$api$onDi2 = (_panel$group$api = panel.group.api).onDidCollapsedChange) === null || _panel$group$api$onDi2 === void 0 ? void 0 : _panel$group$api$onDi2.call(_panel$group$api, () => {
+        this.positionCache.invalidate();
+        resize();
+      })) !== null && _panel$group$api$onDi !== void 0 ? _panel$group$api$onDi : Disposable.NONE,
       referenceContainer.onDidDimensionsChange((size4) => {
         applySize(size4);
       }),
@@ -70890,9 +71088,10 @@ var ShellManager = class {
   * Throws if a group at this position is already registered.
   */
   addEdgeView(position2, options2, group) {
+    var _options$collapsedSiz2;
     if (this.hasEdgeGroup(position2)) throw new Error(`dockview: edge group already registered at position '${position2}'`);
     this._viewConfigs.set(position2, options2);
-    const view = new EdgeGroupView(_objectSpread2({ collapsedSize: this._defaultCollapsedSize }, options2), group, isHorizontal(position2) ? "horizontal" : "vertical", this._axisFor(position2));
+    const view = new EdgeGroupView(_objectSpread2(_objectSpread2({}, options2), {}, { collapsedSize: (_options$collapsedSiz2 = options2.collapsedSize) !== null && _options$collapsedSiz2 !== void 0 ? _options$collapsedSiz2 : this._defaultCollapsedSize }), group, isHorizontal(position2) ? "horizontal" : "vertical", this._axisFor(position2));
     const initialSize = view.isCollapsed ? view.collapsedSize : view.lastExpandedSize;
     switch (position2) {
       case "left":
@@ -71660,16 +71859,18 @@ var DockviewComponent = class extends BaseGrid {
     return this.getPopoutWindows().some((win) => win.document === doc);
   }
   /**
-  * The next / previous group in gridview (spatial) order, wrapping round.
-  * The keyboard accessibility module's focus navigation is built on this
-  * primitive, the only piece that needs the grid internals; the rest of
-  * the navigation logic lives in the KeyboardNavigationService.
+  * The next / previous group in gridview (spatial) order, wrapping round,
+  * within the gridview that hosts `group` (the main grid, or its floating /
+  * popout window). The keyboard accessibility module's navigation is built
+  * on this primitive, the only piece that needs the grid internals.
   */
   adjacentGroup(group, reverse) {
-    var _ref2;
-    if (group.api.location.type !== "grid") return;
+    const gridview = this.getGridviewForGroup(group);
+    if (!gridview.element.contains(group.element)) return;
     const location2 = getGridLocation(group.element);
-    return (_ref2 = reverse ? this.gridview.previous(location2) : this.gridview.next(location2)) === null || _ref2 === void 0 ? void 0 : _ref2.view;
+    const next = (reverse ? gridview.previous(location2) : gridview.next(location2)).view;
+    if (gridview !== this.gridview && next === group) return;
+    return next;
   }
   /**
   * The nearest grid group in a spatial direction from `group`, by
@@ -71773,6 +71974,15 @@ var DockviewComponent = class extends BaseGrid {
   hasVisibleGridGroup() {
     return this.groups.some((group) => group.api.location.type === "grid" && group.api.isVisible);
   }
+  /**
+  * Whether `group` is the only group in the grid. Edge, floating and popout
+  * groups live outside the grid: they are never the last group, nor count
+  * toward it (`noPanelsOverlay: 'emptyGroup'` keeps the grid non-empty).
+  */
+  isLastGridGroup(group) {
+    if (group.api.location.type !== "grid") return false;
+    return !this.groups.some((other) => other !== group && other.api.location.type === "grid");
+  }
   /** Ping `onDidLayoutChange` (coalesced) with why the layout changed. */
   fireLayoutChange(reason) {
     this._bufferOnDidLayoutChange.fire(reason);
@@ -72519,10 +72729,10 @@ var DockviewComponent = class extends BaseGrid {
   * `floating` location tag for every member group.
   */
   mountFloatingWindow(floatingGridview, anchorGroup, members, anchoredBox, options2) {
-    var _ref3, _options$dragHandle, _this$_floatingOverla2, _this$options$floatin, _this$options$floatin2, _this$options$floatin3, _this$options$floatin4, _options$disableSmart, _titleBar$element;
+    var _ref2, _options$dragHandle, _this$_floatingOverla2, _this$options$floatin, _this$options$floatin2, _this$options$floatin3, _this$options$floatin4, _options$disableSmart, _titleBar$element;
     const service = assertModule(this._floatingGroupService, "FloatingGroup", "api.addFloatingGroup");
     if (!service) return;
-    const titleBar = ((_ref3 = (_options$dragHandle = options2 === null || options2 === void 0 ? void 0 : options2.dragHandle) !== null && _options$dragHandle !== void 0 ? _options$dragHandle : this.options.floatingGroupDragHandle) !== null && _ref3 !== void 0 ? _ref3 : "titlebar") === "titlebar" ? new FloatingTitleBar(this, anchorGroup) : void 0;
+    const titleBar = ((_ref2 = (_options$dragHandle = options2 === null || options2 === void 0 ? void 0 : options2.dragHandle) !== null && _options$dragHandle !== void 0 ? _options$dragHandle : this.options.floatingGroupDragHandle) !== null && _ref2 !== void 0 ? _ref2 : "titlebar") === "titlebar" ? new FloatingTitleBar(this, anchorGroup) : void 0;
     const overlay = new Overlay(_objectSpread2(_objectSpread2({
       container: (_this$_floatingOverla2 = this._floatingOverlayHost) !== null && _this$_floatingOverla2 !== void 0 ? _this$_floatingOverla2 : this.gridview.element,
       content: floatingGridview.element,
@@ -72870,7 +73080,6 @@ var DockviewComponent = class extends BaseGrid {
     this.doSetGroupAndPanelActive(panel.group);
   }
   activateNext(options2 = {}) {
-    var _this$gridview$next;
     if (!options2.group) {
       if (!this.activeGroup) return;
       options2.group = this.activeGroup;
@@ -72881,12 +73090,10 @@ var DockviewComponent = class extends BaseGrid {
         return;
       }
     }
-    const location2 = getGridLocation(options2.group.element);
-    const next = (_this$gridview$next = this.gridview.next(location2)) === null || _this$gridview$next === void 0 ? void 0 : _this$gridview$next.view;
-    this.doSetGroupAndPanelActive(next);
+    const next = this.activationTarget(options2.group, false);
+    if (next) this.doSetGroupAndPanelActive(next);
   }
   activatePrevious(options2 = {}) {
-    var _this$gridview$previo;
     if (!options2.group) {
       if (!this.activeGroup) return;
       options2.group = this.activeGroup;
@@ -72897,11 +73104,32 @@ var DockviewComponent = class extends BaseGrid {
         return;
       }
     }
-    const location2 = getGridLocation(options2.group.element);
-    const next = (_this$gridview$previo = this.gridview.previous(location2)) === null || _this$gridview$previo === void 0 ? void 0 : _this$gridview$previo.view;
+    const next = this.activationTarget(options2.group, true);
     if (next) this.doSetGroupAndPanelActive(next);
   }
   /**
+  * The group `activateNext` / `activatePrevious` lands on when leaving
+  * `group`. A group traverses the gridview that hosts it; a group hosted
+  * outside any gridview (edge) or alone in its floating / popout window
+  * falls through to the main grid's first / last visible leaf.
+  */
+  activationTarget(group, reverse) {
+    const gridview = this.getGridviewForGroup(group);
+    if (gridview.element.contains(group.element)) {
+      const location2 = getGridLocation(group.element);
+      const next = (reverse ? gridview.previous(location2) : gridview.next(location2)).view;
+      if (gridview === this.gridview || next !== group) return next;
+    }
+    const leaves = [];
+    const collect2 = (node2) => {
+      if (isGridBranchNode(node2)) node2.children.forEach(collect2);
+      else leaves.push(node2.view);
+    };
+    collect2(this.gridview.getView());
+    const visible3 = leaves.filter((leaf) => leaf.api.isVisible);
+    return visible3[reverse ? visible3.length - 1 : 0];
+  }
+  /**
   * Serialize the current state of the layout
   *
   * @returns A JSON respresentation of the layout
@@ -73155,7 +73383,9 @@ var DockviewComponent = class extends BaseGrid {
       const edgeData = edgeGroups[position2];
       const groupState = edgeData === null || edgeData === void 0 ? void 0 : edgeData.group;
       if (groupState) {
-        const { views: views2, activeView } = groupState;
+        const { views: views2, activeView, locked, hideHeader } = groupState;
+        edgeGroup.locked = locked !== null && locked !== void 0 ? locked : false;
+        edgeGroup.header.hidden = !!hideHeader;
         const createdPanels = [];
         for (const panelId of views2) {
           if (!panels[panelId]) continue;
@@ -73267,7 +73497,7 @@ var DockviewComponent = class extends BaseGrid {
       for (const group of groups2) {
         if (!this._groups.has(group.id)) continue;
         group.model.closeAllPanels();
-        const keepLast = this.options.noPanelsOverlay === "emptyGroup" && this._groups.size === 1;
+        const keepLast = this.options.noPanelsOverlay === "emptyGroup" && this.isLastGridGroup(group);
         if (!this.closeEmptyGroups && !keepLast && this._groups.has(group.id) && group.model.size === 0) this.removeGroup(group, { skipActive: true });
       }
     });
@@ -73364,7 +73594,7 @@ var DockviewComponent = class extends BaseGrid {
           skipSetGroupActive: options2.inactive,
           index: index2
         });
-      } else if (referenceGroup.api.location.type === "floating" || referenceGroup.api.location.type === "edge" || target === "center") {
+      } else if (referenceGroup.api.location.type === "edge" || target === "center") {
         panel = this.createPanel(options2, referenceGroup);
         referenceGroup.model.openPanel(panel, {
           skipSetActive: shouldSkipSetActive(referenceGroup),
@@ -73377,9 +73607,10 @@ var DockviewComponent = class extends BaseGrid {
         });
         if (!options2.inactive) this.doSetGroupAndPanelActive(referenceGroup);
       } else {
+        const referenceGridview = this.getGridviewForGroup(referenceGroup);
         const location2 = getGridLocation(referenceGroup.element);
-        const relativeLocation = getRelativeLocation(this.gridview.orientation, location2, target);
-        const group = this.createGroupAtLocation(relativeLocation, this.orientationAtLocation(relativeLocation) === "VERTICAL" ? initial === null || initial === void 0 ? void 0 : initial.height : initial === null || initial === void 0 ? void 0 : initial.width);
+        const relativeLocation = getRelativeLocation(referenceGridview.orientation, location2, target);
+        const group = this.createGroupAtLocation(relativeLocation, this.orientationAtLocation(relativeLocation, referenceGridview) === "VERTICAL" ? initial === null || initial === void 0 ? void 0 : initial.height : initial === null || initial === void 0 ? void 0 : initial.width, void 0, referenceGridview);
         panel = this.createPanel(options2, group);
         group.model.openPanel(panel, {
           skipSetActive: shouldSkipSetActive(group),
@@ -73612,11 +73843,11 @@ var DockviewComponent = class extends BaseGrid {
         return group2;
       }
       const target = toTarget(options2.direction || "within");
+      const referenceGridview = this.getGridviewForGroup(referenceGroup);
       const location2 = getGridLocation(referenceGroup.element);
-      const relativeLocation = getRelativeLocation(this.gridview.orientation, location2, target);
-      const group = this.createGroup(options2);
-      const size4 = this.getLocationOrientation(relativeLocation) === "VERTICAL" ? options2.initialHeight : options2.initialWidth;
-      this.doAddGroup(group, relativeLocation, size4);
+      const relativeLocation = getRelativeLocation(referenceGridview.orientation, location2, target);
+      const size4 = this.orientationAtLocation(relativeLocation, referenceGridview) === "VERTICAL" ? options2.initialHeight : options2.initialWidth;
+      const group = this.createGroupAtLocation(relativeLocation, size4, options2, referenceGridview);
       if (!options2.skipSetActive) this.doSetGroupAndPanelActive(group);
       return group;
     } else {
@@ -73626,9 +73857,6 @@ var DockviewComponent = class extends BaseGrid {
       return group;
     }
   }
-  getLocationOrientation(location2) {
-    return location2.length % 2 == 0 && this.gridview.orientation === "HORIZONTAL" ? "HORIZONTAL" : "VERTICAL";
-  }
   removeGroup(group, options2) {
     this.mutation("remove", () => this.doRemoveGroup(group, options2));
   }
@@ -73989,6 +74217,7 @@ var DockviewComponent = class extends BaseGrid {
       const referenceLocation = getGridLocation(destinationGroup.element);
       const targetLocation = getRelativeLocation(destinationGridview.orientation, referenceLocation, destinationTarget);
       if (sourceGroup.size < 2 && !this.keepEmptyGroups(options2)) {
+        if (sourceGroup === destinationGroup) return;
         const [targetParentLocation, to] = tail(targetLocation);
         if (sourceGroup.api.location.type === "grid" && destinationGridview === this.gridview) {
           const [sourceParentLocation, from] = tail(getGridLocation(sourceGroup.element));
@@ -74086,8 +74315,9 @@ var DockviewComponent = class extends BaseGrid {
     let targetGroup;
     if (!destinationTarget || destinationTarget === "center" || !referenceLocation) targetGroup = destinationGroup;
     else {
-      const dropLocation = getRelativeLocation(this.gridview.orientation, referenceLocation, destinationTarget);
-      targetGroup = this.createGroupAtLocation(dropLocation, this.sizingForDrop(referenceLocation));
+      const destinationGridview = this.getGridviewForGroup(destinationGroup);
+      const dropLocation = getRelativeLocation(destinationGridview.orientation, referenceLocation, destinationTarget);
+      targetGroup = this.createGroupAtLocation(dropLocation, this.sizingForDrop(referenceLocation), void 0, destinationGridview);
     }
     if (!this.keepEmptyGroups(options2) && sourceGroup.model.size === 0 && sourceGroup !== targetGroup) this.doRemoveGroup(sourceGroup, { skipActive: true });
     addPanelsToGroup(targetGroup);
@@ -74414,8 +74644,8 @@ var DockviewComponent = class extends BaseGrid {
     var _Array$from$find;
     return (_Array$from$find = Array.from(this._groups.values()).find((group) => group.value.model.containsPanel(panel))) === null || _Array$from$find === void 0 ? void 0 : _Array$from$find.value;
   }
-  orientationAtLocation(location2) {
-    const rootOrientation = this.gridview.orientation;
+  orientationAtLocation(location2, gridview = this.gridview) {
+    const rootOrientation = gridview.orientation;
     return location2.length % 2 == 1 ? rootOrientation : orthogonal(rootOrientation);
   }
   updateTheme() {
@@ -74456,7 +74686,7 @@ function createDockview(element2, options2) {
 }
 
 // dockview-css:dockview-core/css
-var css_default = '.dv-drop-target-container {\n  position: absolute;\n  z-index: 9999;\n  top: 0px;\n  left: 0px;\n  height: 100%;\n  width: 100%;\n  pointer-events: none;\n  overflow: hidden;\n  --dv-transition-duration: 300ms;\n}\n.dv-drop-target-container .dv-drop-target-anchor {\n  position: relative;\n  border: var(--dv-drag-over-border);\n  background-color: var(--dv-drag-over-background-color);\n  opacity: 1;\n  /* GPU optimizations */\n  will-change: transform, opacity;\n  transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  contain: layout paint;\n  transition: opacity var(--dv-transition-duration) ease-in, top var(--dv-transition-duration) ease-out, left var(--dv-transition-duration) ease-out, width var(--dv-transition-duration) ease-out, height var(--dv-transition-duration) ease-out;\n}\n.dv-drop-target {\n  position: relative;\n  --dv-transition-duration: 70ms;\n}\n.dv-drop-target > .dv-drop-target-dropzone {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  height: 100%;\n  width: 100%;\n  z-index: 1000;\n  pointer-events: none;\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection {\n  position: relative;\n  box-sizing: border-box;\n  height: 100%;\n  width: 100%;\n  border: var(--dv-drag-over-border);\n  background-color: var(--dv-drag-over-background-color);\n  transition: top var(--dv-transition-duration) ease-out, left var(--dv-transition-duration) ease-out, width var(--dv-transition-duration) ease-out, height var(--dv-transition-duration) ease-out, opacity var(--dv-transition-duration) ease-out;\n  will-change: transform;\n  pointer-events: none;\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-top.dv-drop-target-small-vertical {\n  border-top: 1px solid var(--dv-drag-over-border-color);\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-bottom.dv-drop-target-small-vertical {\n  border-bottom: 1px solid var(--dv-drag-over-border-color);\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-left.dv-drop-target-small-horizontal {\n  border-left: 1px solid var(--dv-drag-over-border-color);\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-right.dv-drop-target-small-horizontal {\n  border-right: 1px solid var(--dv-drag-over-border-color);\n}\n\n.dv-dnd-compass {\n  z-index: 1001;\n}\n\n.dv-dnd-compass-cell {\n  box-sizing: border-box;\n  border-radius: 2px;\n  border: 1px solid var(--dv-dnd-compass-color, #1f9cf0);\n  background-color: var(--dv-dnd-compass-cell-color, rgba(31, 156, 240, 0.25));\n}\n\n.dv-dnd-compass-cell-edge {\n  border-style: dashed;\n  background-color: var(--dv-dnd-compass-edge-cell-color, rgba(31, 156, 240, 0.12));\n}\n\n.dv-dnd-compass-cell-active {\n  background-color: var(--dv-dnd-compass-active-cell-color, rgba(31, 156, 240, 0.5));\n  border-style: solid;\n}\n\n.dv-dnd-compass-edge-preview {\n  z-index: 1000;\n  box-sizing: border-box;\n  background-color: var(--dv-drag-over-background-color);\n  border: var(--dv-drag-over-border);\n}\n.dv-dragged {\n  transform: translate3d(0px, 0px, 0px); /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */\n}\n\n/* Applied to the ghost tab clone during drag so it shows the same border as a focused tab */\n.dv-tab-ghost-drag {\n  position: relative;\n}\n.dv-tab-ghost-drag::after {\n  position: absolute;\n  content: "";\n  height: 100%;\n  width: 100%;\n  top: 0px;\n  left: 0px;\n  pointer-events: none;\n  outline: 1px solid var(--dv-tab-divider-color) !important;\n  outline-offset: -1px;\n  z-index: 5;\n}\n\n.dv-tab {\n  flex-shrink: 0;\n}\n.dv-tab:focus-visible, .dv-tab:has(:focus-visible) {\n  position: relative;\n}\n.dv-tab:focus-visible::after, .dv-tab:has(:focus-visible)::after {\n  position: absolute;\n  content: "";\n  height: 100%;\n  width: 100%;\n  top: 0px;\n  left: 0px;\n  pointer-events: none;\n  outline: 1px solid var(--dv-tab-divider-color) !important;\n  outline-offset: -1px;\n  z-index: 5;\n}\n.dv-tab.dv-tab-dragging .dv-default-tab-action {\n  background-color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-tab.dv-active-tab .dv-default-tab .dv-default-tab-action {\n  visibility: visible;\n}\n.dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {\n  visibility: hidden;\n}\n.dv-tab.dv-inactive-tab .dv-default-tab:hover .dv-default-tab-action {\n  visibility: visible;\n}\n@media (hover: none) {\n  .dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {\n    visibility: visible;\n  }\n}\n.dv-tab .dv-default-tab {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.dv-tab .dv-default-tab .dv-default-tab-content {\n  flex-grow: 1;\n  margin-right: 4px;\n}\n.dv-tab .dv-default-tab .dv-default-tab-action {\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  border: none;\n  background: none;\n  color: inherit;\n  font: inherit;\n  cursor: pointer;\n}\n.dv-tab .dv-default-tab .dv-default-tab-action:hover {\n  border-radius: 2px;\n  background-color: var(--dv-icon-hover-background-color);\n}\n@media (pointer: coarse) {\n  .dv-tab .dv-default-tab .dv-default-tab-action {\n    padding: 8px;\n  }\n}\n.dv-tabs-overflow-dropdown-default {\n  height: 100%;\n  box-sizing: border-box;\n  color: var(--dv-activegroup-hiddenpanel-tab-color);\n  margin: var(--dv-tab-margin);\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 0.25rem 0.5rem;\n  cursor: pointer;\n}\n.dv-tabs-overflow-dropdown-default > span {\n  padding-left: 0.25rem;\n}\n.dv-tabs-overflow-dropdown-default > svg {\n  transform: rotate(90deg);\n}\n.dv-tabs-overflow-dropdown-default:hover {\n  border-radius: 2px;\n  background-color: var(--dv-icon-hover-background-color);\n}\n.dv-tabs-container {\n  display: flex;\n  position: relative;\n  height: 100%;\n  overflow: auto;\n  scrollbar-width: thin;\n  /**\n   * Multi-row (wrapping) tabs. Inert until the `MultiRowTabsModule` toggles\n   * `.dv-tabs-container--wrap` on this element (`overflow.mode: \'wrap\'`):\n   * tabs wrap onto multiple rows instead of clipping into the dropdown, and\n   * the strip grows to fit (the header grows via the `:has()` rule in\n   * tabsContainer.scss; the free header-aware content-sizing seam then shrinks\n   * the content area to match). Restricted to horizontal headers in v1.\n   */\n}\n.dv-tabs-container.dv-tabs-container--wrap:not(.dv-tabs-container-vertical) {\n  flex-wrap: wrap;\n  height: auto;\n  overflow: visible;\n  align-content: flex-start;\n}\n.dv-tabs-container.dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: var(--dv-tabs-and-actions-container-height);\n}\n.dv-tabs-container.dv-tabs-container--wrap:not(.dv-tabs-container-vertical).dv-tabs-container--wrap-capped {\n  max-height: calc(var(--dv-tabs-and-actions-container-height) * var(--dv-max-tab-rows));\n  overflow: hidden;\n}\n.dv-tabs-container.dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab--reorder-before::after,\n.dv-tabs-container.dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab--reorder-after::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  z-index: 10;\n  pointer-events: none;\n  background-color: var(--dv-drag-over-border-color);\n}\n.dv-tabs-container.dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab--reorder-before::after {\n  left: 0;\n}\n.dv-tabs-container.dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab--reorder-after::after {\n  right: 0;\n}\n.dv-tabs-container {\n  /**\n   * Multi-column (wrapping) tabs for a vertical (edge-group) header: the\n   * mirror of the horizontal rule above with the axes swapped. The main axis\n   * is vertical (bounded by the header height, so overflowing tabs wrap) and\n   * the cross axis is horizontal (grows into additional columns). The header\n   * grows in width via the `:has()` rule in tabsContainer.scss.\n   *\n   * Column flow direction under `writing-mode: vertical-rl` differs\n   * between left and right header positions; this needs visual verification\n   * in a real browser (jsdom lays out neither writing-mode nor flex-wrap).\n   */\n}\n.dv-tabs-container.dv-tabs-container--wrap.dv-tabs-container-vertical {\n  flex-wrap: wrap;\n  width: auto;\n  height: 100%;\n  max-height: 100%;\n  overflow: visible;\n  align-content: flex-start;\n}\n.dv-tabs-container.dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: var(--dv-tabs-and-actions-container-height);\n  height: var(--dv-wrap-vertical-tab-height, auto);\n}\n.dv-tabs-container.dv-tabs-container--wrap.dv-tabs-container-vertical.dv-tabs-container--wrap-capped {\n  max-width: calc(var(--dv-tabs-and-actions-container-height) * var(--dv-max-tab-rows));\n  overflow: hidden;\n}\n.dv-tabs-container.dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab--reorder-before::after,\n.dv-tabs-container.dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab--reorder-after::after {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 2px;\n  z-index: 10;\n  pointer-events: none;\n  background-color: var(--dv-drag-over-border-color);\n}\n.dv-tabs-container.dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab--reorder-before::after {\n  top: 0;\n}\n.dv-tabs-container.dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab--reorder-after::after {\n  bottom: 0;\n}\n.dv-tabs-container {\n  /* GPU optimizations for smooth scrolling */\n  will-change: scroll-position;\n  transform: translate3d(0, 0, 0);\n  /**\n   * Stop scroll-chaining at the tab strip so that wheel / trackpad\n   * overscroll past the strip\'s edges doesn\'t trigger the browser\'s\n   * swipe-to-go-back-or-forward gesture (and doesn\'t scroll the page\n   * either). `contain` keeps the native bounce visuals; `none` would\n   * also disable them.\n   */\n  overscroll-behavior: contain;\n  /**\n   * Empty space between tabs (and the scrollbar lane) keeps pan-x so a\n   * flick on those areas produces native momentum scroll. The tab and\n   * chip elements themselves opt out (`touch-action: none`) so the\n   * pointer drag source owns the gesture from pointerdown - a flick on\n   * a tab or chip always becomes a drag, regardless of direction.\n   */\n  touch-action: pan-x;\n}\n.dv-tabs-container.dv-tabs-container-vertical {\n  width: 100%;\n  height: fit-content;\n  max-height: 100%;\n  writing-mode: vertical-rl;\n  touch-action: pan-y;\n}\n.dv-tabs-container.dv-horizontal .dv-tab:not(:first-child)::before, .dv-tabs-container.dv-vertical .dv-tab:not(:first-child)::before {\n  content: " ";\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 5;\n  pointer-events: none;\n  background-color: var(--dv-tab-divider-color);\n}\n.dv-tabs-container.dv-horizontal .dv-tab:not(:first-child)::before {\n  width: 1px;\n  height: 100%;\n}\n.dv-tabs-container.dv-vertical .dv-tab:not(:first-child)::before {\n  width: 100%;\n  height: 1px;\n}\n.dv-tabs-container::-webkit-scrollbar {\n  height: 3px;\n}\n.dv-tabs-container {\n  /* Track */\n}\n.dv-tabs-container::-webkit-scrollbar-track {\n  background: transparent;\n}\n.dv-tabs-container {\n  /* Handle */\n}\n.dv-tabs-container::-webkit-scrollbar-thumb {\n  background: var(--dv-tabs-container-scrollbar-color);\n}\n\n.dv-scrollable > .dv-tabs-container {\n  overflow: hidden;\n}\n\n.dv-tab {\n  user-select: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  outline: none;\n  padding: 0.25rem 0.5rem;\n  cursor: pointer;\n  position: relative;\n  box-sizing: border-box;\n  font-size: var(--dv-tab-font-size);\n  margin: var(--dv-tab-margin);\n  touch-action: none;\n}\n.dv-tab.dv-tab--shifting {\n  will-change: transform, margin-left, margin-right, margin-top, margin-bottom;\n  transition: transform var(--dv-transition-duration, 200ms) ease-out, margin-left var(--dv-transition-duration, 200ms) ease-out, margin-right var(--dv-transition-duration, 200ms) ease-out, margin-top var(--dv-transition-duration, 200ms) ease-out, margin-bottom var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab.dv-tab--dragging {\n  width: 0 !important;\n  min-width: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab.dv-tab--group-collapsed {\n  width: 0 !important;\n  min-width: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab.dv-tab--group-expanding {\n  transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n\n.dv-tab.dv-tab--pinned:has(.dv-tab-pin) {\n  display: flex;\n  align-items: center;\n}\n.dv-tab.dv-tab--pinned .dv-tab-pin {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-right: 4px;\n  opacity: 0.7;\n  pointer-events: none;\n}\n.dv-tab.dv-tab--pinned .dv-tab-pin .dv-svg {\n  width: 11px;\n  height: 11px;\n}\n.dv-tab.dv-tab--pinned .dv-default-tab {\n  min-width: 0;\n}\n.dv-tab.dv-tab--pinned .dv-default-tab-action {\n  display: none;\n}\n\n.dv-tab.dv-tab--pinned-compact .dv-default-tab-content {\n  display: none;\n}\n.dv-tab.dv-tab--pinned-compact .dv-tab-pin {\n  margin-right: 0;\n}\n\n.dv-tabs-container:not(.dv-tabs-container--wrap):not(.dv-tabs-container-vertical) > .dv-tab.dv-tab--pinned-sticky {\n  position: sticky;\n  left: var(--dv-pinned-sticky-left, 0);\n  z-index: 2;\n}\n\n.dv-tabs-and-actions-container.dv-tabs-and-actions-container--pinned-row {\n  flex-wrap: wrap;\n  height: auto;\n  min-height: var(--dv-tabs-and-actions-container-height);\n  align-content: flex-start;\n}\n.dv-tabs-and-actions-container.dv-tabs-and-actions-container--pinned-row .dv-pinned-row {\n  flex: 0 0 100%;\n  order: -1;\n}\n.dv-tabs-and-actions-container.dv-tabs-and-actions-container--pinned-row .dv-tab.dv-tab--pinned {\n  display: none;\n}\n\n.dv-pinned-row {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  box-sizing: border-box;\n  width: 100%;\n  min-height: var(--dv-tabs-and-actions-container-height);\n  padding: 2px 4px;\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom: 1px solid var(--dv-tab-divider-color);\n}\n\n.dv-pinned-tab {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  box-sizing: border-box;\n  padding: 0.25rem 0.5rem;\n  font-size: var(--dv-tab-font-size);\n  cursor: pointer;\n  user-select: none;\n  background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);\n  color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.dv-pinned-tab.dv-pinned-tab--active {\n  background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-pinned-tab .dv-pinned-tab-label {\n  max-width: 120px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.dv-pinned-tab .dv-pinned-tab-unpin {\n  flex-shrink: 0;\n  opacity: 0.6;\n}\n.dv-pinned-tab .dv-pinned-tab-unpin:hover {\n  opacity: 1;\n}\n.dv-pinned-tab.dv-pinned-tab--dragging {\n  opacity: 0.5;\n}\n.dv-pinned-tab.dv-pinned-tab--drop-before, .dv-pinned-tab.dv-pinned-tab--drop-after {\n  position: relative;\n}\n.dv-pinned-tab.dv-pinned-tab--drop-before::after, .dv-pinned-tab.dv-pinned-tab--drop-after::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  z-index: 10;\n  pointer-events: none;\n  background-color: var(--dv-drag-over-border-color);\n}\n.dv-pinned-tab.dv-pinned-tab--drop-before::after {\n  left: 0;\n}\n.dv-pinned-tab.dv-pinned-tab--drop-after::after {\n  right: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dv-tab {\n    transition: none !important;\n  }\n  .dv-tab-group-chip {\n    transition: none !important;\n  }\n}\n.dv-tab-group-chip {\n  display: inline-flex;\n  align-items: center;\n  align-self: center;\n  padding: var(--dv-tab-group-chip-padding);\n  margin: 0 8px 0 8px;\n  border-radius: var(--dv-tab-group-chip-border-radius);\n  font-size: var(--dv-tab-group-chip-font-size);\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n  box-sizing: border-box;\n  line-height: 1;\n  touch-action: none;\n  background-color: var(--dv-tab-group-color);\n  color: white;\n}\n.dv-tab-group-chip.dv-tab-group-chip--accent-off {\n  background-color: transparent;\n  color: inherit;\n}\n.dv-tab-group-chip.dv-tab-group-chip--shifting {\n  will-change: margin-left, margin-top;\n  transition: margin-left var(--dv-transition-duration, 200ms) ease-out, margin-top var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab-group-chip.dv-tab-group-chip--dragging {\n  width: 0 !important;\n  min-width: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab-group-chip .dv-tab-group-chip-label--empty {\n  display: none;\n}\n.dv-tab-group-chip:has(.dv-tab-group-chip-label--empty) {\n  position: relative;\n  width: 12px;\n  height: 12px;\n  padding: 0;\n  border-radius: 50%;\n}\n.dv-tab-group-chip:has(.dv-tab-group-chip-label--empty)::before {\n  content: "";\n  position: absolute;\n  inset: -8px;\n}\n\n.dv-tab-group-underline {\n  position: absolute;\n  bottom: 0;\n  opacity: var(--dv-tab-group-line-opacity);\n  pointer-events: none;\n  z-index: 10;\n}\n\n.dv-tab-group-chip-continuation {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  opacity: var(--dv-tab-group-line-opacity);\n  pointer-events: none;\n  z-index: 10;\n}\n\n.dv-groupview-header-bottom .dv-tab-group-underline {\n  bottom: auto;\n  top: 0;\n}\n\n.dv-tabs-container-vertical .dv-tab-group-underline {\n  bottom: auto;\n  left: 0;\n}\n\n.dv-tabs-container-vertical .dv-tab-group-chip {\n  margin: 8px 0 8px 0;\n}\n.dv-tabs-container-vertical .dv-tab-group-chip.dv-tab-group-chip--dragging {\n  height: 0 !important;\n  min-height: 0 !important;\n  width: auto !important;\n  min-width: initial !important;\n  transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tabs-container-vertical .dv-tab {\n  padding: 0.5rem 0.25rem;\n}\n.dv-tabs-container-vertical .dv-tab.dv-tab--group-collapsed {\n  height: 0 !important;\n  min-height: 0 !important;\n  width: auto !important;\n  min-width: initial !important;\n  transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tabs-container-vertical .dv-tab.dv-tab--group-expanding {\n  transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tabs-container-vertical .dv-tab.dv-tab--dragging {\n  height: 0 !important;\n  min-height: 0 !important;\n  width: auto !important;\n  min-width: initial !important;\n  transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n\n.dv-tabs-overflow-container {\n  flex-direction: column;\n  height: unset;\n  font-size: var(--dv-tabs-and-actions-container-font-size);\n  max-height: min(50vh, 400px);\n  overflow-y: auto;\n  border: 1px solid var(--dv-tab-divider-color);\n  background-color: var(--dv-group-view-background-color);\n  /* Scrollbar styling for webkit browsers */\n}\n.dv-tabs-overflow-container::-webkit-scrollbar {\n  width: 6px;\n}\n.dv-tabs-overflow-container::-webkit-scrollbar-track {\n  background: transparent;\n}\n.dv-tabs-overflow-container::-webkit-scrollbar-thumb {\n  background: var(--dv-tabs-container-scrollbar-color);\n  border-radius: 3px;\n}\n.dv-tabs-overflow-container {\n  /* Firefox scrollbar */\n  scrollbar-width: thin;\n}\n.dv-tabs-overflow-container .dv-tab:not(:last-child) {\n  border-bottom: 1px solid var(--dv-tab-divider-color);\n}\n.dv-tabs-overflow-container .dv-active-tab {\n  background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-tabs-overflow-container .dv-inactive-tab {\n  background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);\n  color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-header {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  font-size: 0.8em;\n  font-weight: 600;\n  color: var(--dv-activegroup-hiddenpanel-tab-color);\n  cursor: pointer;\n  border-bottom: 1px solid var(--dv-tab-divider-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-header:hover {\n  background-color: var(--dv-icon-hover-background-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-color {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  background-color: var(--dv-tab-group-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-label {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-collapsed-badge {\n  font-size: 0.75em;\n  font-weight: 400;\n  opacity: 0.7;\n  padding: 1px 4px;\n  border-radius: 3px;\n  background-color: var(--dv-tab-divider-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-pinned-header {\n  cursor: default;\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-pinned-header:hover {\n  background-color: transparent;\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-pinned-header .dv-tabs-overflow-pinned-icon {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.7;\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-pinned-header .dv-tabs-overflow-pinned-icon .dv-svg {\n  width: 11px;\n  height: 11px;\n}\n.dv-tabs-overflow-container .dv-tab.dv-tab--grouped {\n  padding-left: 16px;\n}\n\n/*\n * Advanced overflow popover (AdvancedOverflowModule): the same container as the\n * free list, upgraded in place with a search input, a scrollable listbox, and a\n * keyboard-highlighted active row. Styles live in core so the module ships no\n * CSS; they are inert unless the module renders this body.\n */\n.dv-tabs-overflow-container.dv-tabs-overflow-advanced {\n  min-width: 220px;\n}\n.dv-tabs-overflow-container.dv-tabs-overflow-advanced .dv-tabs-overflow-search {\n  box-sizing: border-box;\n  width: 100%;\n  padding: 6px 8px;\n  border: none;\n  border-bottom: 1px solid var(--dv-tab-divider-color);\n  outline: none;\n  font-size: inherit;\n  font-family: inherit;\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n  background-color: var(--dv-group-view-background-color);\n}\n.dv-tabs-overflow-container.dv-tabs-overflow-advanced .dv-tabs-overflow-list {\n  display: flex;\n  flex-direction: column;\n  outline: none;\n}\n.dv-tabs-overflow-container.dv-tabs-overflow-advanced .dv-tab.dv-tabs-overflow-option--focused {\n  outline: 1px solid var(--dv-tab-divider-color);\n  outline-offset: -1px;\n  background-color: var(--dv-icon-hover-background-color);\n}\n.dv-tabs-and-actions-container {\n  display: flex;\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  flex-shrink: 0;\n  box-sizing: border-box;\n  height: var(--dv-tabs-and-actions-container-height);\n  font-size: var(--dv-tabs-and-actions-container-font-size);\n  /**\n   * Multi-row (wrapping) tabs: when the tab list wraps onto multiple rows\n   * (`.dv-tabs-container--wrap`, toggled by the `MultiRowTabsModule`), the\n   * header grows to fit instead of clipping. Inert otherwise: the single-row\n   * fixed height above is unchanged.\n   */\n}\n.dv-tabs-and-actions-container:has(.dv-tabs-container--wrap) {\n  height: auto;\n  min-height: var(--dv-tabs-and-actions-container-height);\n  align-items: flex-start;\n}\n.dv-tabs-and-actions-container:has(.dv-tabs-container--wrap) > .dv-pre-actions-container,\n.dv-tabs-and-actions-container:has(.dv-tabs-container--wrap) > .dv-left-actions-container,\n.dv-tabs-and-actions-container:has(.dv-tabs-container--wrap) > .dv-right-actions-container,\n.dv-tabs-and-actions-container:has(.dv-tabs-container--wrap) > .dv-void-container {\n  height: var(--dv-tabs-and-actions-container-height);\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-scrollable {\n  flex-grow: 1;\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container {\n  flex-grow: 1;\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container .dv-tab {\n  flex-grow: 1;\n  padding: 0px;\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-void-container {\n  flex-grow: 0;\n}\n.dv-tabs-and-actions-container .dv-void-container {\n  display: flex;\n  flex-grow: 1;\n  user-select: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  touch-action: none;\n}\n.dv-tabs-and-actions-container .dv-void-container.dv-draggable {\n  cursor: grab;\n}\n.dv-tabs-and-actions-container .dv-right-actions-container {\n  display: flex;\n}\n.dv-tabs-and-actions-container .dv-right-actions-container.dv-right-actions-container-vertical {\n  flex-direction: column;\n}\n.dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  flex-direction: column;\n  height: auto;\n  width: var(--dv-tabs-and-actions-container-height);\n}\n.dv-tabs-and-actions-container.dv-groupview-header-vertical:has(.dv-tabs-container--wrap) {\n  width: auto;\n  min-width: var(--dv-tabs-and-actions-container-height);\n}\n.dv-tabs-and-actions-container.dv-groupview-header-vertical:has(.dv-tabs-container--wrap) > .dv-scrollable {\n  align-self: stretch;\n}\n.dv-watermark {\n  display: flex;\n  height: 100%;\n}\n.dv-dockview {\n  position: relative;\n  background-color: var(--dv-group-view-background-color);\n}\n.dv-dockview .dv-watermark-container {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n}\n.dv-dockview .dv-overlay-render-container {\n  position: relative;\n}\n\n.dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-inactive-tab {\n  background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);\n  color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  background-color: var(--dv-inactivegroup-visiblepanel-tab-background-color);\n  color: var(--dv-inactivegroup-visiblepanel-tab-color);\n}\n.dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-inactive-tab {\n  background-color: var(--dv-inactivegroup-hiddenpanel-tab-background-color);\n  color: var(--dv-inactivegroup-hiddenpanel-tab-color);\n}\n\n/**\n * when a tab is dragged we lose the above stylings because they are conditional on parent elements\n * therefore we also set some stylings for the dragging event\n **/\n.dv-tab.dv-tab-dragging {\n  background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n\n.dv-keyboard-docking-hint {\n  position: absolute;\n  left: 50%;\n  bottom: 8px;\n  transform: translateX(-50%);\n  z-index: 100;\n  max-width: 90%;\n  padding: 4px 10px;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 1.4;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n  background-color: var(--dv-context-menu-background-color, var(--dv-group-view-background-color));\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n  border: 1px solid var(--dv-tab-divider-color);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);\n}\n.dv-groupview {\n  display: flex;\n  height: 100%;\n  background-color: var(--dv-group-view-background-color);\n  overflow: hidden;\n  flex-direction: column;\n}\n.dv-groupview:focus {\n  outline: none;\n}\n.dv-groupview > .dv-content-container {\n  flex-grow: 1;\n  min-height: 0;\n  outline: none;\n}\n.dv-groupview.dv-groupview-header-bottom {\n  flex-direction: column-reverse;\n}\n.dv-groupview.dv-groupview-header-left {\n  flex-direction: row;\n}\n.dv-groupview.dv-groupview-header-right {\n  flex-direction: row-reverse;\n}\n.dv-groupview.dv-groupview-edge.dv-edge-collapsed > .dv-content-container {\n  display: none;\n}\n.dv-root-wrapper {\n  height: 100%;\n  width: 100%;\n}\n.dv-grid-view,\n.dv-branch-node {\n  height: 100%;\n  width: 100%;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-top {\n  background-color: red;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-bottom {\n  background-color: green;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-left {\n  background-color: yellow;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-right {\n  background-color: blue;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-topleft,\n.dv-debug .dv-resize-container .dv-resize-handle-topright,\n.dv-debug .dv-resize-container .dv-resize-handle-bottomleft,\n.dv-debug .dv-resize-container .dv-resize-handle-bottomright {\n  background-color: cyan;\n}\n\n.dv-floating-overlay-host {\n  position: absolute;\n  pointer-events: none;\n}\n.dv-floating-overlay-host > .dv-resize-container {\n  pointer-events: auto;\n}\n\n.dv-edge-peek {\n  background-color: var(--dv-group-view-background-color);\n  border: 1px solid var(--dv-separator-border);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n}\n.dv-edge-peek > * {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n}\n\n.dv-auto-edge-band {\n  position: absolute;\n  pointer-events: none;\n  z-index: var(--dv-overlay-z-index, 999);\n  background-color: var(--dv-edge-dock-indicator-color);\n  box-shadow: 0 0 6px var(--dv-edge-dock-indicator-color);\n}\n\n.dv-edge-peek-header {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 4px 0 8px;\n  box-sizing: border-box;\n  background-color: var(--dv-group-view-background-color);\n  border: 1px solid var(--dv-separator-border);\n  border-bottom: none;\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n  font-size: 12px;\n}\n.dv-edge-peek-header .dv-edge-peek-pin,\n.dv-edge-peek-header .dv-edge-peek-close {\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  border: none;\n  padding: 4px;\n  color: inherit;\n  background: transparent;\n  outline: none;\n}\n.dv-edge-peek-header .dv-edge-peek-pin:hover,\n.dv-edge-peek-header .dv-edge-peek-close:hover {\n  border-radius: 2px;\n  background-color: var(--dv-icon-hover-background-color);\n}\n.dv-edge-peek-header .dv-edge-peek-pin:focus-visible,\n.dv-edge-peek-header .dv-edge-peek-close:focus-visible {\n  border-radius: 2px;\n  outline: 1px solid var(--dv-tab-divider-color);\n  outline-offset: -1px;\n}\n\n.dv-edge-peek-title {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dv-resize-container > .dv-grid-view {\n  width: 100%;\n  height: 100%;\n}\n\n.dv-resize-container-with-titlebar {\n  display: flex;\n  flex-direction: column;\n}\n.dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  flex: 0 0 auto;\n}\n.dv-resize-container-with-titlebar > .dv-grid-view {\n  height: auto;\n  flex: 1 1 0;\n  min-height: 0;\n}\n\n.dv-floating-titlebar {\n  box-sizing: border-box;\n  flex-shrink: 0;\n  height: var(--dv-floating-titlebar-height, 22px);\n  background-color: var(--dv-floating-titlebar-background-color);\n  border-bottom: var(--dv-floating-titlebar-border-bottom, none);\n  user-select: none;\n  touch-action: none;\n}\n.dv-floating-titlebar.dv-draggable {\n  cursor: grab;\n}\n\n.dv-resize-container {\n  --dv-overlay-z-index: var(--dv-overlay-z-index, 999);\n  position: absolute;\n  z-index: calc(var(--dv-overlay-z-index) - 2);\n  background-color: var(--dv-group-view-background-color);\n  border: var(--dv-floating-border);\n  box-shadow: var(--dv-floating-box-shadow);\n  /* GPU optimizations for floating group movement */\n  will-change: transform, opacity;\n  transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n}\n.dv-resize-container.dv-hidden {\n  display: none;\n}\n.dv-resize-container.dv-resize-container-dragging {\n  opacity: var(--dv-floating-group-dragging-opacity);\n  /* Enhanced GPU acceleration during drag */\n  will-change: transform, opacity;\n}\n.dv-resize-container .dv-resize-handle-top,\n.dv-resize-container .dv-resize-handle-bottom,\n.dv-resize-container .dv-resize-handle-left,\n.dv-resize-container .dv-resize-handle-right,\n.dv-resize-container .dv-resize-handle-topleft,\n.dv-resize-container .dv-resize-handle-topright,\n.dv-resize-container .dv-resize-handle-bottomleft,\n.dv-resize-container .dv-resize-handle-bottomright {\n  touch-action: none;\n}\n.dv-resize-container .dv-resize-handle-top {\n  height: 4px;\n  width: calc(100% - 8px);\n  left: 4px;\n  top: -2px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: ns-resize;\n}\n.dv-resize-container .dv-resize-handle-bottom {\n  height: 4px;\n  width: calc(100% - 8px);\n  left: 4px;\n  bottom: -2px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: ns-resize;\n}\n.dv-resize-container .dv-resize-handle-left {\n  height: calc(100% - 8px);\n  width: 4px;\n  left: -2px;\n  top: 4px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: ew-resize;\n}\n.dv-resize-container .dv-resize-handle-right {\n  height: calc(100% - 8px);\n  width: 4px;\n  right: -2px;\n  top: 4px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: ew-resize;\n}\n.dv-resize-container .dv-resize-handle-topleft {\n  height: 4px;\n  width: 4px;\n  top: -2px;\n  left: -2px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: nw-resize;\n}\n.dv-resize-container .dv-resize-handle-topright {\n  height: 4px;\n  width: 4px;\n  right: -2px;\n  top: -2px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: ne-resize;\n}\n.dv-resize-container .dv-resize-handle-bottomleft {\n  height: 4px;\n  width: 4px;\n  left: -2px;\n  bottom: -2px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: sw-resize;\n}\n.dv-resize-container .dv-resize-handle-bottomright {\n  height: 4px;\n  width: 4px;\n  right: -2px;\n  bottom: -2px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: se-resize;\n}\n@media (pointer: coarse) {\n  .dv-resize-container .dv-resize-handle-top,\n  .dv-resize-container .dv-resize-handle-bottom {\n    height: 16px;\n    width: calc(100% - 48px);\n    left: 24px;\n  }\n  .dv-resize-container .dv-resize-handle-top {\n    top: -10px;\n  }\n  .dv-resize-container .dv-resize-handle-bottom {\n    bottom: -10px;\n  }\n  .dv-resize-container .dv-resize-handle-left,\n  .dv-resize-container .dv-resize-handle-right {\n    width: 16px;\n    height: calc(100% - 48px);\n    top: 24px;\n  }\n  .dv-resize-container .dv-resize-handle-left {\n    left: -10px;\n  }\n  .dv-resize-container .dv-resize-handle-right {\n    right: -10px;\n  }\n  .dv-resize-container .dv-resize-handle-topleft,\n  .dv-resize-container .dv-resize-handle-topright,\n  .dv-resize-container .dv-resize-handle-bottomleft,\n  .dv-resize-container .dv-resize-handle-bottomright {\n    height: 24px;\n    width: 24px;\n  }\n  .dv-resize-container .dv-resize-handle-topleft {\n    top: -12px;\n    left: -12px;\n  }\n  .dv-resize-container .dv-resize-handle-topright {\n    top: -12px;\n    right: -12px;\n  }\n  .dv-resize-container .dv-resize-handle-bottomleft {\n    bottom: -12px;\n    left: -12px;\n  }\n  .dv-resize-container .dv-resize-handle-bottomright {\n    bottom: -12px;\n    right: -12px;\n  }\n}\n\n.dv-smart-guides {\n  pointer-events: none;\n  z-index: calc(var(--dv-overlay-z-index, 999) + 100);\n}\n\n.dv-smart-guide {\n  background-color: var(--dv-smart-guides-color, #1f9cf0);\n}\n\n.dv-smart-guide-preview {\n  box-sizing: border-box;\n  background-color: var(--dv-smart-guides-preview-color, rgba(31, 156, 240, 0.18));\n  border: 1px solid var(--dv-smart-guides-color, #1f9cf0);\n}\n.dv-render-overlay {\n  --dv-overlay-z-index: var(--dv-overlay-z-index, 999);\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  contain: layout paint;\n  isolation: isolate;\n  /* GPU optimizations */\n  will-change: transform;\n  transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n}\n.dv-render-overlay.dv-render-overlay-float {\n  z-index: calc(var(--dv-overlay-z-index) - 1);\n}\n\n.dv-debug .dv-render-overlay {\n  outline: 1px solid red;\n  outline-offset: -1;\n}\n.dv-pane-container {\n  height: 100%;\n  width: 100%;\n}\n.dv-pane-container.dv-animated .dv-view {\n  /* GPU optimizations for smooth pane animations */\n  will-change: transform;\n  transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  transition: transform 0.15s ease-out;\n}\n.dv-pane-container .dv-view {\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  padding: 0px !important;\n}\n.dv-pane-container .dv-view:not(:first-child)::before {\n  background-color: transparent !important;\n}\n.dv-pane-container .dv-view:not(:first-child) .dv-pane > .dv-pane-header {\n  border-top: 1px solid var(--dv-paneview-header-border-color);\n}\n.dv-pane-container .dv-view .dv-default-header {\n  background-color: var(--dv-group-view-background-color);\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n  display: flex;\n  padding: 0px 8px;\n  cursor: pointer;\n}\n.dv-pane-container .dv-view .dv-default-header .dv-pane-header-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.dv-pane-container .dv-view .dv-default-header > span {\n  padding-left: 8px;\n  flex-grow: 1;\n}\n.dv-pane-container:first-of-type > .dv-pane > .dv-pane-header {\n  border-top: none !important;\n}\n.dv-pane-container .dv-pane {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  height: 100%;\n}\n.dv-pane-container .dv-pane .dv-pane-header {\n  box-sizing: border-box;\n  user-select: none;\n  position: relative;\n  outline: none;\n}\n.dv-pane-container .dv-pane .dv-pane-header.dv-pane-draggable {\n  cursor: pointer;\n}\n.dv-pane-container .dv-pane .dv-pane-header:focus-visible:before, .dv-pane-container .dv-pane .dv-pane-header:has(:focus-visible):before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 5;\n  content: "";\n  pointer-events: none;\n  outline: 1px solid;\n  outline-width: -1px;\n  outline-style: solid;\n  outline-offset: -1px;\n  outline-color: var(--dv-paneview-active-outline-color);\n}\n.dv-pane-container .dv-pane .dv-pane-body {\n  overflow-y: auto;\n  overflow-x: hidden;\n  flex-grow: 1;\n  position: relative;\n  outline: none;\n}\n.dv-pane-container .dv-pane .dv-pane-body:focus-visible:before, .dv-pane-container .dv-pane .dv-pane-body:has(:focus-visible):before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 5;\n  content: "";\n  pointer-events: none;\n  outline: 1px solid;\n  outline-width: -1px;\n  outline-style: solid;\n  outline-offset: -1px;\n  outline-color: var(--dv-paneview-active-outline-color);\n}\n.dv-scrollable {\n  position: relative;\n  overflow: hidden;\n}\n.dv-scrollable .dv-scrollbar {\n  position: absolute;\n  border-radius: 2px;\n  background-color: transparent;\n  /* GPU optimizations */\n  will-change: background-color, transform;\n  transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  transition-property: background-color;\n  transition-timing-function: ease-in-out;\n  transition-duration: 1s;\n  transition-delay: 0s;\n}\n.dv-scrollable .dv-scrollbar-horizontal {\n  bottom: 0px;\n  left: 0px;\n  height: 4px;\n}\n.dv-scrollable .dv-scrollbar-vertical {\n  right: 0px;\n  top: 0px;\n  width: 4px;\n}\n.dv-scrollable:hover .dv-scrollbar, .dv-scrollable.dv-scrollable-resizing .dv-scrollbar, .dv-scrollable.dv-scrollable-scrolling .dv-scrollbar {\n  background-color: var(--dv-scrollbar-background-color, rgba(255, 255, 255, 0.25));\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-enabled {\n  background-color: black;\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-disabled {\n  background-color: orange;\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-maximum {\n  background-color: green;\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-minimum {\n  background-color: red;\n}\n\n.dv-split-view-container {\n  position: relative;\n  overflow: hidden;\n  height: 100%;\n  width: 100%;\n}\n.dv-split-view-container.dv-splitview-disabled > .dv-sash-container > .dv-sash {\n  pointer-events: none;\n}\n.dv-split-view-container.dv-animation .dv-view,\n.dv-split-view-container.dv-animation .dv-sash {\n  /* GPU optimizations for smooth animations */\n  will-change: transform;\n  transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  transition: transform 0.15s ease-out;\n}\n.dv-split-view-container.dv-horizontal {\n  height: 100%;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash {\n  height: 100%;\n  width: 4px;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-enabled {\n  cursor: ew-resize;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-disabled {\n  cursor: default;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-maximum {\n  cursor: w-resize;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-minimum {\n  cursor: e-resize;\n}\n.dv-split-view-container.dv-horizontal > .dv-view-container > .dv-view:not(:first-child)::before {\n  height: 100%;\n  width: 1px;\n}\n.dv-split-view-container.dv-vertical {\n  width: 100%;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash {\n  width: 100%;\n  height: 4px;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-enabled {\n  cursor: ns-resize;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-disabled {\n  cursor: default;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-maximum {\n  cursor: n-resize;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-minimum {\n  cursor: s-resize;\n}\n.dv-split-view-container.dv-vertical > .dv-view-container > .dv-view {\n  width: 100%;\n}\n.dv-split-view-container.dv-vertical > .dv-view-container > .dv-view:not(:first-child)::before {\n  height: 1px;\n  width: 100%;\n}\n.dv-split-view-container .dv-sash-container {\n  height: 100%;\n  width: 100%;\n  position: absolute;\n}\n.dv-split-view-container .dv-sash-container .dv-sash {\n  position: absolute;\n  z-index: 99;\n  outline: none;\n  user-select: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  touch-action: none;\n  background-color: var(--dv-sash-color, transparent);\n}\n.dv-split-view-container .dv-sash-container .dv-sash:not(.disabled):active, .dv-split-view-container .dv-sash-container .dv-sash:not(.disabled):hover {\n  background-color: var(--dv-active-sash-color, transparent);\n  transition-property: background-color;\n  transition-timing-function: ease-in-out;\n  transition-duration: var(--dv-active-sash-transition-duration, 0.1s);\n  transition-delay: var(--dv-active-sash-transition-delay, 0.5s);\n}\n@media (pointer: coarse) {\n  .dv-split-view-container .dv-sash-container > .dv-sash:not(.dv-disabled)::before {\n    content: "";\n    position: absolute;\n    background: transparent;\n  }\n  .dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash:not(.dv-disabled)::before {\n    top: 0;\n    bottom: 0;\n    left: -10px;\n    right: -10px;\n  }\n  .dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash:not(.dv-disabled)::before {\n    left: 0;\n    right: 0;\n    top: -10px;\n    bottom: -10px;\n  }\n}\n.dv-split-view-container .dv-view-container {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.dv-split-view-container .dv-view-container .dv-view {\n  height: 100%;\n  box-sizing: border-box;\n  overflow: auto;\n  position: absolute;\n}\n.dv-split-view-container.dv-separator-border .dv-view:not(:first-child)::before {\n  content: " ";\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 5;\n  pointer-events: none;\n  background-color: var(--dv-separator-border);\n}\n.dv-svg {\n  display: inline-block;\n  fill: currentcolor;\n  line-height: 1;\n  stroke: currentcolor;\n  stroke-width: 0;\n}\n.dockview-theme-dark {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-dark {\n  color-scheme: dark;\n  --dv-group-view-background-color: #1e1e1e;\n  --dv-tabs-and-actions-container-background-color: #252526;\n  --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;\n  --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;\n  --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;\n  --dv-tab-divider-color: #1e1e1e;\n  --dv-activegroup-visiblepanel-tab-color: white;\n  --dv-activegroup-hiddenpanel-tab-color: #969696;\n  --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;\n  --dv-inactivegroup-hiddenpanel-tab-color: #626262;\n  --dv-separator-border: rgb(68, 68, 68);\n  --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);\n}\n\n.dockview-theme-light {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-light {\n  color-scheme: light;\n  --dv-group-view-background-color: white;\n  --dv-tabs-and-actions-container-background-color: #f3f3f3;\n  --dv-activegroup-visiblepanel-tab-background-color: white;\n  --dv-activegroup-hiddenpanel-tab-background-color: #ececec;\n  --dv-inactivegroup-visiblepanel-tab-background-color: white;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #ececec;\n  --dv-tab-divider-color: white;\n  --dv-activegroup-visiblepanel-tab-color: rgb(51, 51, 51);\n  --dv-activegroup-hiddenpanel-tab-color: rgba(51, 51, 51, 0.7);\n  --dv-inactivegroup-visiblepanel-tab-color: rgba(51, 51, 51, 0.7);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(51, 51, 51, 0.35);\n  --dv-separator-border: rgba(128, 128, 128, 0.35);\n  --dv-paneview-header-border-color: rgb(51, 51, 51);\n  --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n  --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dockview-theme-vs {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-vs .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-vs {\n  color-scheme: dark;\n  --dv-group-view-background-color: #1e1e1e;\n  --dv-tabs-and-actions-container-background-color: #252526;\n  --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;\n  --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;\n  --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;\n  --dv-tab-divider-color: #1e1e1e;\n  --dv-activegroup-visiblepanel-tab-color: white;\n  --dv-activegroup-hiddenpanel-tab-color: #969696;\n  --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;\n  --dv-inactivegroup-hiddenpanel-tab-color: #626262;\n  --dv-separator-border: rgb(68, 68, 68);\n  --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);\n  --dv-tabs-and-actions-container-background-color: #2d2d30;\n  --dv-tabs-and-actions-container-height: 20px;\n  --dv-tabs-and-actions-container-font-size: 11px;\n  --dv-activegroup-visiblepanel-tab-background-color: #007acc;\n  --dv-inactivegroup-visiblepanel-tab-background-color: #3f3f46;\n  --dv-activegroup-visiblepanel-tab-color: white;\n  --dv-activegroup-hiddenpanel-tab-color: white;\n  --dv-inactivegroup-visiblepanel-tab-color: white;\n  --dv-inactivegroup-hiddenpanel-tab-color: white;\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container {\n  box-sizing: content-box;\n  border-bottom: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tab.dv-active-tab {\n  border-top: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tab.dv-inactive-tab {\n  border-top: 2px solid var(--dv-activegroup-hiddenpanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container {\n  box-sizing: content-box;\n  border-bottom: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tab.dv-active-tab {\n  border-top: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tab.dv-inactive-tab {\n  border-top: 2px solid var(--dv-inactivegroup-hiddenpanel-tab-background-color);\n}\n\n.dockview-theme-abyss {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-abyss .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-abyss {\n  color-scheme: dark;\n  --dv-color-abyss-dark: #000c18;\n  --dv-color-abyss: #10192c;\n  --dv-color-abyss-light: #1c1c2a;\n  --dv-color-abyss-lighter: #2b2b4a;\n  --dv-color-abyss-accent: rgb(91, 30, 207);\n  --dv-color-abyss-primary-text: white;\n  --dv-color-abyss-secondary-text: rgb(148, 151, 169);\n  --dv-group-view-background-color: var(--dv-color-abyss-dark);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-abyss-light\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-abyss-dark\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-abyss-dark\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);\n  --dv-tab-divider-color: var(--dv-color-abyss-lighter);\n  --dv-activegroup-visiblepanel-tab-color: white;\n  --dv-activegroup-hiddenpanel-tab-color: rgba(255, 255, 255, 0.5);\n  --dv-inactivegroup-visiblepanel-tab-color: rgba(255, 255, 255, 0.5);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(255, 255, 255, 0.25);\n  --dv-separator-border: var(--dv-color-abyss-lighter);\n  --dv-paneview-header-border-color: var(--dv-color-abyss-lighter);\n  --dv-paneview-active-outline-color: #596f99;\n}\n\n.dockview-theme-dracula {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-dracula .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-dracula {\n  color-scheme: dark;\n  --dv-group-view-background-color: #282a36;\n  --dv-tabs-and-actions-container-background-color: #191a21;\n  --dv-activegroup-visiblepanel-tab-background-color: #282a36;\n  --dv-activegroup-hiddenpanel-tab-background-color: #21222c;\n  --dv-inactivegroup-visiblepanel-tab-background-color: #282a36;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #21222c;\n  --dv-tab-divider-color: #191a21;\n  --dv-activegroup-visiblepanel-tab-color: rgb(248, 248, 242);\n  --dv-activegroup-hiddenpanel-tab-color: rgb(98, 114, 164);\n  --dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, 0.5);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(98, 114, 164, 0.5);\n  --dv-separator-border: #bd93f9;\n  --dv-paneview-header-border-color: #bd93f9;\n  --dv-paneview-active-outline-color: #6272a4;\n}\n.dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 1px;\n  background-color: #94527e;\n  z-index: 999;\n}\n.dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 1px;\n  background-color: #5e3d5a;\n  z-index: 999;\n}\n\n.dockview-theme-nord {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-nord .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-nord {\n  color-scheme: dark;\n  --dv-color-nord-polar-0: #2e3440;\n  --dv-color-nord-polar-1: #3b4252;\n  --dv-color-nord-polar-2: #434c5e;\n  --dv-color-nord-polar-3: #4c566a;\n  --dv-color-nord-frost: #88c0d0;\n  --dv-color-nord-frost-2: #81a1c1;\n  --dv-color-nord-snow-0: #eceff4;\n  --dv-color-nord-snow-1: #d8dee9;\n  --dv-group-view-background-color: var(--dv-color-nord-polar-0);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-nord-polar-0\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-nord-polar-2\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-nord-polar-2\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-nord-snow-0);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-nord-snow-1);\n  --dv-inactivegroup-visiblepanel-tab-color: #8a9bbf;\n  --dv-inactivegroup-hiddenpanel-tab-color: #5e6f8e;\n  --dv-separator-border: var(--dv-color-nord-polar-3);\n  --dv-paneview-active-outline-color: var(--dv-color-nord-frost);\n  --dv-active-sash-color: var(--dv-color-nord-frost);\n  --dv-scrollbar-background-color: rgba(76, 86, 106, 0.5);\n}\n.dockview-theme-nord .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-nord .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 2px;\n  background-color: var(--dv-color-nord-frost);\n  z-index: 999;\n}\n.dockview-theme-nord .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-nord .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 2px;\n  background-color: var(--dv-color-nord-frost-2);\n  z-index: 999;\n}\n\n.dockview-theme-nord-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-theme-nord-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-theme-nord-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-nord-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-nord-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-nord-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-nord-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-nord-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-theme-nord-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-theme-nord-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-tabs-overflow-container,\n.dockview-theme-nord-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-nord-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-nord-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-nord-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-nord-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-theme-nord-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-nord-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced {\n  color-scheme: dark;\n  --dv-color-nord-polar-0: #2e3440;\n  --dv-color-nord-polar-1: #3b4252;\n  --dv-color-nord-polar-2: #434c5e;\n  --dv-color-nord-polar-3: #4c566a;\n  --dv-color-nord-frost: #88c0d0;\n  --dv-color-nord-frost-2: #81a1c1;\n  --dv-color-nord-snow-0: #eceff4;\n  --dv-color-nord-snow-1: #d8dee9;\n  --dv-group-view-background-color: var(--dv-color-nord-polar-0);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-nord-polar-2\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-nord-polar-2\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-nord-snow-0);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-nord-snow-1);\n  --dv-inactivegroup-visiblepanel-tab-color: #8a9bbf;\n  --dv-inactivegroup-hiddenpanel-tab-color: #5e6f8e;\n  --dv-separator-border: transparent;\n  --dv-paneview-active-outline-color: var(--dv-color-nord-frost);\n  --dv-active-sash-color: var(--dv-color-nord-frost);\n  --dv-scrollbar-background-color: rgba(76, 86, 106, 0.5);\n  --dv-floating-group-border: 2px solid var(--dv-color-nord-polar-0);\n}\n\n.dockview-theme-catppuccin-mocha {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-catppuccin-mocha .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-catppuccin-mocha {\n  color-scheme: dark;\n  --dv-color-mocha-crust: #11111b;\n  --dv-color-mocha-mantle: #181825;\n  --dv-color-mocha-base: #1e1e2e;\n  --dv-color-mocha-surface0: #313244;\n  --dv-color-mocha-surface1: #45475a;\n  --dv-color-mocha-text: #cdd6f4;\n  --dv-color-mocha-subtext1: #bac2de;\n  --dv-color-mocha-subtext0: #a6adc8;\n  --dv-color-mocha-mauve: #cba6f7;\n  --dv-color-mocha-lavender: #b4befe;\n  --dv-group-view-background-color: var(--dv-color-mocha-base);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-mocha-base\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-mocha-surface0\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-mocha-crust\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-mocha-text);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-mocha-subtext1);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-mocha-subtext0);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(166, 173, 200, 0.5);\n  --dv-separator-border: var(--dv-color-mocha-surface1);\n  --dv-paneview-active-outline-color: var(--dv-color-mocha-mauve);\n  --dv-active-sash-color: var(--dv-color-mocha-mauve);\n  --dv-scrollbar-background-color: rgba(49, 50, 68, 0.8);\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 2px;\n  background-color: var(--dv-color-mocha-mauve);\n  z-index: 999;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 2px;\n  background-color: rgba(180, 190, 254, 0.4);\n  z-index: 999;\n}\n\n.dockview-theme-catppuccin-mocha-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-overflow-container,\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced {\n  color-scheme: dark;\n  --dv-color-mocha-crust: #11111b;\n  --dv-color-mocha-mantle: #181825;\n  --dv-color-mocha-base: #1e1e2e;\n  --dv-color-mocha-surface0: #313244;\n  --dv-color-mocha-surface1: #45475a;\n  --dv-color-mocha-text: #cdd6f4;\n  --dv-color-mocha-subtext1: #bac2de;\n  --dv-color-mocha-subtext0: #a6adc8;\n  --dv-color-mocha-mauve: #cba6f7;\n  --dv-color-mocha-lavender: #b4befe;\n  --dv-group-view-background-color: var(--dv-color-mocha-crust);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-mocha-surface0\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-mocha-surface0\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-mocha-text);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-mocha-subtext1);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-mocha-subtext0);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(166, 173, 200, 0.5);\n  --dv-separator-border: transparent;\n  --dv-paneview-active-outline-color: var(--dv-color-mocha-mauve);\n  --dv-active-sash-color: var(--dv-color-mocha-mauve);\n  --dv-scrollbar-background-color: rgba(49, 50, 68, 0.8);\n  --dv-floating-group-border: 2px solid var(--dv-color-mocha-crust);\n}\n\n.dockview-theme-monokai {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-monokai .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-monokai {\n  color-scheme: dark;\n  --dv-color-monokai-bg: #272822;\n  --dv-color-monokai-bg-light: #3e3d32;\n  --dv-color-monokai-comment: #75715e;\n  --dv-color-monokai-fg: #f8f8f2;\n  --dv-color-monokai-green: #a6e22e;\n  --dv-group-view-background-color: var(--dv-color-monokai-bg);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-monokai-bg-light\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-monokai-bg\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: #2d2c25;\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-monokai-bg\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2c25;\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-monokai-fg);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-monokai-comment);\n  --dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, 0.5);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(117, 113, 94, 0.5);\n  --dv-separator-border: var(--dv-color-monokai-bg-light);\n  --dv-paneview-active-outline-color: var(--dv-color-monokai-green);\n  --dv-active-sash-color: var(--dv-color-monokai-green);\n  --dv-scrollbar-background-color: rgba(117, 113, 94, 0.5);\n}\n.dockview-theme-monokai .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-monokai .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 2px;\n  background-color: var(--dv-color-monokai-green);\n  z-index: 999;\n}\n.dockview-theme-monokai .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-monokai .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 2px;\n  background-color: rgba(166, 226, 46, 0.35);\n  z-index: 999;\n}\n\n.dockview-theme-solarized-light {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-solarized-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-solarized-light {\n  color-scheme: light;\n  --dv-color-sol-base3: #fdf6e3;\n  --dv-color-sol-base2: #eee8d5;\n  --dv-color-sol-base1: #93a1a1;\n  --dv-color-sol-base00: #657b83;\n  --dv-color-sol-base01: #586e75;\n  --dv-color-sol-blue: #268bd2;\n  --dv-group-view-background-color: var(--dv-color-sol-base3);\n  --dv-tabs-and-actions-container-background-color: var(--dv-color-sol-base2);\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-sol-base3\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: #e8e2d0;\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-sol-base3\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #e8e2d0;\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-sol-base01);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-sol-base00);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-sol-base1);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(147, 161, 161, 0.6);\n  --dv-separator-border: var(--dv-color-sol-base2);\n  --dv-paneview-active-outline-color: var(--dv-color-sol-blue);\n  --dv-active-sash-color: var(--dv-color-sol-blue);\n  --dv-scrollbar-background-color: rgba(101, 123, 131, 0.25);\n  --dv-drag-over-background-color: rgba(38, 139, 210, 0.15);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n  --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dockview-theme-solarized-light-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-theme-solarized-light-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-solarized-light-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-solarized-light-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-tabs-overflow-container,\n.dockview-theme-solarized-light-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-solarized-light-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-solarized-light-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-solarized-light-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-theme-solarized-light-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-solarized-light-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced {\n  color-scheme: light;\n  --dv-color-sol-base3: #fdf6e3;\n  --dv-color-sol-base2: #eee8d5;\n  --dv-color-sol-base1: #93a1a1;\n  --dv-color-sol-base00: #657b83;\n  --dv-color-sol-base01: #586e75;\n  --dv-color-sol-blue: #268bd2;\n  --dv-drag-over-background-color: rgba(38, 139, 210, 0.1);\n  --dv-group-view-background-color: var(--dv-color-sol-base2);\n  --dv-tabs-and-actions-container-background-color: var(--dv-color-sol-base3);\n  --dv-activegroup-visiblepanel-tab-background-color: #e8e2d0;\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-sol-base3\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: #e8e2d0;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-sol-base3\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-sol-base01);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-sol-base00);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-sol-base1);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(147, 161, 161, 0.6);\n  --dv-separator-border: transparent;\n  --dv-paneview-active-outline-color: var(--dv-color-sol-blue);\n  --dv-active-sash-color: var(--dv-color-sol-blue);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n  --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n  --dv-scrollbar-background-color: rgba(101, 123, 131, 0.25);\n  --dv-floating-group-border: 2px solid rgba(238, 232, 213, 0.5);\n}\n\n.dockview-theme-github-dark {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-github-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-github-dark {\n  color-scheme: dark;\n  --dv-color-gh-canvas-default: #0d1117;\n  --dv-color-gh-canvas-subtle: #161b22;\n  --dv-color-gh-canvas-inset: #010409;\n  --dv-color-gh-border: #30363d;\n  --dv-color-gh-border-muted: #21262d;\n  --dv-color-gh-fg-default: #e6edf3;\n  --dv-color-gh-fg-muted: #8b949e;\n  --dv-color-gh-fg-subtle: #6e7681;\n  --dv-color-gh-accent: #58a6ff;\n  --dv-group-view-background-color: var(--dv-color-gh-canvas-default);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-gh-canvas-subtle\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-canvas-default\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-canvas-subtle\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-canvas-default\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-canvas-subtle\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-default);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-fg-muted);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-subtle);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.5);\n  --dv-separator-border: var(--dv-color-gh-border);\n  --dv-paneview-active-outline-color: var(--dv-color-gh-accent);\n  --dv-active-sash-color: var(--dv-color-gh-accent);\n  --dv-scrollbar-background-color: rgba(48, 54, 61, 0.7);\n  --dv-drag-over-background-color: rgba(88, 166, 255, 0.15);\n}\n\n.dockview-theme-github-dark-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-theme-github-dark-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-theme-github-dark-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-github-dark-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-github-dark-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-github-dark-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-github-dark-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-theme-github-dark-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-theme-github-dark-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-tabs-overflow-container,\n.dockview-theme-github-dark-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-github-dark-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-github-dark-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-github-dark-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-theme-github-dark-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-github-dark-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-github-dark-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced {\n  color-scheme: dark;\n  --dv-color-gh-canvas-default: #0d1117;\n  --dv-color-gh-canvas-subtle: #161b22;\n  --dv-color-gh-canvas-inset: #010409;\n  --dv-color-gh-border: #30363d;\n  --dv-color-gh-border-muted: #21262d;\n  --dv-color-gh-fg-default: #e6edf3;\n  --dv-color-gh-fg-muted: #8b949e;\n  --dv-color-gh-fg-subtle: #6e7681;\n  --dv-color-gh-accent: #58a6ff;\n  --dv-drag-over-background-color: rgba(88, 166, 255, 0.1);\n  --dv-group-view-background-color: var(--dv-color-gh-canvas-inset);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-gh-canvas-subtle\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-border\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-canvas-subtle\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-border\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-canvas-subtle\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-default);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-fg-muted);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-subtle);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.5);\n  --dv-separator-border: transparent;\n  --dv-paneview-active-outline-color: var(--dv-color-gh-accent);\n  --dv-active-sash-color: var(--dv-color-gh-accent);\n  --dv-scrollbar-background-color: rgba(48, 54, 61, 0.7);\n  --dv-floating-group-border: 2px solid var(--dv-color-gh-canvas-inset);\n}\n\n.dockview-theme-github-light {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-github-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-github-light {\n  color-scheme: light;\n  --dv-color-gh-light-canvas-default: #ffffff;\n  --dv-color-gh-light-canvas-subtle: #f6f8fa;\n  --dv-color-gh-light-canvas-inset: #f0f6ff;\n  --dv-color-gh-light-border: #d0d7de;\n  --dv-color-gh-light-fg-default: #1f2328;\n  --dv-color-gh-light-fg-muted: #656d76;\n  --dv-color-gh-light-fg-subtle: #6e7781;\n  --dv-color-gh-light-accent: #0969da;\n  --dv-group-view-background-color: var(--dv-color-gh-light-canvas-default);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-gh-light-canvas-subtle\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-light-canvas-default\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-light-canvas-subtle\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-light-canvas-default\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-light-canvas-subtle\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(\n      --dv-color-gh-light-fg-default\n  );\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-light-fg-muted);\n  --dv-inactivegroup-visiblepanel-tab-color: var(\n      --dv-color-gh-light-fg-subtle\n  );\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.4);\n  --dv-separator-border: var(--dv-color-gh-light-border);\n  --dv-paneview-active-outline-color: var(--dv-color-gh-light-accent);\n  --dv-active-sash-color: var(--dv-color-gh-light-accent);\n  --dv-scrollbar-background-color: rgba(208, 215, 222, 0.5);\n  --dv-drag-over-background-color: rgba(9, 105, 218, 0.1);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n  --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dockview-theme-github-light-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-theme-github-light-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-theme-github-light-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-github-light-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-github-light-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-github-light-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-github-light-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-theme-github-light-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-theme-github-light-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-tabs-overflow-container,\n.dockview-theme-github-light-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-github-light-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-github-light-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-github-light-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-theme-github-light-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-github-light-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-github-light-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced {\n  color-scheme: light;\n  --dv-color-gh-light-canvas-default: #ffffff;\n  --dv-color-gh-light-canvas-subtle: #f6f8fa;\n  --dv-color-gh-light-border: #d0d7de;\n  --dv-color-gh-light-fg-default: #1f2328;\n  --dv-color-gh-light-fg-muted: #656d76;\n  --dv-color-gh-light-fg-subtle: #6e7781;\n  --dv-color-gh-light-accent: #0969da;\n  --dv-drag-over-background-color: rgba(9, 105, 218, 0.08);\n  --dv-group-view-background-color: var(--dv-color-gh-light-canvas-subtle);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-gh-light-canvas-default\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-light-border\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-light-canvas-default\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-light-border\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-light-canvas-default\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(\n      --dv-color-gh-light-fg-default\n  );\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-light-fg-muted);\n  --dv-inactivegroup-visiblepanel-tab-color: var(\n      --dv-color-gh-light-fg-subtle\n  );\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.4);\n  --dv-separator-border: transparent;\n  --dv-paneview-active-outline-color: var(--dv-color-gh-light-accent);\n  --dv-active-sash-color: var(--dv-color-gh-light-accent);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n  --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n  --dv-scrollbar-background-color: rgba(208, 215, 222, 0.5);\n  --dv-floating-group-border: 2px solid rgba(208, 215, 222, 0.5);\n}\n\n.dockview-theme-abyss-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-theme-abyss-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-theme-abyss-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-abyss-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-abyss-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-abyss-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-abyss-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-theme-abyss-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-theme-abyss-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-tabs-overflow-container,\n.dockview-theme-abyss-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-abyss-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-abyss-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-abyss-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-theme-abyss-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-abyss-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-abyss-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced {\n  color-scheme: dark;\n  --dv-color-abyss-dark: rgb(11, 6, 17);\n  --dv-color-abyss: #16121f;\n  --dv-color-abyss-light: #201d2b;\n  --dv-color-abyss-lighter: #2a2837;\n  --dv-color-abyss-accent: rgb(91, 30, 207);\n  --dv-color-abyss-primary-text: white;\n  --dv-color-abyss-secondary-text: rgb(148, 151, 169);\n  --dv-drag-over-background-color: \'\';\n  --dv-group-view-background-color: var(--dv-color-abyss-dark);\n  --dv-tabs-and-actions-container-background-color: var(--dv-color-abyss);\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-abyss-lighter\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-abyss-light\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-abyss-lighter\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-abyss-light\n  );\n  --dv-tab-divider-color: transparent;\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-abyss-primary-text);\n  --dv-activegroup-hiddenpanel-tab-color: var(\n      --dv-color-abyss-secondary-text\n  );\n  --dv-inactivegroup-visiblepanel-tab-color: var(\n      --dv-color-abyss-primary-text\n  );\n  --dv-inactivegroup-hiddenpanel-tab-color: var(\n      --dv-color-abyss-secondary-text\n  );\n  --dv-separator-border: transparent;\n  --dv-paneview-header-border-color: rgb(51, 51, 51);\n  --dv-active-sash-color: var(--dv-color-abyss-accent);\n  --dv-floating-group-border: 2px solid var(--dv-color-abyss-dark);\n}\n\n.dockview-theme-light-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-theme-light-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-theme-light-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-light-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-light-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-light-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-light-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-light-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-theme-light-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-theme-light-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-tabs-overflow-container,\n.dockview-theme-light-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-light-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-light-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-light-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-light-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-theme-light-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-light-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-light-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-theme-light-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-light-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-light-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-theme-light-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced {\n  color-scheme: light;\n  --dv-drag-over-background-color: \'\';\n  --dv-group-view-background-color: #f6f5f9;\n  --dv-tabs-and-actions-container-background-color: white;\n  --dv-activegroup-visiblepanel-tab-background-color: #ededf0;\n  --dv-activegroup-hiddenpanel-tab-background-color: #f9f9fa;\n  --dv-inactivegroup-visiblepanel-tab-background-color: #ededf0;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #f9f9fa;\n  --dv-tab-divider-color: transparent;\n  --dv-activegroup-visiblepanel-tab-color: rgb(104, 107, 130);\n  --dv-activegroup-hiddenpanel-tab-color: rgb(148, 151, 169);\n  --dv-inactivegroup-visiblepanel-tab-color: rgb(104, 107, 130);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgb(148, 151, 169);\n  --dv-separator-border: transparent;\n  --dv-paneview-header-border-color: rgb(51, 51, 51);\n  --dv-active-sash-color: rgb(91, 30, 207);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n  --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n  --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);\n  --dv-floating-group-border: 2px solid rgba(255, 255, 255, 0.1);\n}\n\n.dockview-spaced {\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-tabs-overflow-container,\n.dockview-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n\n.dv-context-menu {\n  min-width: 160px;\n  overflow: hidden;\n  background: var(--dv-context-menu-background-color, var(--dv-activegroup-hiddenpanel-tab-background-color));\n  color: var(--dv-context-menu-color, var(--dv-activegroup-hiddenpanel-tab-color));\n  border: 1px solid var(--dv-tab-divider-color);\n  border-radius: var(--dv-border-radius);\n  box-shadow: var(--dv-floating-box-shadow);\n  padding: 4px 0;\n}\n\n.dv-context-menu-item {\n  height: 25px;\n  padding: 0 12px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-size: var(--dv-tabs-and-actions-container-font-size);\n  white-space: nowrap;\n  user-select: none;\n}\n.dv-context-menu-item:hover {\n  background: var(--dv-icon-hover-background-color);\n}\n.dv-context-menu-item.dv-context-menu-item--disabled {\n  opacity: 0.4;\n  cursor: default;\n  pointer-events: none;\n}\n\n.dv-context-menu-separator {\n  height: 1px;\n  background: var(--dv-tab-divider-color);\n  margin: 4px 0;\n}\n\n.dv-context-menu-rename {\n  padding: 8px 12px 4px;\n}\n\n.dv-context-menu-rename-input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 8px 10px;\n  border: 1px solid var(--dv-tab-divider-color);\n  border-radius: var(--dv-border-radius);\n  background: inherit;\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n  font-size: var(--dv-tabs-and-actions-container-font-size);\n  outline: none;\n}\n.dv-context-menu-rename-input:focus {\n  border-color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-context-menu-rename-input::placeholder {\n  color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n\n.dv-context-menu-color-picker {\n  display: flex;\n  flex-direction: row;\n  gap: 6px;\n  padding: 8px 12px;\n  align-items: center;\n}\n\n.dv-context-menu-color-swatch {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  cursor: pointer;\n  border: 2px solid transparent;\n  flex-shrink: 0;\n  background-color: var(--dv-tab-group-color);\n}\n.dv-context-menu-color-swatch:hover {\n  opacity: 0.85;\n}\n.dv-context-menu-color-swatch.dv-context-menu-color-swatch--selected {\n  outline: 2px solid var(--dv-tab-divider-color);\n  outline-offset: 2px;\n}\n\n.dv-tab-group-indicator-none .dv-groupview-header-bottom .dv-tab-group-underline {\n  top: auto;\n  bottom: 0;\n}\n\n.dv-groupview.dv-groupview-header-bottom.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after, .dv-groupview.dv-groupview-header-bottom.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  top: 0px;\n  bottom: auto;\n}';
+var css_default = '.dv-drop-target-container {\n  position: absolute;\n  z-index: 9999;\n  top: 0px;\n  left: 0px;\n  height: 100%;\n  width: 100%;\n  pointer-events: none;\n  overflow: hidden;\n  --dv-transition-duration: 300ms;\n}\n.dv-drop-target-container .dv-drop-target-anchor {\n  position: relative;\n  border: var(--dv-drag-over-border);\n  background-color: var(--dv-drag-over-background-color);\n  opacity: 1;\n  /* GPU optimizations */\n  will-change: transform, opacity;\n  transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  contain: layout paint;\n  transition: opacity var(--dv-transition-duration) ease-in, top var(--dv-transition-duration) ease-out, left var(--dv-transition-duration) ease-out, width var(--dv-transition-duration) ease-out, height var(--dv-transition-duration) ease-out;\n}\n.dv-drop-target {\n  position: relative;\n  --dv-transition-duration: 70ms;\n}\n.dv-drop-target > .dv-drop-target-dropzone {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  height: 100%;\n  width: 100%;\n  z-index: 1000;\n  pointer-events: none;\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection {\n  position: relative;\n  box-sizing: border-box;\n  height: 100%;\n  width: 100%;\n  border: var(--dv-drag-over-border);\n  background-color: var(--dv-drag-over-background-color);\n  transition: top var(--dv-transition-duration) ease-out, left var(--dv-transition-duration) ease-out, width var(--dv-transition-duration) ease-out, height var(--dv-transition-duration) ease-out, opacity var(--dv-transition-duration) ease-out;\n  will-change: transform;\n  pointer-events: none;\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-top.dv-drop-target-small-vertical {\n  border-top: 1px solid var(--dv-drag-over-border-color);\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-bottom.dv-drop-target-small-vertical {\n  border-bottom: 1px solid var(--dv-drag-over-border-color);\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-left.dv-drop-target-small-horizontal {\n  border-left: 1px solid var(--dv-drag-over-border-color);\n}\n.dv-drop-target > .dv-drop-target-dropzone > .dv-drop-target-selection.dv-drop-target-right.dv-drop-target-small-horizontal {\n  border-right: 1px solid var(--dv-drag-over-border-color);\n}\n\n.dv-dnd-compass {\n  z-index: 1001;\n}\n\n.dv-dnd-compass-cell {\n  box-sizing: border-box;\n  border-radius: 2px;\n  border: 1px solid var(--dv-dnd-compass-color, #1f9cf0);\n  background-color: var(--dv-dnd-compass-cell-color, rgba(31, 156, 240, 0.25));\n}\n\n.dv-dnd-compass-cell-edge {\n  border-style: dashed;\n  background-color: var(--dv-dnd-compass-edge-cell-color, rgba(31, 156, 240, 0.12));\n}\n\n.dv-dnd-compass-cell-active {\n  background-color: var(--dv-dnd-compass-active-cell-color, rgba(31, 156, 240, 0.5));\n  border-style: solid;\n}\n\n.dv-dnd-compass-edge-preview {\n  z-index: 1000;\n  box-sizing: border-box;\n  background-color: var(--dv-drag-over-background-color);\n  border: var(--dv-drag-over-border);\n}\n.dv-dragged {\n  transform: translate3d(0px, 0px, 0px); /* forces tab to be drawn on a separate layer (see https://github.com/microsoft/vscode/issues/18733) */\n}\n\n/* Applied to the ghost tab clone during drag so it shows the same border as a focused tab */\n.dv-tab-ghost-drag {\n  position: relative;\n}\n.dv-tab-ghost-drag::after {\n  position: absolute;\n  content: "";\n  height: 100%;\n  width: 100%;\n  top: 0px;\n  left: 0px;\n  pointer-events: none;\n  outline: 1px solid var(--dv-tab-divider-color) !important;\n  outline-offset: -1px;\n  z-index: 5;\n}\n\n.dv-tab {\n  flex-shrink: 0;\n}\n.dv-tab:focus-visible, .dv-tab:has(:focus-visible) {\n  position: relative;\n}\n.dv-tab:focus-visible::after, .dv-tab:has(:focus-visible)::after {\n  position: absolute;\n  content: "";\n  height: 100%;\n  width: 100%;\n  top: 0px;\n  left: 0px;\n  pointer-events: none;\n  outline: 1px solid var(--dv-tab-divider-color) !important;\n  outline-offset: -1px;\n  z-index: 5;\n}\n.dv-tab.dv-tab-dragging .dv-default-tab-action {\n  background-color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-tab.dv-active-tab .dv-default-tab .dv-default-tab-action {\n  visibility: visible;\n}\n.dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {\n  visibility: hidden;\n}\n.dv-tab.dv-inactive-tab .dv-default-tab:hover .dv-default-tab-action {\n  visibility: visible;\n}\n@media (hover: none) {\n  .dv-tab.dv-inactive-tab .dv-default-tab .dv-default-tab-action {\n    visibility: visible;\n  }\n}\n.dv-tab .dv-default-tab {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.dv-tab .dv-default-tab .dv-default-tab-content {\n  flex-grow: 1;\n  margin-right: 4px;\n}\n.dv-tab .dv-default-tab .dv-default-tab-action {\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  border: none;\n  background: none;\n  color: inherit;\n  font: inherit;\n  cursor: pointer;\n}\n.dv-tab .dv-default-tab .dv-default-tab-action:hover {\n  border-radius: 2px;\n  background-color: var(--dv-icon-hover-background-color);\n}\n@media (pointer: coarse) {\n  .dv-tab .dv-default-tab .dv-default-tab-action {\n    padding: 8px;\n  }\n}\n.dv-tabs-overflow-dropdown-default {\n  height: 100%;\n  box-sizing: border-box;\n  color: var(--dv-activegroup-hiddenpanel-tab-color);\n  margin: var(--dv-tab-margin);\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: 0.25rem 0.5rem;\n  cursor: pointer;\n}\n.dv-tabs-overflow-dropdown-default > span {\n  padding-left: 0.25rem;\n}\n.dv-tabs-overflow-dropdown-default > svg {\n  transform: rotate(90deg);\n}\n.dv-tabs-overflow-dropdown-default:hover {\n  border-radius: 2px;\n  background-color: var(--dv-icon-hover-background-color);\n}\n.dv-tabs-container {\n  display: flex;\n  position: relative;\n  height: 100%;\n  overflow: auto;\n  scrollbar-width: thin;\n  /**\n   * Multi-row (wrapping) tabs. Inert until the `MultiRowTabsModule` toggles\n   * `.dv-tabs-container--wrap` on this element (`overflow.mode: \'wrap\'`):\n   * tabs wrap onto multiple rows instead of clipping into the dropdown, and\n   * the strip grows to fit (the header grows via the `:has()` rule in\n   * tabsContainer.scss; the free header-aware content-sizing seam then shrinks\n   * the content area to match). Restricted to horizontal headers in v1.\n   */\n}\n.dv-tabs-container.dv-tabs-container--wrap:not(.dv-tabs-container-vertical) {\n  flex-wrap: wrap;\n  height: auto;\n  overflow: visible;\n  align-content: flex-start;\n}\n.dv-tabs-container.dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: var(--dv-tabs-and-actions-container-height);\n}\n.dv-tabs-container.dv-tabs-container--wrap:not(.dv-tabs-container-vertical).dv-tabs-container--wrap-capped {\n  max-height: calc(var(--dv-tabs-and-actions-container-height) * var(--dv-max-tab-rows));\n  overflow: hidden;\n}\n.dv-tabs-container.dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab--reorder-before::after,\n.dv-tabs-container.dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab--reorder-after::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  z-index: 10;\n  pointer-events: none;\n  background-color: var(--dv-drag-over-border-color);\n}\n.dv-tabs-container.dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab--reorder-before::after {\n  left: 0;\n}\n.dv-tabs-container.dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab--reorder-after::after {\n  right: 0;\n}\n.dv-tabs-container {\n  /**\n   * Multi-column (wrapping) tabs for a vertical (edge-group) header: the\n   * mirror of the horizontal rule above with the axes swapped. The main axis\n   * is vertical (bounded by the header height, so overflowing tabs wrap) and\n   * the cross axis is horizontal (grows into additional columns). The header\n   * grows in width via the `:has()` rule in tabsContainer.scss.\n   *\n   * Column flow direction under `writing-mode: vertical-rl` differs\n   * between left and right header positions; this needs visual verification\n   * in a real browser (jsdom lays out neither writing-mode nor flex-wrap).\n   */\n}\n.dv-tabs-container.dv-tabs-container--wrap.dv-tabs-container-vertical {\n  flex-wrap: wrap;\n  width: auto;\n  height: 100%;\n  max-height: 100%;\n  overflow: visible;\n  align-content: flex-start;\n}\n.dv-tabs-container.dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: var(--dv-tabs-and-actions-container-height);\n  height: var(--dv-wrap-vertical-tab-height, auto);\n}\n.dv-tabs-container.dv-tabs-container--wrap.dv-tabs-container-vertical.dv-tabs-container--wrap-capped {\n  max-width: calc(var(--dv-tabs-and-actions-container-height) * var(--dv-max-tab-rows));\n  overflow: hidden;\n}\n.dv-tabs-container.dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab--reorder-before::after,\n.dv-tabs-container.dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab--reorder-after::after {\n  content: "";\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 2px;\n  z-index: 10;\n  pointer-events: none;\n  background-color: var(--dv-drag-over-border-color);\n}\n.dv-tabs-container.dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab--reorder-before::after {\n  top: 0;\n}\n.dv-tabs-container.dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab--reorder-after::after {\n  bottom: 0;\n}\n.dv-tabs-container {\n  /* GPU optimizations for smooth scrolling */\n  will-change: scroll-position;\n  transform: translate3d(0, 0, 0);\n  /**\n   * Stop scroll-chaining at the tab strip so that wheel / trackpad\n   * overscroll past the strip\'s edges doesn\'t trigger the browser\'s\n   * swipe-to-go-back-or-forward gesture (and doesn\'t scroll the page\n   * either). `contain` keeps the native bounce visuals; `none` would\n   * also disable them.\n   */\n  overscroll-behavior: contain;\n  /**\n   * Empty space between tabs (and the scrollbar lane) keeps pan-x so a\n   * flick on those areas produces native momentum scroll. The tab and\n   * chip elements themselves opt out (`touch-action: none`) so the\n   * pointer drag source owns the gesture from pointerdown - a flick on\n   * a tab or chip always becomes a drag, regardless of direction.\n   */\n  touch-action: pan-x;\n}\n.dv-tabs-container.dv-tabs-container-vertical {\n  width: 100%;\n  height: fit-content;\n  max-height: 100%;\n  writing-mode: vertical-rl;\n  touch-action: pan-y;\n}\n.dv-tabs-container.dv-horizontal .dv-tab:not(:first-child)::before, .dv-tabs-container.dv-vertical .dv-tab:not(:first-child)::before {\n  content: " ";\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 5;\n  pointer-events: none;\n  background-color: var(--dv-tab-divider-color);\n}\n.dv-tabs-container.dv-horizontal .dv-tab:not(:first-child)::before {\n  width: 1px;\n  height: 100%;\n}\n.dv-tabs-container.dv-vertical .dv-tab:not(:first-child)::before {\n  width: 100%;\n  height: 1px;\n}\n.dv-tabs-container::-webkit-scrollbar {\n  height: 3px;\n}\n.dv-tabs-container {\n  /* Track */\n}\n.dv-tabs-container::-webkit-scrollbar-track {\n  background: transparent;\n}\n.dv-tabs-container {\n  /* Handle */\n}\n.dv-tabs-container::-webkit-scrollbar-thumb {\n  background: var(--dv-tabs-container-scrollbar-color);\n}\n\n.dv-scrollable > .dv-tabs-container {\n  overflow: hidden;\n}\n\n.dv-tab {\n  user-select: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  outline: none;\n  padding: 0.25rem 0.5rem;\n  cursor: pointer;\n  position: relative;\n  box-sizing: border-box;\n  font-size: var(--dv-tab-font-size);\n  margin: var(--dv-tab-margin);\n  touch-action: none;\n}\n.dv-tab.dv-tab--shifting {\n  will-change: transform, margin-left, margin-right, margin-top, margin-bottom;\n  transition: transform var(--dv-transition-duration, 200ms) ease-out, margin-left var(--dv-transition-duration, 200ms) ease-out, margin-right var(--dv-transition-duration, 200ms) ease-out, margin-top var(--dv-transition-duration, 200ms) ease-out, margin-bottom var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab.dv-tab--dragging {\n  width: 0 !important;\n  min-width: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab.dv-tab--group-collapsed {\n  width: 0 !important;\n  min-width: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab.dv-tab--group-expanding {\n  transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n\n.dv-tab.dv-tab--pinned:has(.dv-tab-pin) {\n  display: flex;\n  align-items: center;\n}\n.dv-tab.dv-tab--pinned .dv-tab-pin {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-right: 4px;\n  opacity: 0.7;\n  pointer-events: none;\n}\n.dv-tab.dv-tab--pinned .dv-tab-pin .dv-svg {\n  width: 11px;\n  height: 11px;\n}\n.dv-tab.dv-tab--pinned .dv-default-tab {\n  min-width: 0;\n}\n.dv-tab.dv-tab--pinned .dv-default-tab-action {\n  display: none;\n}\n\n.dv-tab.dv-tab--pinned-compact .dv-default-tab-content {\n  display: none;\n}\n.dv-tab.dv-tab--pinned-compact .dv-tab-pin {\n  margin-right: 0;\n}\n\n.dv-tabs-container:not(.dv-tabs-container--wrap):not(.dv-tabs-container-vertical) > .dv-tab.dv-tab--pinned-sticky {\n  position: sticky;\n  left: var(--dv-pinned-sticky-left, 0);\n  z-index: 2;\n}\n\n.dv-tabs-and-actions-container.dv-tabs-and-actions-container--pinned-row {\n  flex-wrap: wrap;\n  height: auto;\n  min-height: var(--dv-tabs-and-actions-container-height);\n  align-content: flex-start;\n}\n.dv-tabs-and-actions-container.dv-tabs-and-actions-container--pinned-row .dv-pinned-row {\n  flex: 0 0 100%;\n  order: -1;\n}\n.dv-tabs-and-actions-container.dv-tabs-and-actions-container--pinned-row .dv-tab.dv-tab--pinned {\n  display: none;\n}\n\n.dv-pinned-row {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  box-sizing: border-box;\n  width: 100%;\n  min-height: var(--dv-tabs-and-actions-container-height);\n  padding: 2px 4px;\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom: 1px solid var(--dv-tab-divider-color);\n}\n\n.dv-pinned-tab {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  box-sizing: border-box;\n  padding: 0.25rem 0.5rem;\n  font-size: var(--dv-tab-font-size);\n  cursor: pointer;\n  user-select: none;\n  background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);\n  color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.dv-pinned-tab.dv-pinned-tab--active {\n  background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-pinned-tab .dv-pinned-tab-label {\n  max-width: 120px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.dv-pinned-tab .dv-pinned-tab-unpin {\n  flex-shrink: 0;\n  opacity: 0.6;\n}\n.dv-pinned-tab .dv-pinned-tab-unpin:hover {\n  opacity: 1;\n}\n.dv-pinned-tab.dv-pinned-tab--dragging {\n  opacity: 0.5;\n}\n.dv-pinned-tab.dv-pinned-tab--drop-before, .dv-pinned-tab.dv-pinned-tab--drop-after {\n  position: relative;\n}\n.dv-pinned-tab.dv-pinned-tab--drop-before::after, .dv-pinned-tab.dv-pinned-tab--drop-after::after {\n  content: "";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  z-index: 10;\n  pointer-events: none;\n  background-color: var(--dv-drag-over-border-color);\n}\n.dv-pinned-tab.dv-pinned-tab--drop-before::after {\n  left: 0;\n}\n.dv-pinned-tab.dv-pinned-tab--drop-after::after {\n  right: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dv-tab {\n    transition: none !important;\n  }\n  .dv-tab-group-chip {\n    transition: none !important;\n  }\n}\n.dv-tab-group-chip {\n  display: inline-flex;\n  align-items: center;\n  align-self: center;\n  padding: var(--dv-tab-group-chip-padding);\n  margin: 0 8px 0 8px;\n  border-radius: var(--dv-tab-group-chip-border-radius);\n  font-size: var(--dv-tab-group-chip-font-size);\n  cursor: pointer;\n  user-select: none;\n  white-space: nowrap;\n  box-sizing: border-box;\n  line-height: 1;\n  touch-action: none;\n  background-color: var(--dv-tab-group-color);\n  color: white;\n}\n.dv-tab-group-chip.dv-tab-group-chip--accent-off {\n  background-color: transparent;\n  color: inherit;\n}\n.dv-tab-group-chip.dv-tab-group-chip--shifting {\n  will-change: margin-left, margin-top;\n  transition: margin-left var(--dv-transition-duration, 200ms) ease-out, margin-top var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab-group-chip.dv-tab-group-chip--dragging {\n  width: 0 !important;\n  min-width: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition: width var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tab-group-chip .dv-tab-group-chip-label--empty {\n  display: none;\n}\n.dv-tab-group-chip:has(.dv-tab-group-chip-label--empty) {\n  position: relative;\n  width: 12px;\n  height: 12px;\n  padding: 0;\n  border-radius: 50%;\n}\n.dv-tab-group-chip:has(.dv-tab-group-chip-label--empty)::before {\n  content: "";\n  position: absolute;\n  inset: -8px;\n}\n\n.dv-tab-group-underline {\n  position: absolute;\n  bottom: 0;\n  opacity: var(--dv-tab-group-line-opacity);\n  pointer-events: none;\n  z-index: 10;\n}\n\n.dv-tab-group-chip-continuation {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  opacity: var(--dv-tab-group-line-opacity);\n  pointer-events: none;\n  z-index: 10;\n}\n\n.dv-groupview-header-bottom .dv-tab-group-underline {\n  bottom: auto;\n  top: 0;\n}\n\n.dv-tabs-container-vertical .dv-tab-group-underline {\n  bottom: auto;\n  left: 0;\n}\n\n.dv-tabs-container-vertical .dv-tab-group-chip {\n  margin: 8px 0 8px 0;\n}\n.dv-tabs-container-vertical .dv-tab-group-chip.dv-tab-group-chip--dragging {\n  height: 0 !important;\n  min-height: 0 !important;\n  width: auto !important;\n  min-width: initial !important;\n  transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tabs-container-vertical .dv-tab {\n  padding: 0.5rem 0.25rem;\n}\n.dv-tabs-container-vertical .dv-tab.dv-tab--group-collapsed {\n  height: 0 !important;\n  min-height: 0 !important;\n  width: auto !important;\n  min-width: initial !important;\n  transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tabs-container-vertical .dv-tab.dv-tab--group-expanding {\n  transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n.dv-tabs-container-vertical .dv-tab.dv-tab--dragging {\n  height: 0 !important;\n  min-height: 0 !important;\n  width: auto !important;\n  min-width: initial !important;\n  transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;\n}\n\n.dv-tabs-overflow-container {\n  flex-direction: column;\n  height: unset;\n  font-size: var(--dv-tabs-and-actions-container-font-size);\n  max-height: min(50vh, 400px);\n  overflow-y: auto;\n  border: 1px solid var(--dv-tab-divider-color);\n  background-color: var(--dv-group-view-background-color);\n  /* Scrollbar styling for webkit browsers */\n}\n.dv-tabs-overflow-container::-webkit-scrollbar {\n  width: 6px;\n}\n.dv-tabs-overflow-container::-webkit-scrollbar-track {\n  background: transparent;\n}\n.dv-tabs-overflow-container::-webkit-scrollbar-thumb {\n  background: var(--dv-tabs-container-scrollbar-color);\n  border-radius: 3px;\n}\n.dv-tabs-overflow-container {\n  /* Firefox scrollbar */\n  scrollbar-width: thin;\n}\n.dv-tabs-overflow-container .dv-tab:not(:last-child) {\n  border-bottom: 1px solid var(--dv-tab-divider-color);\n}\n.dv-tabs-overflow-container .dv-active-tab {\n  background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-tabs-overflow-container .dv-inactive-tab {\n  background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);\n  color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-header {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  font-size: 0.8em;\n  font-weight: 600;\n  color: var(--dv-activegroup-hiddenpanel-tab-color);\n  cursor: pointer;\n  border-bottom: 1px solid var(--dv-tab-divider-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-header:hover {\n  background-color: var(--dv-icon-hover-background-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-color {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  background-color: var(--dv-tab-group-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-label {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-group-collapsed-badge {\n  font-size: 0.75em;\n  font-weight: 400;\n  opacity: 0.7;\n  padding: 1px 4px;\n  border-radius: 3px;\n  background-color: var(--dv-tab-divider-color);\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-pinned-header {\n  cursor: default;\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-pinned-header:hover {\n  background-color: transparent;\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-pinned-header .dv-tabs-overflow-pinned-icon {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  opacity: 0.7;\n}\n.dv-tabs-overflow-container .dv-tabs-overflow-pinned-header .dv-tabs-overflow-pinned-icon .dv-svg {\n  width: 11px;\n  height: 11px;\n}\n.dv-tabs-overflow-container .dv-tab.dv-tab--grouped {\n  padding-left: 16px;\n}\n\n/*\n * Advanced overflow popover (AdvancedOverflowModule): the same container as the\n * free list, upgraded in place with a search input, a scrollable listbox, and a\n * keyboard-highlighted active row. Styles live in core so the module ships no\n * CSS; they are inert unless the module renders this body.\n */\n.dv-tabs-overflow-container.dv-tabs-overflow-advanced {\n  min-width: 220px;\n}\n.dv-tabs-overflow-container.dv-tabs-overflow-advanced .dv-tabs-overflow-search {\n  box-sizing: border-box;\n  width: 100%;\n  padding: 6px 8px;\n  border: none;\n  border-bottom: 1px solid var(--dv-tab-divider-color);\n  outline: none;\n  font-size: inherit;\n  font-family: inherit;\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n  background-color: var(--dv-group-view-background-color);\n}\n.dv-tabs-overflow-container.dv-tabs-overflow-advanced .dv-tabs-overflow-list {\n  display: flex;\n  flex-direction: column;\n  outline: none;\n}\n.dv-tabs-overflow-container.dv-tabs-overflow-advanced .dv-tab.dv-tabs-overflow-option--focused {\n  outline: 1px solid var(--dv-tab-divider-color);\n  outline-offset: -1px;\n  background-color: var(--dv-icon-hover-background-color);\n}\n.dv-tabs-and-actions-container {\n  display: flex;\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  flex-shrink: 0;\n  box-sizing: border-box;\n  height: var(--dv-tabs-and-actions-container-height);\n  font-size: var(--dv-tabs-and-actions-container-font-size);\n  /**\n   * Multi-row (wrapping) tabs: when the tab list wraps onto multiple rows\n   * (`.dv-tabs-container--wrap`, toggled by the `MultiRowTabsModule`), the\n   * header grows to fit instead of clipping. Inert otherwise: the single-row\n   * fixed height above is unchanged.\n   */\n}\n.dv-tabs-and-actions-container:has(.dv-tabs-container--wrap) {\n  height: auto;\n  min-height: var(--dv-tabs-and-actions-container-height);\n  align-items: flex-start;\n}\n.dv-tabs-and-actions-container:has(.dv-tabs-container--wrap) > .dv-pre-actions-container,\n.dv-tabs-and-actions-container:has(.dv-tabs-container--wrap) > .dv-left-actions-container,\n.dv-tabs-and-actions-container:has(.dv-tabs-container--wrap) > .dv-right-actions-container,\n.dv-tabs-and-actions-container:has(.dv-tabs-container--wrap) > .dv-void-container {\n  height: var(--dv-tabs-and-actions-container-height);\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-scrollable {\n  flex-grow: 1;\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container {\n  flex-grow: 1;\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-tabs-container .dv-tab {\n  flex-grow: 1;\n  padding: 0px;\n}\n.dv-tabs-and-actions-container.dv-single-tab.dv-full-width-single-tab .dv-void-container {\n  flex-grow: 0;\n}\n.dv-tabs-and-actions-container .dv-void-container {\n  display: flex;\n  flex-grow: 1;\n  user-select: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  touch-action: none;\n}\n.dv-tabs-and-actions-container .dv-void-container.dv-draggable {\n  cursor: grab;\n}\n.dv-tabs-and-actions-container .dv-right-actions-container {\n  display: flex;\n}\n.dv-tabs-and-actions-container .dv-right-actions-container.dv-right-actions-container-vertical {\n  flex-direction: column;\n}\n.dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  flex-direction: column;\n  height: auto;\n  width: var(--dv-tabs-and-actions-container-height);\n}\n.dv-tabs-and-actions-container.dv-groupview-header-vertical:has(.dv-tabs-container--wrap) {\n  width: auto;\n  min-width: var(--dv-tabs-and-actions-container-height);\n}\n.dv-tabs-and-actions-container.dv-groupview-header-vertical:has(.dv-tabs-container--wrap) > .dv-scrollable {\n  align-self: stretch;\n}\n.dv-watermark {\n  display: flex;\n  height: 100%;\n}\n.dv-dockview {\n  position: relative;\n  background-color: var(--dv-group-view-background-color);\n}\n.dv-dockview .dv-watermark-container {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n}\n.dv-dockview .dv-overlay-render-container {\n  position: relative;\n}\n\n.dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-inactive-tab {\n  background-color: var(--dv-activegroup-hiddenpanel-tab-background-color);\n  color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n.dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  background-color: var(--dv-inactivegroup-visiblepanel-tab-background-color);\n  color: var(--dv-inactivegroup-visiblepanel-tab-color);\n}\n.dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-inactive-tab {\n  background-color: var(--dv-inactivegroup-hiddenpanel-tab-background-color);\n  color: var(--dv-inactivegroup-hiddenpanel-tab-color);\n}\n\n/**\n * when a tab is dragged we lose the above stylings because they are conditional on parent elements\n * therefore we also set some stylings for the dragging event\n **/\n.dv-tab.dv-tab-dragging {\n  background-color: var(--dv-activegroup-visiblepanel-tab-background-color);\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n\n.dv-keyboard-docking-hint {\n  position: absolute;\n  left: 50%;\n  bottom: 8px;\n  transform: translateX(-50%);\n  z-index: 100;\n  max-width: 90%;\n  padding: 4px 10px;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 1.4;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n  background-color: var(--dv-context-menu-background-color, var(--dv-group-view-background-color));\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n  border: 1px solid var(--dv-tab-divider-color);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);\n}\n.dv-groupview {\n  display: flex;\n  height: 100%;\n  background-color: var(--dv-group-view-background-color);\n  overflow: hidden;\n  flex-direction: column;\n}\n.dv-groupview:focus {\n  outline: none;\n}\n.dv-groupview > .dv-content-container {\n  flex-grow: 1;\n  min-height: 0;\n  outline: none;\n}\n.dv-groupview.dv-groupview-header-bottom {\n  flex-direction: column-reverse;\n}\n.dv-groupview.dv-groupview-header-left {\n  flex-direction: row;\n}\n.dv-groupview.dv-groupview-header-right {\n  flex-direction: row-reverse;\n}\n.dv-groupview.dv-groupview-edge.dv-edge-collapsed > .dv-content-container {\n  display: none;\n}\n.dv-root-wrapper {\n  height: 100%;\n  width: 100%;\n}\n.dv-grid-view,\n.dv-branch-node {\n  height: 100%;\n  width: 100%;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-top {\n  background-color: red;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-bottom {\n  background-color: green;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-left {\n  background-color: yellow;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-right {\n  background-color: blue;\n}\n.dv-debug .dv-resize-container .dv-resize-handle-topleft,\n.dv-debug .dv-resize-container .dv-resize-handle-topright,\n.dv-debug .dv-resize-container .dv-resize-handle-bottomleft,\n.dv-debug .dv-resize-container .dv-resize-handle-bottomright {\n  background-color: cyan;\n}\n\n.dv-floating-overlay-host {\n  position: absolute;\n  pointer-events: none;\n}\n.dv-floating-overlay-host > .dv-resize-container {\n  pointer-events: auto;\n}\n\n.dv-edge-peek {\n  background-color: var(--dv-group-view-background-color);\n  border: 1px solid var(--dv-separator-border);\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);\n}\n.dv-edge-peek > * {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n}\n\n.dv-auto-edge-band {\n  position: absolute;\n  pointer-events: none;\n  z-index: var(--dv-overlay-z-index, 999);\n  background-color: var(--dv-edge-dock-indicator-color);\n  box-shadow: 0 0 6px var(--dv-edge-dock-indicator-color);\n}\n\n.dv-edge-peek-header {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0 4px 0 8px;\n  box-sizing: border-box;\n  background-color: var(--dv-group-view-background-color);\n  border: 1px solid var(--dv-separator-border);\n  border-bottom: none;\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n  font-size: 12px;\n}\n.dv-edge-peek-header .dv-edge-peek-pin,\n.dv-edge-peek-header .dv-edge-peek-close {\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  border: none;\n  padding: 4px;\n  color: inherit;\n  background: transparent;\n  outline: none;\n}\n.dv-edge-peek-header .dv-edge-peek-pin:hover,\n.dv-edge-peek-header .dv-edge-peek-close:hover {\n  border-radius: 2px;\n  background-color: var(--dv-icon-hover-background-color);\n}\n.dv-edge-peek-header .dv-edge-peek-pin:focus-visible,\n.dv-edge-peek-header .dv-edge-peek-close:focus-visible {\n  border-radius: 2px;\n  outline: 1px solid var(--dv-tab-divider-color);\n  outline-offset: -1px;\n}\n\n.dv-edge-peek-title {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.dv-resize-container > .dv-grid-view {\n  width: 100%;\n  height: 100%;\n}\n\n.dv-resize-container-with-titlebar {\n  display: flex;\n  flex-direction: column;\n}\n.dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  flex: 0 0 auto;\n}\n.dv-resize-container-with-titlebar > .dv-grid-view {\n  height: auto;\n  flex: 1 1 0;\n  min-height: 0;\n}\n\n.dv-floating-titlebar {\n  box-sizing: border-box;\n  flex-shrink: 0;\n  height: var(--dv-floating-titlebar-height, 22px);\n  background-color: var(--dv-floating-titlebar-background-color);\n  border-bottom: var(--dv-floating-titlebar-border-bottom, none);\n  user-select: none;\n  touch-action: none;\n}\n.dv-floating-titlebar.dv-draggable {\n  cursor: grab;\n}\n\n.dv-resize-container {\n  --dv-overlay-z-index: var(--dv-overlay-z-index, 999);\n  position: absolute;\n  z-index: calc(var(--dv-overlay-z-index) - 2);\n  background-color: var(--dv-group-view-background-color);\n  border: var(--dv-floating-border);\n  box-shadow: var(--dv-floating-box-shadow);\n  /* GPU optimizations for floating group movement */\n  will-change: transform, opacity;\n  transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n}\n.dv-resize-container.dv-hidden {\n  display: none;\n}\n.dv-resize-container.dv-resize-container-dragging {\n  opacity: var(--dv-floating-group-dragging-opacity);\n  /* Enhanced GPU acceleration during drag */\n  will-change: transform, opacity;\n}\n.dv-resize-container .dv-resize-handle-top,\n.dv-resize-container .dv-resize-handle-bottom,\n.dv-resize-container .dv-resize-handle-left,\n.dv-resize-container .dv-resize-handle-right,\n.dv-resize-container .dv-resize-handle-topleft,\n.dv-resize-container .dv-resize-handle-topright,\n.dv-resize-container .dv-resize-handle-bottomleft,\n.dv-resize-container .dv-resize-handle-bottomright {\n  touch-action: none;\n}\n.dv-resize-container .dv-resize-handle-top {\n  height: 4px;\n  width: calc(100% - 8px);\n  left: 4px;\n  top: -2px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: ns-resize;\n}\n.dv-resize-container .dv-resize-handle-bottom {\n  height: 4px;\n  width: calc(100% - 8px);\n  left: 4px;\n  bottom: -2px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: ns-resize;\n}\n.dv-resize-container .dv-resize-handle-left {\n  height: calc(100% - 8px);\n  width: 4px;\n  left: -2px;\n  top: 4px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: ew-resize;\n}\n.dv-resize-container .dv-resize-handle-right {\n  height: calc(100% - 8px);\n  width: 4px;\n  right: -2px;\n  top: 4px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: ew-resize;\n}\n.dv-resize-container .dv-resize-handle-topleft {\n  height: 4px;\n  width: 4px;\n  top: -2px;\n  left: -2px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: nw-resize;\n}\n.dv-resize-container .dv-resize-handle-topright {\n  height: 4px;\n  width: 4px;\n  right: -2px;\n  top: -2px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: ne-resize;\n}\n.dv-resize-container .dv-resize-handle-bottomleft {\n  height: 4px;\n  width: 4px;\n  left: -2px;\n  bottom: -2px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: sw-resize;\n}\n.dv-resize-container .dv-resize-handle-bottomright {\n  height: 4px;\n  width: 4px;\n  right: -2px;\n  bottom: -2px;\n  z-index: var(--dv-overlay-z-index);\n  position: absolute;\n  cursor: se-resize;\n}\n@media (pointer: coarse) {\n  .dv-resize-container .dv-resize-handle-top,\n  .dv-resize-container .dv-resize-handle-bottom {\n    height: 16px;\n    width: calc(100% - 48px);\n    left: 24px;\n  }\n  .dv-resize-container .dv-resize-handle-top {\n    top: -10px;\n  }\n  .dv-resize-container .dv-resize-handle-bottom {\n    bottom: -10px;\n  }\n  .dv-resize-container .dv-resize-handle-left,\n  .dv-resize-container .dv-resize-handle-right {\n    width: 16px;\n    height: calc(100% - 48px);\n    top: 24px;\n  }\n  .dv-resize-container .dv-resize-handle-left {\n    left: -10px;\n  }\n  .dv-resize-container .dv-resize-handle-right {\n    right: -10px;\n  }\n  .dv-resize-container .dv-resize-handle-topleft,\n  .dv-resize-container .dv-resize-handle-topright,\n  .dv-resize-container .dv-resize-handle-bottomleft,\n  .dv-resize-container .dv-resize-handle-bottomright {\n    height: 24px;\n    width: 24px;\n  }\n  .dv-resize-container .dv-resize-handle-topleft {\n    top: -12px;\n    left: -12px;\n  }\n  .dv-resize-container .dv-resize-handle-topright {\n    top: -12px;\n    right: -12px;\n  }\n  .dv-resize-container .dv-resize-handle-bottomleft {\n    bottom: -12px;\n    left: -12px;\n  }\n  .dv-resize-container .dv-resize-handle-bottomright {\n    bottom: -12px;\n    right: -12px;\n  }\n}\n\n.dv-smart-guides {\n  pointer-events: none;\n  z-index: calc(var(--dv-overlay-z-index, 999) + 100);\n}\n\n.dv-smart-guide {\n  background-color: var(--dv-smart-guides-color, #1f9cf0);\n}\n\n.dv-smart-guide-preview {\n  box-sizing: border-box;\n  background-color: var(--dv-smart-guides-preview-color, rgba(31, 156, 240, 0.18));\n  border: 1px solid var(--dv-smart-guides-color, #1f9cf0);\n}\n.dv-render-overlay {\n  --dv-overlay-z-index: var(--dv-overlay-z-index, 999);\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  contain: layout paint;\n  isolation: isolate;\n  /* GPU optimizations */\n  will-change: transform;\n  transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n}\n.dv-render-overlay.dv-render-overlay-float {\n  z-index: calc(var(--dv-overlay-z-index) - 1);\n}\n\n.dv-debug .dv-render-overlay {\n  outline: 1px solid red;\n  outline-offset: -1;\n}\n.dv-pane-container {\n  height: 100%;\n  width: 100%;\n}\n.dv-pane-container.dv-animated .dv-view {\n  /* GPU optimizations for smooth pane animations */\n  will-change: transform;\n  transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  transition: transform 0.15s ease-out;\n}\n.dv-pane-container .dv-view {\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  padding: 0px !important;\n}\n.dv-pane-container .dv-view:not(:first-child)::before {\n  background-color: transparent !important;\n}\n.dv-pane-container .dv-view:not(:first-child) .dv-pane > .dv-pane-header {\n  border-top: 1px solid var(--dv-paneview-header-border-color, var(--dv-separator-border));\n}\n.dv-pane-container .dv-view .dv-default-header {\n  background-color: var(--dv-group-view-background-color);\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n  display: flex;\n  padding: 0px 8px;\n  cursor: pointer;\n}\n.dv-pane-container .dv-view .dv-default-header .dv-pane-header-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.dv-pane-container .dv-view .dv-default-header > span {\n  padding-left: 8px;\n  flex-grow: 1;\n}\n.dv-pane-container:first-of-type > .dv-pane > .dv-pane-header {\n  border-top: none !important;\n}\n.dv-pane-container .dv-pane {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  height: 100%;\n}\n.dv-pane-container .dv-pane .dv-pane-header {\n  box-sizing: border-box;\n  user-select: none;\n  position: relative;\n  outline: none;\n}\n.dv-pane-container .dv-pane .dv-pane-header.dv-pane-draggable {\n  cursor: pointer;\n}\n.dv-pane-container .dv-pane .dv-pane-header:focus-visible:before, .dv-pane-container .dv-pane .dv-pane-header:has(:focus-visible):before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 5;\n  content: "";\n  pointer-events: none;\n  outline: 1px solid;\n  outline-width: -1px;\n  outline-style: solid;\n  outline-offset: -1px;\n  outline-color: var(--dv-paneview-active-outline-color);\n}\n.dv-pane-container .dv-pane .dv-pane-body {\n  overflow-y: auto;\n  overflow-x: hidden;\n  flex-grow: 1;\n  position: relative;\n  outline: none;\n}\n.dv-pane-container .dv-pane .dv-pane-body:focus-visible:before, .dv-pane-container .dv-pane .dv-pane-body:has(:focus-visible):before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 5;\n  content: "";\n  pointer-events: none;\n  outline: 1px solid;\n  outline-width: -1px;\n  outline-style: solid;\n  outline-offset: -1px;\n  outline-color: var(--dv-paneview-active-outline-color);\n}\n.dv-scrollable {\n  position: relative;\n  overflow: hidden;\n}\n.dv-scrollable .dv-scrollbar {\n  position: absolute;\n  border-radius: 2px;\n  background-color: transparent;\n  /* GPU optimizations */\n  will-change: background-color, transform;\n  transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  transition-property: background-color;\n  transition-timing-function: ease-in-out;\n  transition-duration: 1s;\n  transition-delay: 0s;\n}\n.dv-scrollable .dv-scrollbar-horizontal {\n  bottom: 0px;\n  left: 0px;\n  height: 4px;\n}\n.dv-scrollable .dv-scrollbar-vertical {\n  right: 0px;\n  top: 0px;\n  width: 4px;\n}\n.dv-scrollable:hover .dv-scrollbar, .dv-scrollable.dv-scrollable-resizing .dv-scrollbar, .dv-scrollable.dv-scrollable-scrolling .dv-scrollbar {\n  background-color: var(--dv-scrollbar-background-color, rgba(255, 255, 255, 0.25));\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-enabled {\n  background-color: black;\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-disabled {\n  background-color: orange;\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-maximum {\n  background-color: green;\n}\n.dv-debug .dv-split-view-container .dv-sash-container .dv-sash.dv-minimum {\n  background-color: red;\n}\n\n.dv-split-view-container {\n  position: relative;\n  overflow: hidden;\n  height: 100%;\n  width: 100%;\n}\n.dv-split-view-container.dv-splitview-disabled > .dv-sash-container > .dv-sash {\n  pointer-events: none;\n}\n.dv-split-view-container.dv-animation .dv-view,\n.dv-split-view-container.dv-animation .dv-sash {\n  /* GPU optimizations for smooth animations */\n  will-change: transform;\n  transform: translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  transition: transform 0.15s ease-out;\n}\n.dv-split-view-container.dv-horizontal {\n  height: 100%;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash {\n  height: 100%;\n  width: 4px;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-enabled {\n  cursor: ew-resize;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-disabled {\n  cursor: default;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-maximum {\n  cursor: w-resize;\n}\n.dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash.dv-minimum {\n  cursor: e-resize;\n}\n.dv-split-view-container.dv-horizontal > .dv-view-container > .dv-view:not(:first-child)::before {\n  height: 100%;\n  width: 1px;\n}\n.dv-split-view-container.dv-vertical {\n  width: 100%;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash {\n  width: 100%;\n  height: 4px;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-enabled {\n  cursor: ns-resize;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-disabled {\n  cursor: default;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-maximum {\n  cursor: n-resize;\n}\n.dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash.dv-minimum {\n  cursor: s-resize;\n}\n.dv-split-view-container.dv-vertical > .dv-view-container > .dv-view {\n  width: 100%;\n}\n.dv-split-view-container.dv-vertical > .dv-view-container > .dv-view:not(:first-child)::before {\n  height: 1px;\n  width: 100%;\n}\n.dv-split-view-container .dv-sash-container {\n  height: 100%;\n  width: 100%;\n  position: absolute;\n}\n.dv-split-view-container .dv-sash-container .dv-sash {\n  position: absolute;\n  z-index: 99;\n  outline: none;\n  user-select: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  touch-action: none;\n  background-color: var(--dv-sash-color, transparent);\n}\n.dv-split-view-container .dv-sash-container .dv-sash:not(.disabled):active, .dv-split-view-container .dv-sash-container .dv-sash:not(.disabled):hover {\n  background-color: var(--dv-active-sash-color, transparent);\n  transition-property: background-color;\n  transition-timing-function: ease-in-out;\n  transition-duration: var(--dv-active-sash-transition-duration, 0.1s);\n  transition-delay: var(--dv-active-sash-transition-delay, 0.5s);\n}\n@media (pointer: coarse) {\n  .dv-split-view-container .dv-sash-container > .dv-sash:not(.dv-disabled)::before {\n    content: "";\n    position: absolute;\n    background: transparent;\n  }\n  .dv-split-view-container.dv-horizontal > .dv-sash-container > .dv-sash:not(.dv-disabled)::before {\n    top: 0;\n    bottom: 0;\n    left: -10px;\n    right: -10px;\n  }\n  .dv-split-view-container.dv-vertical > .dv-sash-container > .dv-sash:not(.dv-disabled)::before {\n    left: 0;\n    right: 0;\n    top: -10px;\n    bottom: -10px;\n  }\n}\n.dv-split-view-container .dv-view-container {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.dv-split-view-container .dv-view-container .dv-view {\n  height: 100%;\n  box-sizing: border-box;\n  overflow: auto;\n  position: absolute;\n}\n.dv-split-view-container.dv-separator-border .dv-view:not(:first-child)::before {\n  content: " ";\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 5;\n  pointer-events: none;\n  background-color: var(--dv-separator-border);\n}\n.dv-svg {\n  display: inline-block;\n  fill: currentcolor;\n  line-height: 1;\n  stroke: currentcolor;\n  stroke-width: 0;\n}\n.dockview-theme-dark {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-dark {\n  color-scheme: dark;\n  --dv-group-view-background-color: #1e1e1e;\n  --dv-tabs-and-actions-container-background-color: #252526;\n  --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;\n  --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;\n  --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;\n  --dv-tab-divider-color: #1e1e1e;\n  --dv-activegroup-visiblepanel-tab-color: white;\n  --dv-activegroup-hiddenpanel-tab-color: #969696;\n  --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;\n  --dv-inactivegroup-hiddenpanel-tab-color: #626262;\n  --dv-separator-border: rgb(68, 68, 68);\n  --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);\n}\n\n.dockview-theme-light {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-light {\n  color-scheme: light;\n  --dv-group-view-background-color: white;\n  --dv-tabs-and-actions-container-background-color: #f3f3f3;\n  --dv-activegroup-visiblepanel-tab-background-color: white;\n  --dv-activegroup-hiddenpanel-tab-background-color: #ececec;\n  --dv-inactivegroup-visiblepanel-tab-background-color: white;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #ececec;\n  --dv-tab-divider-color: white;\n  --dv-activegroup-visiblepanel-tab-color: rgb(51, 51, 51);\n  --dv-activegroup-hiddenpanel-tab-color: rgba(51, 51, 51, 0.7);\n  --dv-inactivegroup-visiblepanel-tab-color: rgba(51, 51, 51, 0.7);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(51, 51, 51, 0.35);\n  --dv-separator-border: rgba(128, 128, 128, 0.35);\n  --dv-paneview-header-border-color: rgb(51, 51, 51);\n  --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n  --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dockview-theme-vs {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-vs .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-vs {\n  color-scheme: dark;\n  --dv-group-view-background-color: #1e1e1e;\n  --dv-tabs-and-actions-container-background-color: #252526;\n  --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;\n  --dv-activegroup-hiddenpanel-tab-background-color: #2d2d2d;\n  --dv-inactivegroup-visiblepanel-tab-background-color: #1e1e1e;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2d2d;\n  --dv-tab-divider-color: #1e1e1e;\n  --dv-activegroup-visiblepanel-tab-color: white;\n  --dv-activegroup-hiddenpanel-tab-color: #969696;\n  --dv-inactivegroup-visiblepanel-tab-color: #8f8f8f;\n  --dv-inactivegroup-hiddenpanel-tab-color: #626262;\n  --dv-separator-border: rgb(68, 68, 68);\n  --dv-paneview-header-border-color: rgba(204, 204, 204, 0.2);\n  --dv-tabs-and-actions-container-background-color: #2d2d30;\n  --dv-tabs-and-actions-container-height: 20px;\n  --dv-tabs-and-actions-container-font-size: 11px;\n  --dv-activegroup-visiblepanel-tab-background-color: #007acc;\n  --dv-inactivegroup-visiblepanel-tab-background-color: #3f3f46;\n  --dv-activegroup-visiblepanel-tab-color: white;\n  --dv-activegroup-hiddenpanel-tab-color: white;\n  --dv-inactivegroup-visiblepanel-tab-color: white;\n  --dv-inactivegroup-hiddenpanel-tab-color: white;\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container {\n  box-sizing: content-box;\n  border-bottom: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tab.dv-active-tab {\n  border-top: 2px solid var(--dv-activegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tab.dv-inactive-tab {\n  border-top: 2px solid var(--dv-activegroup-hiddenpanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container {\n  box-sizing: content-box;\n  border-bottom: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tab.dv-active-tab {\n  border-top: 2px solid var(--dv-inactivegroup-visiblepanel-tab-background-color);\n}\n.dockview-theme-vs .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tab.dv-inactive-tab {\n  border-top: 2px solid var(--dv-inactivegroup-hiddenpanel-tab-background-color);\n}\n\n.dockview-theme-abyss {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-abyss .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-abyss {\n  color-scheme: dark;\n  --dv-color-abyss-dark: #000c18;\n  --dv-color-abyss: #10192c;\n  --dv-color-abyss-light: #1c1c2a;\n  --dv-color-abyss-lighter: #2b2b4a;\n  --dv-color-abyss-accent: rgb(91, 30, 207);\n  --dv-color-abyss-primary-text: white;\n  --dv-color-abyss-secondary-text: rgb(148, 151, 169);\n  --dv-group-view-background-color: var(--dv-color-abyss-dark);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-abyss-light\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-abyss-dark\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-abyss-dark\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(--dv-color-abyss);\n  --dv-tab-divider-color: var(--dv-color-abyss-lighter);\n  --dv-activegroup-visiblepanel-tab-color: white;\n  --dv-activegroup-hiddenpanel-tab-color: rgba(255, 255, 255, 0.5);\n  --dv-inactivegroup-visiblepanel-tab-color: rgba(255, 255, 255, 0.5);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(255, 255, 255, 0.25);\n  --dv-separator-border: var(--dv-color-abyss-lighter);\n  --dv-paneview-header-border-color: var(--dv-color-abyss-lighter);\n  --dv-paneview-active-outline-color: #596f99;\n}\n\n.dockview-theme-dracula {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-dracula .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-dracula {\n  color-scheme: dark;\n  --dv-group-view-background-color: #282a36;\n  --dv-tabs-and-actions-container-background-color: #191a21;\n  --dv-activegroup-visiblepanel-tab-background-color: #282a36;\n  --dv-activegroup-hiddenpanel-tab-background-color: #21222c;\n  --dv-inactivegroup-visiblepanel-tab-background-color: #282a36;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #21222c;\n  --dv-tab-divider-color: #191a21;\n  --dv-activegroup-visiblepanel-tab-color: rgb(248, 248, 242);\n  --dv-activegroup-hiddenpanel-tab-color: rgb(98, 114, 164);\n  --dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, 0.5);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(98, 114, 164, 0.5);\n  --dv-separator-border: #bd93f9;\n  --dv-paneview-header-border-color: #bd93f9;\n  --dv-paneview-active-outline-color: #6272a4;\n}\n.dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-dracula .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 1px;\n  background-color: #94527e;\n  z-index: 999;\n}\n.dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-dracula .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 1px;\n  background-color: #5e3d5a;\n  z-index: 999;\n}\n\n.dockview-theme-nord {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-nord .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-nord {\n  color-scheme: dark;\n  --dv-color-nord-polar-0: #2e3440;\n  --dv-color-nord-polar-1: #3b4252;\n  --dv-color-nord-polar-2: #434c5e;\n  --dv-color-nord-polar-3: #4c566a;\n  --dv-color-nord-frost: #88c0d0;\n  --dv-color-nord-frost-2: #81a1c1;\n  --dv-color-nord-snow-0: #eceff4;\n  --dv-color-nord-snow-1: #d8dee9;\n  --dv-group-view-background-color: var(--dv-color-nord-polar-0);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-nord-polar-0\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-nord-polar-2\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-nord-polar-2\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-nord-snow-0);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-nord-snow-1);\n  --dv-inactivegroup-visiblepanel-tab-color: #8a9bbf;\n  --dv-inactivegroup-hiddenpanel-tab-color: #5e6f8e;\n  --dv-separator-border: var(--dv-color-nord-polar-3);\n  --dv-paneview-header-border-color: var(--dv-color-nord-polar-3);\n  --dv-paneview-active-outline-color: var(--dv-color-nord-frost);\n  --dv-active-sash-color: var(--dv-color-nord-frost);\n  --dv-scrollbar-background-color: rgba(76, 86, 106, 0.5);\n}\n.dockview-theme-nord .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-nord .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 2px;\n  background-color: var(--dv-color-nord-frost);\n  z-index: 999;\n}\n.dockview-theme-nord .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-nord .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 2px;\n  background-color: var(--dv-color-nord-frost-2);\n  z-index: 999;\n}\n\n.dockview-theme-nord-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-theme-nord-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-theme-nord-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-nord-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-nord-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-nord-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-nord-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-nord-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-theme-nord-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-theme-nord-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-tabs-overflow-container,\n.dockview-theme-nord-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-nord-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-nord-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-nord-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-nord-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-theme-nord-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-nord-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-nord-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-theme-nord-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-nord-spaced {\n  color-scheme: dark;\n  --dv-color-nord-polar-0: #2e3440;\n  --dv-color-nord-polar-1: #3b4252;\n  --dv-color-nord-polar-2: #434c5e;\n  --dv-color-nord-polar-3: #4c566a;\n  --dv-color-nord-frost: #88c0d0;\n  --dv-color-nord-frost-2: #81a1c1;\n  --dv-color-nord-snow-0: #eceff4;\n  --dv-color-nord-snow-1: #d8dee9;\n  --dv-group-view-background-color: var(--dv-color-nord-polar-0);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-nord-polar-2\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-nord-polar-2\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-nord-polar-1\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-nord-snow-0);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-nord-snow-1);\n  --dv-inactivegroup-visiblepanel-tab-color: #8a9bbf;\n  --dv-inactivegroup-hiddenpanel-tab-color: #5e6f8e;\n  --dv-separator-border: transparent;\n  --dv-paneview-header-border-color: var(--dv-color-nord-polar-3);\n  --dv-paneview-active-outline-color: var(--dv-color-nord-frost);\n  --dv-active-sash-color: var(--dv-color-nord-frost);\n  --dv-scrollbar-background-color: rgba(76, 86, 106, 0.5);\n  --dv-floating-group-border: 2px solid var(--dv-color-nord-polar-0);\n}\n\n.dockview-theme-catppuccin-mocha {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-catppuccin-mocha .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-catppuccin-mocha {\n  color-scheme: dark;\n  --dv-color-mocha-crust: #11111b;\n  --dv-color-mocha-mantle: #181825;\n  --dv-color-mocha-base: #1e1e2e;\n  --dv-color-mocha-surface0: #313244;\n  --dv-color-mocha-surface1: #45475a;\n  --dv-color-mocha-text: #cdd6f4;\n  --dv-color-mocha-subtext1: #bac2de;\n  --dv-color-mocha-subtext0: #a6adc8;\n  --dv-color-mocha-mauve: #cba6f7;\n  --dv-color-mocha-lavender: #b4befe;\n  --dv-group-view-background-color: var(--dv-color-mocha-base);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-mocha-base\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-mocha-surface0\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-mocha-crust\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-mocha-text);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-mocha-subtext1);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-mocha-subtext0);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(166, 173, 200, 0.5);\n  --dv-separator-border: var(--dv-color-mocha-surface1);\n  --dv-paneview-header-border-color: var(--dv-color-mocha-surface1);\n  --dv-paneview-active-outline-color: var(--dv-color-mocha-mauve);\n  --dv-active-sash-color: var(--dv-color-mocha-mauve);\n  --dv-scrollbar-background-color: rgba(49, 50, 68, 0.8);\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 2px;\n  background-color: var(--dv-color-mocha-mauve);\n  z-index: 999;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-catppuccin-mocha .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 2px;\n  background-color: rgba(180, 190, 254, 0.4);\n  z-index: 999;\n}\n\n.dockview-theme-catppuccin-mocha-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-overflow-container,\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-catppuccin-mocha-spaced {\n  color-scheme: dark;\n  --dv-color-mocha-crust: #11111b;\n  --dv-color-mocha-mantle: #181825;\n  --dv-color-mocha-base: #1e1e2e;\n  --dv-color-mocha-surface0: #313244;\n  --dv-color-mocha-surface1: #45475a;\n  --dv-color-mocha-text: #cdd6f4;\n  --dv-color-mocha-subtext1: #bac2de;\n  --dv-color-mocha-subtext0: #a6adc8;\n  --dv-color-mocha-mauve: #cba6f7;\n  --dv-color-mocha-lavender: #b4befe;\n  --dv-group-view-background-color: var(--dv-color-mocha-crust);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-mocha-surface0\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-mocha-surface0\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-mocha-mantle\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-mocha-text);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-mocha-subtext1);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-mocha-subtext0);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(166, 173, 200, 0.5);\n  --dv-separator-border: transparent;\n  --dv-paneview-header-border-color: var(--dv-color-mocha-surface1);\n  --dv-paneview-active-outline-color: var(--dv-color-mocha-mauve);\n  --dv-active-sash-color: var(--dv-color-mocha-mauve);\n  --dv-scrollbar-background-color: rgba(49, 50, 68, 0.8);\n  --dv-floating-group-border: 2px solid var(--dv-color-mocha-crust);\n}\n\n.dockview-theme-monokai {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-monokai .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-monokai {\n  color-scheme: dark;\n  --dv-color-monokai-bg: #272822;\n  --dv-color-monokai-bg-light: #3e3d32;\n  --dv-color-monokai-comment: #75715e;\n  --dv-color-monokai-fg: #f8f8f2;\n  --dv-color-monokai-green: #a6e22e;\n  --dv-group-view-background-color: var(--dv-color-monokai-bg);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-monokai-bg-light\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-monokai-bg\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: #2d2c25;\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-monokai-bg\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #2d2c25;\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-monokai-fg);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-monokai-comment);\n  --dv-inactivegroup-visiblepanel-tab-color: rgba(248, 248, 242, 0.5);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(117, 113, 94, 0.5);\n  --dv-separator-border: var(--dv-color-monokai-bg-light);\n  --dv-paneview-header-border-color: var(--dv-color-monokai-bg-light);\n  --dv-paneview-active-outline-color: var(--dv-color-monokai-green);\n  --dv-active-sash-color: var(--dv-color-monokai-green);\n  --dv-scrollbar-background-color: rgba(117, 113, 94, 0.5);\n}\n.dockview-theme-monokai .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-monokai .dv-groupview.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 2px;\n  background-color: var(--dv-color-monokai-green);\n  z-index: 999;\n}\n.dockview-theme-monokai .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab {\n  position: relative;\n}\n.dockview-theme-monokai .dv-groupview.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  content: "";\n  width: 100%;\n  height: 2px;\n  background-color: rgba(166, 226, 46, 0.35);\n  z-index: 999;\n}\n\n.dockview-theme-solarized-light {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-solarized-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-solarized-light {\n  color-scheme: light;\n  --dv-color-sol-base3: #fdf6e3;\n  --dv-color-sol-base2: #eee8d5;\n  --dv-color-sol-base1: #93a1a1;\n  --dv-color-sol-base00: #657b83;\n  --dv-color-sol-base01: #586e75;\n  --dv-color-sol-blue: #268bd2;\n  --dv-group-view-background-color: var(--dv-color-sol-base3);\n  --dv-tabs-and-actions-container-background-color: var(--dv-color-sol-base2);\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-sol-base3\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: #e8e2d0;\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-sol-base3\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #e8e2d0;\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-sol-base01);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-sol-base00);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-sol-base1);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(147, 161, 161, 0.6);\n  --dv-separator-border: var(--dv-color-sol-base2);\n  --dv-paneview-header-border-color: var(--dv-color-sol-base2);\n  --dv-paneview-active-outline-color: var(--dv-color-sol-blue);\n  --dv-active-sash-color: var(--dv-color-sol-blue);\n  --dv-scrollbar-background-color: rgba(101, 123, 131, 0.25);\n  --dv-drag-over-background-color: rgba(38, 139, 210, 0.15);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n  --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dockview-theme-solarized-light-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-theme-solarized-light-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-solarized-light-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-solarized-light-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-theme-solarized-light-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-tabs-overflow-container,\n.dockview-theme-solarized-light-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-solarized-light-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-solarized-light-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-solarized-light-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-theme-solarized-light-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-solarized-light-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-theme-solarized-light-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-solarized-light-spaced {\n  color-scheme: light;\n  --dv-color-sol-base3: #fdf6e3;\n  --dv-color-sol-base2: #eee8d5;\n  --dv-color-sol-base1: #93a1a1;\n  --dv-color-sol-base00: #657b83;\n  --dv-color-sol-base01: #586e75;\n  --dv-color-sol-blue: #268bd2;\n  --dv-drag-over-background-color: rgba(38, 139, 210, 0.1);\n  --dv-group-view-background-color: var(--dv-color-sol-base2);\n  --dv-tabs-and-actions-container-background-color: var(--dv-color-sol-base3);\n  --dv-activegroup-visiblepanel-tab-background-color: #e8e2d0;\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-sol-base3\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: #e8e2d0;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-sol-base3\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-sol-base01);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-sol-base00);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-sol-base1);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(147, 161, 161, 0.6);\n  --dv-separator-border: transparent;\n  --dv-paneview-header-border-color: var(--dv-color-sol-base2);\n  --dv-paneview-active-outline-color: var(--dv-color-sol-blue);\n  --dv-active-sash-color: var(--dv-color-sol-blue);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n  --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n  --dv-scrollbar-background-color: rgba(101, 123, 131, 0.25);\n  --dv-floating-group-border: 2px solid rgba(238, 232, 213, 0.5);\n}\n\n.dockview-theme-github-dark {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-github-dark .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-github-dark {\n  color-scheme: dark;\n  --dv-color-gh-canvas-default: #0d1117;\n  --dv-color-gh-canvas-subtle: #161b22;\n  --dv-color-gh-canvas-inset: #010409;\n  --dv-color-gh-border: #30363d;\n  --dv-color-gh-border-muted: #21262d;\n  --dv-color-gh-fg-default: #e6edf3;\n  --dv-color-gh-fg-muted: #8b949e;\n  --dv-color-gh-fg-subtle: #6e7681;\n  --dv-color-gh-accent: #58a6ff;\n  --dv-group-view-background-color: var(--dv-color-gh-canvas-default);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-gh-canvas-subtle\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-canvas-default\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-canvas-subtle\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-canvas-default\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-canvas-subtle\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-default);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-fg-muted);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-subtle);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.5);\n  --dv-separator-border: var(--dv-color-gh-border);\n  --dv-paneview-header-border-color: var(--dv-color-gh-border);\n  --dv-paneview-active-outline-color: var(--dv-color-gh-accent);\n  --dv-active-sash-color: var(--dv-color-gh-accent);\n  --dv-scrollbar-background-color: rgba(48, 54, 61, 0.7);\n  --dv-drag-over-background-color: rgba(88, 166, 255, 0.15);\n}\n\n.dockview-theme-github-dark-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-theme-github-dark-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-theme-github-dark-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-github-dark-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-github-dark-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-github-dark-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-github-dark-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-theme-github-dark-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-theme-github-dark-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-tabs-overflow-container,\n.dockview-theme-github-dark-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-github-dark-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-github-dark-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-github-dark-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-theme-github-dark-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-github-dark-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-github-dark-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-theme-github-dark-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-dark-spaced {\n  color-scheme: dark;\n  --dv-color-gh-canvas-default: #0d1117;\n  --dv-color-gh-canvas-subtle: #161b22;\n  --dv-color-gh-canvas-inset: #010409;\n  --dv-color-gh-border: #30363d;\n  --dv-color-gh-border-muted: #21262d;\n  --dv-color-gh-fg-default: #e6edf3;\n  --dv-color-gh-fg-muted: #8b949e;\n  --dv-color-gh-fg-subtle: #6e7681;\n  --dv-color-gh-accent: #58a6ff;\n  --dv-drag-over-background-color: rgba(88, 166, 255, 0.1);\n  --dv-group-view-background-color: var(--dv-color-gh-canvas-inset);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-gh-canvas-subtle\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-border\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-canvas-subtle\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-border\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-canvas-subtle\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-default);\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-fg-muted);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--dv-color-gh-fg-subtle);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.5);\n  --dv-separator-border: transparent;\n  --dv-paneview-header-border-color: var(--dv-color-gh-border);\n  --dv-paneview-active-outline-color: var(--dv-color-gh-accent);\n  --dv-active-sash-color: var(--dv-color-gh-accent);\n  --dv-scrollbar-background-color: rgba(48, 54, 61, 0.7);\n  --dv-floating-group-border: 2px solid var(--dv-color-gh-canvas-inset);\n}\n\n.dockview-theme-github-light {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n}\n.dockview-theme-github-light .dv-drop-target-container .dv-drop-target-anchor.dv-drop-target-anchor-container-changed {\n  opacity: 0;\n  transition: none;\n}\n.dockview-theme-github-light {\n  color-scheme: light;\n  --dv-color-gh-light-canvas-default: #ffffff;\n  --dv-color-gh-light-canvas-subtle: #f6f8fa;\n  --dv-color-gh-light-canvas-inset: #f0f6ff;\n  --dv-color-gh-light-border: #d0d7de;\n  --dv-color-gh-light-fg-default: #1f2328;\n  --dv-color-gh-light-fg-muted: #656d76;\n  --dv-color-gh-light-fg-subtle: #6e7781;\n  --dv-color-gh-light-accent: #0969da;\n  --dv-group-view-background-color: var(--dv-color-gh-light-canvas-default);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-gh-light-canvas-subtle\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-light-canvas-default\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-light-canvas-subtle\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-light-canvas-default\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-light-canvas-subtle\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(\n      --dv-color-gh-light-fg-default\n  );\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-light-fg-muted);\n  --dv-inactivegroup-visiblepanel-tab-color: var(\n      --dv-color-gh-light-fg-subtle\n  );\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.4);\n  --dv-separator-border: var(--dv-color-gh-light-border);\n  --dv-paneview-header-border-color: var(--dv-color-gh-light-border);\n  --dv-paneview-active-outline-color: var(--dv-color-gh-light-accent);\n  --dv-active-sash-color: var(--dv-color-gh-light-accent);\n  --dv-scrollbar-background-color: rgba(208, 215, 222, 0.5);\n  --dv-drag-over-background-color: rgba(9, 105, 218, 0.1);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n  --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.dockview-theme-github-light-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-theme-github-light-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-theme-github-light-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-github-light-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-github-light-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-github-light-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-github-light-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-theme-github-light-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-theme-github-light-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-tabs-overflow-container,\n.dockview-theme-github-light-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-github-light-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-github-light-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-github-light-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-theme-github-light-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-github-light-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-github-light-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-theme-github-light-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-github-light-spaced {\n  color-scheme: light;\n  --dv-color-gh-light-canvas-default: #ffffff;\n  --dv-color-gh-light-canvas-subtle: #f6f8fa;\n  --dv-color-gh-light-border: #d0d7de;\n  --dv-color-gh-light-fg-default: #1f2328;\n  --dv-color-gh-light-fg-muted: #656d76;\n  --dv-color-gh-light-fg-subtle: #6e7781;\n  --dv-color-gh-light-accent: #0969da;\n  --dv-drag-over-background-color: rgba(9, 105, 218, 0.08);\n  --dv-group-view-background-color: var(--dv-color-gh-light-canvas-subtle);\n  --dv-tabs-and-actions-container-background-color: var(\n      --dv-color-gh-light-canvas-default\n  );\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-light-border\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-light-canvas-default\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-gh-light-border\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-gh-light-canvas-default\n  );\n  --dv-activegroup-visiblepanel-tab-color: var(\n      --dv-color-gh-light-fg-default\n  );\n  --dv-activegroup-hiddenpanel-tab-color: var(--dv-color-gh-light-fg-muted);\n  --dv-inactivegroup-visiblepanel-tab-color: var(\n      --dv-color-gh-light-fg-subtle\n  );\n  --dv-inactivegroup-hiddenpanel-tab-color: rgba(110, 118, 129, 0.4);\n  --dv-separator-border: transparent;\n  --dv-paneview-header-border-color: var(--dv-color-gh-light-border);\n  --dv-paneview-active-outline-color: var(--dv-color-gh-light-accent);\n  --dv-active-sash-color: var(--dv-color-gh-light-accent);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n  --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n  --dv-scrollbar-background-color: rgba(208, 215, 222, 0.5);\n  --dv-floating-group-border: 2px solid rgba(208, 215, 222, 0.5);\n}\n\n.dockview-theme-abyss-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-theme-abyss-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-theme-abyss-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-abyss-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-abyss-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-abyss-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-abyss-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-theme-abyss-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-theme-abyss-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-tabs-overflow-container,\n.dockview-theme-abyss-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-abyss-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-abyss-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-abyss-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-theme-abyss-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-abyss-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-abyss-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-theme-abyss-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-abyss-spaced {\n  color-scheme: dark;\n  --dv-color-abyss-dark: rgb(11, 6, 17);\n  --dv-color-abyss: #16121f;\n  --dv-color-abyss-light: #201d2b;\n  --dv-color-abyss-lighter: #2a2837;\n  --dv-color-abyss-accent: rgb(91, 30, 207);\n  --dv-color-abyss-primary-text: white;\n  --dv-color-abyss-secondary-text: rgb(148, 151, 169);\n  --dv-drag-over-background-color: \'\';\n  --dv-group-view-background-color: var(--dv-color-abyss-dark);\n  --dv-tabs-and-actions-container-background-color: var(--dv-color-abyss);\n  --dv-activegroup-visiblepanel-tab-background-color: var(\n      --dv-color-abyss-lighter\n  );\n  --dv-activegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-abyss-light\n  );\n  --dv-inactivegroup-visiblepanel-tab-background-color: var(\n      --dv-color-abyss-lighter\n  );\n  --dv-inactivegroup-hiddenpanel-tab-background-color: var(\n      --dv-color-abyss-light\n  );\n  --dv-tab-divider-color: transparent;\n  --dv-activegroup-visiblepanel-tab-color: var(--dv-color-abyss-primary-text);\n  --dv-activegroup-hiddenpanel-tab-color: var(\n      --dv-color-abyss-secondary-text\n  );\n  --dv-inactivegroup-visiblepanel-tab-color: var(\n      --dv-color-abyss-primary-text\n  );\n  --dv-inactivegroup-hiddenpanel-tab-color: var(\n      --dv-color-abyss-secondary-text\n  );\n  --dv-separator-border: transparent;\n  --dv-paneview-header-border-color: rgb(51, 51, 51);\n  --dv-active-sash-color: var(--dv-color-abyss-accent);\n  --dv-floating-group-border: 2px solid var(--dv-color-abyss-dark);\n}\n\n.dockview-theme-light-spaced {\n  --dv-paneview-active-outline-color: dodgerblue;\n  --dv-tabs-and-actions-container-font-size: 13px;\n  --dv-tabs-and-actions-container-height: 35px;\n  --dv-drag-over-background-color: rgba(83, 89, 93, 0.5);\n  --dv-drag-over-border-color: transparent;\n  --dv-edge-dock-indicator-color: rgba(56, 139, 253, 0.9);\n  --dv-tabs-container-scrollbar-color: #888;\n  --dv-icon-hover-background-color: rgba(90, 93, 94, 0.31);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.25);\n  --dv-floating-border: 1px solid rgba(255, 255, 255, 0.1);\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: transparent;\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.5s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: 0px;\n  --dv-tab-close-icon-size: inherit;\n  --dv-floating-group-border: none;\n  --dv-drag-over-border: none;\n  --dv-floating-group-dragging-opacity: 0.5;\n  --dv-floating-titlebar-height: 22px;\n  --dv-floating-titlebar-background-color: var(\n      --dv-tabs-and-actions-container-background-color\n  );\n  --dv-floating-titlebar-border-bottom: var(--dv-floating-border);\n  --dv-tab-group-color-grey: #5f6368;\n  --dv-tab-group-color-blue: #1a73e8;\n  --dv-tab-group-color-red: #d93025;\n  --dv-tab-group-color-yellow: #f9ab00;\n  --dv-tab-group-color-green: #188038;\n  --dv-tab-group-color-pink: #d01884;\n  --dv-tab-group-color-purple: #a142f4;\n  --dv-tab-group-color-cyan: #007b83;\n  --dv-tab-group-color-orange: #e8710a;\n  --dv-tab-group-chip-padding: 4px 8px;\n  --dv-tab-group-chip-border-radius: 6px;\n  --dv-tab-group-chip-font-size: 11px;\n  --dv-tab-group-line-height: 2px;\n  --dv-tab-group-line-opacity: 0.6;\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-theme-light-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-theme-light-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-theme-light-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-theme-light-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-theme-light-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-theme-light-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-theme-light-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-theme-light-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-theme-light-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-tabs-overflow-container,\n.dockview-theme-light-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-theme-light-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-theme-light-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-theme-light-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-light-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-theme-light-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-theme-light-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-theme-light-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-theme-light-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-light-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-theme-light-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-theme-light-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-theme-light-spaced {\n  color-scheme: light;\n  --dv-drag-over-background-color: \'\';\n  --dv-group-view-background-color: #f6f5f9;\n  --dv-tabs-and-actions-container-background-color: white;\n  --dv-activegroup-visiblepanel-tab-background-color: #ededf0;\n  --dv-activegroup-hiddenpanel-tab-background-color: #f9f9fa;\n  --dv-inactivegroup-visiblepanel-tab-background-color: #ededf0;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: #f9f9fa;\n  --dv-tab-divider-color: transparent;\n  --dv-activegroup-visiblepanel-tab-color: rgb(104, 107, 130);\n  --dv-activegroup-hiddenpanel-tab-color: rgb(148, 151, 169);\n  --dv-inactivegroup-visiblepanel-tab-color: rgb(104, 107, 130);\n  --dv-inactivegroup-hiddenpanel-tab-color: rgb(148, 151, 169);\n  --dv-separator-border: transparent;\n  --dv-paneview-header-border-color: rgb(51, 51, 51);\n  --dv-active-sash-color: rgb(91, 30, 207);\n  --dv-floating-box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);\n  --dv-floating-border: 1px solid rgba(0, 0, 0, 0.1);\n  --dv-scrollbar-background-color: rgba(0, 0, 0, 0.25);\n  --dv-floating-group-border: 2px solid rgba(255, 255, 255, 0.1);\n}\n\n.dockview-spaced {\n  --dv-spacing-padding: 10px;\n  --dv-tab-font-size: 12px;\n  --dv-border-radius: 12px;\n  --dv-tab-margin-block: 0.5rem;\n  --dv-tab-margin-inline: 0.25rem;\n  --dv-tab-margin: var(--dv-tab-margin-block) var(--dv-tab-margin-inline);\n  --dv-tabs-and-actions-container-height: 44px;\n  --dv-tab-border-radius: 8px;\n  --dv-sash-border-radius: 4px;\n  --dv-dropdown-border-radius: 8px;\n  --dv-tab-close-icon-size: 8px;\n  --dv-floating-group-border: 2px solid var(--dv-group-view-background-color);\n  --dv-floating-titlebar-background-color: var(\n      --dv-group-view-background-color\n  );\n  --dv-floating-titlebar-border-bottom: none;\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n  background-color: var(--dv-group-view-background-color);\n}\n.dockview-spaced .dv-dockview {\n  padding: 0;\n}\n.dockview-spaced .dv-resize-container:has(> .dv-groupview) {\n  border-radius: 8px;\n}\n.dockview-spaced .dv-sash {\n  border-radius: var(--dv-sash-border-radius);\n}\n.dockview-spaced .dv-drop-target-anchor {\n  border-radius: calc(var(--dv-border-radius) / 4);\n}\n.dockview-spaced .dv-drop-target-anchor.dv-drop-target-content {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-resize-container {\n  border-radius: var(--dv-border-radius) !important;\n  border: none;\n}\n.dockview-spaced .dv-resize-container .dv-groupview {\n  border: var(--dv-floating-group-border);\n}\n.dockview-spaced .dv-resize-container > .dv-grid-view {\n  box-sizing: border-box;\n  padding: var(--dv-spacing-padding);\n}\n.dockview-spaced .dv-resize-container-with-titlebar > .dv-grid-view {\n  padding-top: 0;\n}\n.dockview-spaced .dv-resize-container-with-titlebar > .dv-floating-titlebar {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-tabs-overflow-container,\n.dockview-spaced .dv-tabs-overflow-dropdown-default {\n  border-radius: var(--dv-dropdown-border-radius);\n  height: unset !important;\n}\n.dockview-spaced .dv-render-overlay {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-tab {\n  border-radius: var(--dv-tab-border-radius);\n}\n.dockview-spaced .dv-tab .dv-svg {\n  height: var(--dv-tab-close-icon-size);\n  width: var(--dv-tab-close-icon-size);\n}\n.dockview-spaced .dv-tabs-container--wrap:not(.dv-tabs-container-vertical) .dv-tab {\n  height: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-spaced .dv-tabs-container-vertical .dv-tab {\n  margin: var(--dv-tab-margin-inline) var(--dv-tab-margin-block);\n}\n.dockview-spaced .dv-tabs-container--wrap.dv-tabs-container-vertical .dv-tab {\n  width: calc(var(--dv-tabs-and-actions-container-height) - 2 * var(--dv-tab-margin-block));\n}\n.dockview-spaced .dv-groupview {\n  border-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview .dv-tabs-and-actions-container {\n  padding: 0px calc(var(--dv-border-radius) / 2);\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview .dv-tabs-and-actions-container.dv-groupview-header-vertical {\n  padding: calc(var(--dv-border-radius) / 2) 0;\n}\n.dockview-spaced .dv-groupview .dv-content-container {\n  background-color: var(--dv-tabs-and-actions-container-background-color);\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview.dv-groupview-header-bottom > .dv-tabs-and-actions-container {\n  border-radius: 0 0 var(--dv-border-radius) var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview.dv-groupview-header-bottom > .dv-content-container {\n  border-radius: var(--dv-border-radius) var(--dv-border-radius) 0 0;\n}\n.dockview-spaced .dv-groupview.dv-groupview-header-left > .dv-tabs-and-actions-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview.dv-groupview-header-left > .dv-content-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-spaced .dv-groupview.dv-groupview-header-right > .dv-tabs-and-actions-container {\n  border-radius: 0 var(--dv-border-radius) var(--dv-border-radius) 0;\n}\n.dockview-spaced .dv-groupview.dv-groupview-header-right > .dv-content-container {\n  border-radius: var(--dv-border-radius) 0 0 var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview.dv-edge-tool-window .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-groupview.dv-edge-tool-window .dv-content-container {\n  border-radius: 0;\n}\n.dockview-spaced .dv-groupview.dv-edge-tool-window .dv-tabs-and-actions-container {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-edge-peek {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-edge-peek-clip {\n  border-bottom-left-radius: var(--dv-border-radius);\n  border-bottom-right-radius: var(--dv-border-radius);\n}\n.dockview-spaced .dv-edge-peek-header {\n  border-top-left-radius: var(--dv-border-radius);\n  border-top-right-radius: var(--dv-border-radius);\n}\n\n.dv-context-menu {\n  min-width: 160px;\n  overflow: hidden;\n  background: var(--dv-context-menu-background-color, var(--dv-activegroup-hiddenpanel-tab-background-color));\n  color: var(--dv-context-menu-color, var(--dv-activegroup-hiddenpanel-tab-color));\n  border: 1px solid var(--dv-tab-divider-color);\n  border-radius: var(--dv-border-radius);\n  box-shadow: var(--dv-floating-box-shadow);\n  padding: 4px 0;\n}\n\n.dv-context-menu-item {\n  height: 25px;\n  padding: 0 12px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  font-size: var(--dv-tabs-and-actions-container-font-size);\n  white-space: nowrap;\n  user-select: none;\n}\n.dv-context-menu-item:hover {\n  background: var(--dv-icon-hover-background-color);\n}\n.dv-context-menu-item.dv-context-menu-item--disabled {\n  opacity: 0.4;\n  cursor: default;\n  pointer-events: none;\n}\n\n.dv-context-menu-separator {\n  height: 1px;\n  background: var(--dv-tab-divider-color);\n  margin: 4px 0;\n}\n\n.dv-context-menu-rename {\n  padding: 8px 12px 4px;\n}\n\n.dv-context-menu-rename-input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 8px 10px;\n  border: 1px solid var(--dv-tab-divider-color);\n  border-radius: var(--dv-border-radius);\n  background: inherit;\n  color: var(--dv-activegroup-visiblepanel-tab-color);\n  font-size: var(--dv-tabs-and-actions-container-font-size);\n  outline: none;\n}\n.dv-context-menu-rename-input:focus {\n  border-color: var(--dv-activegroup-visiblepanel-tab-color);\n}\n.dv-context-menu-rename-input::placeholder {\n  color: var(--dv-activegroup-hiddenpanel-tab-color);\n}\n\n.dv-context-menu-color-picker {\n  display: flex;\n  flex-direction: row;\n  gap: 6px;\n  padding: 8px 12px;\n  align-items: center;\n}\n\n.dv-context-menu-color-swatch {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  cursor: pointer;\n  border: 2px solid transparent;\n  flex-shrink: 0;\n  background-color: var(--dv-tab-group-color);\n}\n.dv-context-menu-color-swatch:hover {\n  opacity: 0.85;\n}\n.dv-context-menu-color-swatch.dv-context-menu-color-swatch--selected {\n  outline: 2px solid var(--dv-tab-divider-color);\n  outline-offset: 2px;\n}\n\n.dv-tab-group-indicator-none .dv-groupview-header-bottom .dv-tab-group-underline {\n  top: auto;\n  bottom: 0;\n}\n\n.dv-groupview.dv-groupview-header-bottom.dv-active-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after, .dv-groupview.dv-groupview-header-bottom.dv-inactive-group > .dv-tabs-and-actions-container .dv-tabs-container > .dv-tab.dv-active-tab::after {\n  top: 0px;\n  bottom: auto;\n}';
 
 // src/components/dock.css
 var dock_default = ':host {\n  display: block;\n  position: relative;\n  min-height: 0;\n  min-width: 0;\n  font-family: var(--spectrum-sans-font-family-stack, system-ui, sans-serif);\n}\n\n.root {\n  position: absolute;\n  inset: 0;\n}\n\n.slicc-dock-theme {\n  color-scheme: inherit;\n  --dv-paneview-active-outline-color: var(--spectrum-focus-indicator-color, #4b75ff);\n  --dv-tabs-and-actions-container-font-size: var(--swc-font-size-100);\n  --dv-tabs-and-actions-container-height: var(--swc-tab-item-compact-height-medium);\n  --dv-drag-over-background-color: color-mix(\n    in srgb,\n    var(--spectrum-accent-visual-color, #4b75ff) 16%,\n    transparent\n  );\n  --dv-drag-over-border-color: var(--spectrum-accent-visual-color, #4b75ff);\n  --dv-drag-over-border: 1px solid var(--spectrum-accent-visual-color, #4b75ff);\n  --dv-edge-dock-indicator-color: var(--spectrum-accent-visual-color, #4b75ff);\n  --dv-tabs-container-scrollbar-color: var(--swc-gray-400);\n  --dv-icon-hover-background-color: var(--swc-gray-100);\n  --dv-floating-box-shadow:\n    0 0 0 1px var(--spectrum-gray-300, #dadada),\n    0 8px 24px var(--spectrum-drop-shadow-color, rgba(0, 0, 0, 0.16));\n  --dv-floating-border: none;\n  --dv-floating-group-border: none;\n  --dv-floating-titlebar-height: 14px;\n  --dv-floating-titlebar-background-color: var(--spectrum-background-layer-1-color, #f8f8f8);\n  --dv-floating-titlebar-border-bottom: 1px solid var(--spectrum-gray-200, #e1e1e1);\n  --dv-floating-group-dragging-opacity: 0.6;\n  --dv-overlay-z-index: 999;\n  --dv-tab-font-size: inherit;\n  --dv-border-radius: 0px;\n  --dv-tab-margin: 0;\n  --dv-sash-color: transparent;\n  --dv-active-sash-color: var(--spectrum-accent-visual-color, #4b75ff);\n  --dv-active-sash-transition-duration: 0.1s;\n  --dv-active-sash-transition-delay: 0.3s;\n  --dv-spacing-padding: 0px;\n  --dv-tab-border-radius: 0px;\n  --dv-sash-border-radius: 0px;\n  --dv-dropdown-border-radius: var(--spectrum-corner-radius-75, 4px);\n  --dv-tab-close-icon-size: inherit;\n  --dv-group-view-background-color: var(--swc-background-layer-2-color);\n  --dv-tabs-and-actions-container-background-color: var(--swc-background-layer-2-color);\n  --dv-activegroup-visiblepanel-tab-background-color: transparent;\n  --dv-activegroup-hiddenpanel-tab-background-color: transparent;\n  --dv-inactivegroup-visiblepanel-tab-background-color: transparent;\n  --dv-inactivegroup-hiddenpanel-tab-background-color: transparent;\n  --dv-tab-divider-color: var(--swc-gray-200);\n  --dv-activegroup-visiblepanel-tab-color: var(--swc-gray-800);\n  --dv-activegroup-hiddenpanel-tab-color: var(--swc-gray-700);\n  --dv-inactivegroup-visiblepanel-tab-color: var(--swc-gray-800);\n  --dv-inactivegroup-hiddenpanel-tab-color: var(--swc-gray-700);\n  --dv-separator-border: var(--spectrum-gray-200, #e1e1e1);\n  --dv-paneview-header-border-color: var(--spectrum-gray-200, #e1e1e1);\n  --dv-scrollbar-background-color: var(--swc-gray-400);\n  --dv-context-menu-background-color: var(--spectrum-background-elevated-color, #fff);\n  --dv-context-menu-color: var(--spectrum-neutral-content-color-default, #292929);\n  color: var(--spectrum-neutral-content-color-default, #292929);\n}\n\n.slicc-dock-theme .dv-tabs-container {\n  --dv-tab-divider-color: transparent;\n  scrollbar-width: none;\n}\n\n.slicc-dock-theme .dv-tab {\n  display: flex;\n  align-items: center;\n  padding-block: 0;\n  padding-inline: calc(var(--swc-tab-item-to-tab-item-compact-horizontal-medium) / 2);\n}\n\n.slicc-tab {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--swc-spacing-85);\n  block-size: var(--swc-component-height-75);\n  color: var(--swc-gray-700);\n  font-size: var(--swc-font-size-100);\n  font-weight: normal;\n  line-height: var(--swc-line-height-100);\n  white-space: nowrap;\n}\n\n.dv-tab.dv-active-tab .slicc-tab,\n.dv-tab:hover .slicc-tab {\n  color: var(--swc-gray-800);\n}\n\n.dv-tabs-container .dv-tab.dv-active-tab .slicc-tab::after {\n  content: "";\n  position: absolute;\n  inset-inline: 0;\n  inset-block-end: calc(\n    (var(--swc-component-height-75) - var(--dv-tabs-and-actions-container-height)) /\n    2\n  );\n  block-size: var(--swc-tab-selection-indicator-thickness);\n  border-radius: var(--swc-corner-radius-100);\n  background-color: var(--swc-gray-800);\n  pointer-events: none;\n}\n\n.dv-tab:focus-visible .slicc-tab {\n  border-radius: var(--swc-corner-radius-100);\n  outline: var(--swc-focus-indicator-thickness) solid var(--swc-focus-indicator-color);\n  outline-offset: var(--swc-spacing-50);\n}\n\n.slicc-tab-close {\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  inline-size: var(--swc-component-height-75);\n  block-size: var(--swc-component-height-75);\n  border-radius: var(--swc-corner-radius-full);\n  color: var(--swc-gray-800);\n  cursor: pointer;\n  transition-property: color, background-color;\n  transition-duration: var(--swc-animation-duration-100);\n  transition-timing-function: var(--swc-animation-ease-in-out);\n}\n\n.slicc-tab-close:hover {\n  color: var(--swc-gray-900);\n  background-color: var(--swc-gray-100);\n}\n\n.dv-tab.dv-inactive-tab .slicc-tab-close {\n  display: none;\n}\n\n.dv-tabs-overflow-container .dv-tab {\n  block-size: var(--dv-tabs-and-actions-container-height);\n}\n\n.slicc-dock-theme .dv-tabs-overflow-dropdown-default {\n  color: var(--swc-gray-700);\n  font-size: var(--swc-font-size-100);\n}\n\n.slicc-dock-theme .dv-tabs-overflow-dropdown-default:hover {\n  color: var(--swc-gray-800);\n}\n\n@media (forced-colors: active) {\n  .slicc-tab {\n    color: ButtonText;\n  }\n\n  .dv-tab.dv-active-tab .slicc-tab {\n    color: Highlight;\n  }\n\n  .dv-tabs-container .dv-tab.dv-active-tab .slicc-tab::after {\n    background-color: Highlight;\n  }\n\n  .dv-tab:focus-visible .slicc-tab {\n    outline-color: Highlight;\n  }\n}\n\n.slicc-dock-theme .dv-watermark {\n  display: grid;\n  place-items: center;\n  color: var(--spectrum-gray-600, #717171);\n  font-size: var(--spectrum-font-size-75, 12px);\n}\n\n.slicc-dock-theme .dv-groupview > .dv-content-container,\n.slicc-dock-theme .dv-split-view-container,\n.slicc-dock-theme .dv-split-view-container .dv-view-container .dv-view {\n  overflow: clip;\n}\n\n.panel {\n  height: 100%;\n  width: 100%;\n  overflow: clip;\n  display: flex;\n  flex-direction: column;\n}\n\n.panel > * {\n  flex: 1;\n  min-height: 0;\n}\n\n.panel:focus-visible {\n  outline: 2px solid var(--spectrum-focus-indicator-color, #4b75ff);\n  outline-offset: -2px;\n}\n';
@@ -74630,7 +74860,9 @@ var SliccDock = class extends HTMLElement {
   }
   reveal(id) {
     const panel = this.api.getPanel(id);
+    const again2 = panel?.group.activePanel === panel;
     panel?.group.model.openPanel(panel, { skipSetGroupActive: true });
+    if (again2) this.#reactivate(id);
   }
   close(id) {
     this.api.getPanel(id)?.api.close();
@@ -74638,9 +74870,18 @@ var SliccDock = class extends HTMLElement {
   focusPanel(id) {
     const panel = this.api.getPanel(id);
     if (!panel) return;
+    const again2 = panel.group.activePanel === panel;
     panel.api.setActive();
+    if (again2) this.#reactivate(id);
     this.#contents.get(id)?.focus();
   }
+  #reactivate(id) {
+    const content3 = this.#contents.get(id);
+    const host4 = content3?.parentElement;
+    if (!content3 || !host4) return;
+    content3.remove();
+    host4.append(content3);
+  }
   cycleGroup(delta) {
     const groups2 = this.api.groups.filter((group) => group.activePanel);
     if (groups2.length === 0) return null;
@@ -84409,7 +84650,7 @@ lit-html/static.js:
 dockview-core/dist/package/main.esm.mjs:
   (**
    * dockview-core
-   * @version 8.8.0
+   * @version 8.8.2
    * @link https://github.com/dockview/dockview
    * @license MIT
    *)