/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;

  --xy-edge-stroke-default: #b1b1b7;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #555;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);

  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #e2e2e2;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: transparent;
  --xy-background-pattern-dots-color-default: #91919a;
  --xy-background-pattern-lines-color-default: #eee;
  --xy-background-pattern-cross-color-default: #e2e2e2;
  background-color: var(--xy-background-color, var(--xy-background-color-default));
  --xy-node-color-default: inherit;
  --xy-node-border-default: 1px solid #1a192b;
  --xy-node-background-color-default: #fff;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
  --xy-node-border-radius-default: 3px;

  --xy-handle-background-color-default: #1a192b;
  --xy-handle-border-color-default: #fff;

  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);

  --xy-controls-button-background-color-default: #fefefe;
  --xy-controls-button-background-color-hover-default: #f4f4f4;
  --xy-controls-button-color-default: inherit;
  --xy-controls-button-color-hover-default: inherit;
  --xy-controls-button-border-color-default: #eee;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #ffffff;
  --xy-edge-label-color-default: inherit;
  --xy-resize-background-color-default: #3367d9;
}
.react-flow.dark {
  --xy-edge-stroke-default: #3e3e3e;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #727272;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);

  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #2b2b2b;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: #141414;
  --xy-background-pattern-dots-color-default: #777;
  --xy-background-pattern-lines-color-default: #777;
  --xy-background-pattern-cross-color-default: #777;
  --xy-node-color-default: #f8f8f8;
  --xy-node-border-default: 1px solid #3c3c3c;
  --xy-node-background-color-default: #1e1e1e;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;

  --xy-handle-background-color-default: #bebebe;
  --xy-handle-border-color-default: #1e1e1e;

  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);

  --xy-controls-button-background-color-default: #2b2b2b;
  --xy-controls-button-background-color-hover-default: #3e3e3e;
  --xy-controls-button-color-default: #f8f8f8;
  --xy-controls-button-color-hover-default: #fff;
  --xy-controls-button-border-color-default: #5b5b5b;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #141414;
  --xy-edge-label-color-default: #f8f8f8;
}
.react-flow__background {
  background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
  pointer-events: none;
  z-index: -1;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
}
.react-flow__pane.draggable {
    cursor: grab;
  }
.react-flow__pane.dragging {
    cursor: grabbing;
  }
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow__edge-path {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
  fill: none;
}
.react-flow__connection-path {
  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
  fill: none;
}
.react-flow .react-flow__edges {
  position: absolute;
}
.react-flow .react-flow__edges svg {
    overflow: visible;
    position: absolute;
    pointer-events: none;
  }
.react-flow__edge {
  pointer-events: visibleStroke;
}
.react-flow__edge.selectable {
    cursor: pointer;
  }
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge.selectable:focus .react-flow__edge-path,
  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
/* Arrowhead marker styles - use CSS custom properties as default */
.react-flow__arrowhead polyline {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__arrowhead polyline.arrowclosed {
  fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
}
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
svg.react-flow__connectionline {
  z-index: 1001;
  overflow: visible;
  position: absolute;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}
.react-flow__node.selectable {
    cursor: pointer;
  }
.react-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }
.react-flow__node.draggable.dragging {
      cursor: grabbing;
    }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
  border-radius: 100%;
}
.react-flow__handle.connectingfrom {
    pointer-events: all;
  }
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
.react-flow__handle-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__pane.selection .react-flow__panel {
  pointer-events: none;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.top.center, .react-flow__panel.bottom.center {
      left: 50%;
      transform: translateX(-15px) translateX(-50%);
    }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.left.center, .react-flow__panel.right.center {
      top: 50%;
      transform: translateY(-15px) translateY(-50%);
    }
.react-flow__attribution {
  font-size: 10px;
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  left: 0;
  top: 0;
}
.react-flow__viewport-portal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__minimap {
  background: var(
    --xy-minimap-background-color-props,
    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
  );
}
.react-flow__minimap-svg {
    display: block;
  }
.react-flow__minimap-mask {
    fill: var(
      --xy-minimap-mask-background-color-props,
      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
    );
    stroke: var(
      --xy-minimap-mask-stroke-color-props,
      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-mask-stroke-width-props,
      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
    );
  }
.react-flow__minimap-node {
    fill: var(
      --xy-minimap-node-background-color-props,
      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
    );
    stroke: var(
      --xy-minimap-node-stroke-color-props,
      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-node-stroke-width-props,
      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
    );
  }
.react-flow__background-pattern.dots {
    fill: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
    );
  }
.react-flow__background-pattern.lines {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
    );
  }
.react-flow__background-pattern.cross {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
    );
  }
.react-flow__controls {
  display: flex;
  flex-direction: column;
  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
}
.react-flow__controls.horizontal {
    flex-direction: row;
  }
.react-flow__controls-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    width: 26px;
    padding: 4px;
    border: none;
    background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
    border-bottom: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
    color: var(
      --xy-controls-button-color-props,
      var(--xy-controls-button-color, var(--xy-controls-button-color-default))
    );
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
      fill: currentColor;
    }
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-input,
.react-flow__node-default,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
  width: 150px;
  font-size: 12px;
  color: var(--xy-node-color, var(--xy-node-color-default));
  text-align: center;
  border: var(--xy-node-border, var(--xy-node-border-default));
  background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
}
.react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
    }
.react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
    }
.react-flow__node-group {
  background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
  border: var(--xy-selection-border, var(--xy-selection-border-default));
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls-button:hover {
      background: var(
        --xy-controls-button-background-color-hover-props,
        var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default))
      );
      color: var(
        --xy-controls-button-color-hover-props,
        var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default))
      );
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__controls-button:last-child {
    border-bottom: none;
  }
.react-flow__controls.horizontal .react-flow__controls-button {
    border-bottom: none;
    border-right: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
  }
.react-flow__controls.horizontal .react-flow__controls-button:last-child {
    border-right: none;
  }
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  translate: -50% -50%;
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
.react-flow__edge-textbg {
  fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
}
.react-flow__edge-text {
  fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
}
/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */

/**
 *  Default styles for xterm.js
 */

.xterm {
    cursor: text;
    position: relative;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.xterm.focus,
.xterm:focus {
    outline: none;
}

.xterm .xterm-helpers {
    position: absolute;
    top: 0;
    /**
     * The z-index of the helpers must be higher than the canvases in order for
     * IMEs to appear on top.
     */
    z-index: 5;
}

.xterm .xterm-helper-textarea {
    padding: 0;
    border: 0;
    margin: 0;
    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
    position: absolute;
    opacity: 0;
    left: -9999em;
    top: 0;
    width: 0;
    height: 0;
    z-index: -5;
    /** Prevent wrapping so the IME appears against the textarea at the correct position */
    white-space: nowrap;
    overflow: hidden;
    resize: none;
}

.xterm .composition-view {
    /* TODO: Composition position got messed up somewhere */
    background: #000;
    color: #FFF;
    display: none;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

.xterm .composition-view.active {
    display: block;
}

.xterm .xterm-viewport {
    /* On OS X this is required in order for the scroll bar to appear fully opaque */
    background-color: #000;
    overflow-y: scroll;
    cursor: default;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.xterm .xterm-screen {
    position: relative;
}

.xterm .xterm-screen canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.xterm-char-measure-element {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -9999em;
    line-height: normal;
}

.xterm.enable-mouse-events {
    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
    cursor: default;
}

.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
    cursor: pointer;
}

.xterm.column-select.focus {
    /* Column selection mode */
    cursor: crosshair;
}

.xterm .xterm-accessibility:not(.debug),
.xterm .xterm-message {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    color: transparent;
    pointer-events: none;
}

.xterm .xterm-accessibility-tree:not(.debug) *::selection {
  color: transparent;
}

.xterm .xterm-accessibility-tree {
  font-family: monospace;
  user-select: text;
  white-space: pre;
}

.xterm .xterm-accessibility-tree > div {
  transform-origin: left;
  width: fit-content;
}

.xterm .live-region {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.xterm-dim {
    /* Dim should not apply to background, so the opacity of the foreground color is applied
     * explicitly in the generated class and reset to 1 here */
    opacity: 1 !important;
}

.xterm-underline-1 { text-decoration: underline; }
.xterm-underline-2 { text-decoration: double underline; }
.xterm-underline-3 { text-decoration: wavy underline; }
.xterm-underline-4 { text-decoration: dotted underline; }
.xterm-underline-5 { text-decoration: dashed underline; }

.xterm-overline {
    text-decoration: overline;
}

.xterm-overline.xterm-underline-1 { text-decoration: overline underline; }
.xterm-overline.xterm-underline-2 { text-decoration: overline double underline; }
.xterm-overline.xterm-underline-3 { text-decoration: overline wavy underline; }
.xterm-overline.xterm-underline-4 { text-decoration: overline dotted underline; }
.xterm-overline.xterm-underline-5 { text-decoration: overline dashed underline; }

.xterm-strikethrough {
    text-decoration: line-through;
}

.xterm-screen .xterm-decoration-container .xterm-decoration {
	z-index: 6;
	position: absolute;
}

.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
	z-index: 7;
}

.xterm-decoration-overview-ruler {
    z-index: 8;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.xterm-decoration-top {
    z-index: 2;
    position: relative;
}



/* Derived from vs/base/browser/ui/scrollbar/media/scrollbar.css */

/* xterm.js customization: Override xterm's cursor style */
.xterm .xterm-scrollable-element > .scrollbar {
    cursor: default;
}

/* Arrows */
.xterm .xterm-scrollable-element > .scrollbar > .scra {
	cursor: pointer;
	font-size: 11px !important;
}

.xterm .xterm-scrollable-element > .visible {
	opacity: 1;

	/* Background rule added for IE9 - to allow clicks on dom node */
	background:rgba(0,0,0,0);

	transition: opacity 100ms linear;
	/* In front of peek view */
	z-index: 11;
}
.xterm .xterm-scrollable-element > .invisible {
	opacity: 0;
	pointer-events: none;
}
.xterm .xterm-scrollable-element > .invisible.fade {
	transition: opacity 800ms linear;
}

/* Scrollable Content Inset Shadow */
.xterm .xterm-scrollable-element > .shadow {
	position: absolute;
	display: none;
}
.xterm .xterm-scrollable-element > .shadow.top {
	display: block;
	top: 0;
	left: 3px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset;
}
.xterm .xterm-scrollable-element > .shadow.left {
	display: block;
	top: 3px;
	left: 0;
	height: 100%;
	width: 3px;
	box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset;
}
.xterm .xterm-scrollable-element > .shadow.top-left-corner {
	display: block;
	top: 0;
	left: 0;
	height: 3px;
	width: 3px;
}
.xterm .xterm-scrollable-element > .shadow.top.left {
	box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset;
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-300: oklch(87.1% .15 154.449);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-emerald-50: oklch(97.9% .021 166.113);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-emerald-800: oklch(43.2% .095 166.913);
    --color-emerald-900: oklch(37.8% .077 168.94);
    --color-teal-50: oklch(98.4% .014 180.72);
    --color-teal-100: oklch(95.3% .051 180.801);
    --color-teal-200: oklch(91% .096 180.426);
    --color-teal-700: oklch(51.1% .096 186.391);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-purple-50: oklch(97.7% .014 308.299);
    --color-purple-100: oklch(94.6% .033 307.174);
    --color-purple-200: oklch(90.2% .063 306.703);
    --color-purple-700: oklch(49.6% .265 301.924);
    --color-rose-50: oklch(96.9% .015 12.422);
    --color-rose-200: oklch(89.2% .058 10.001);
    --color-rose-300: oklch(81% .117 11.638);
    --color-rose-400: oklch(71.2% .194 13.428);
    --color-rose-500: oklch(64.5% .246 16.439);
    --color-rose-600: oklch(58.6% .253 17.585);
    --color-rose-700: oklch(51.4% .222 16.935);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-800: oklch(27.9% .041 260.031);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-slate-950: oklch(12.9% .042 264.695);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-5xl: 64rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-sm: 8px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-canvas-bg: #f4f6f8;
    --color-panel: #fff;
    --color-border: #d7dbe0;
    --color-text: #1c1f23;
    --color-text-dim: #6b7280;
    --color-accent: #2d6cdf;
    --color-surface-subtle: #f3f4f6;
    --color-accent-soft: #2d6cdf1a;
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .\!absolute {
    position: absolute !important;
  }

  .\!relative {
    position: relative !important;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .\!top-0 {
    top: calc(var(--spacing) * 0) !important;
  }

  .\!top-3 {
    top: calc(var(--spacing) * 3) !important;
  }

  .\!top-4 {
    top: calc(var(--spacing) * 4) !important;
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .\!right-0 {
    right: calc(var(--spacing) * 0) !important;
  }

  .\!right-\[-5px\] {
    right: -5px !important;
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-full {
    bottom: 100%;
  }

  .\!left-0 {
    left: calc(var(--spacing) * 0) !important;
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[9000\] {
    z-index: 9000;
  }

  .z-\[9100\] {
    z-index: 9100;
  }

  .z-\[9998\] {
    z-index: 9998;
  }

  .z-\[9999\] {
    z-index: 9999;
  }

  .z-\[10000\] {
    z-index: 10000;
  }

  .z-\[10001\] {
    z-index: 10001;
  }

  .z-\[10002\] {
    z-index: 10002;
  }

  .z-\[10050\] {
    z-index: 10050;
  }

  .z-\[20000\] {
    z-index: 20000;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .\!h-2 {
    height: calc(var(--spacing) * 2) !important;
  }

  .\!h-2\.5 {
    height: calc(var(--spacing) * 2.5) !important;
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-\[75vh\] {
    height: 75vh;
  }

  .h-\[80vh\] {
    height: 80vh;
  }

  .h-full {
    height: 100%;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }

  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }

  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-52 {
    max-height: calc(var(--spacing) * 52);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }

  .max-h-\[50\%\] {
    max-height: 50%;
  }

  .max-h-\[75vh\] {
    max-height: 75vh;
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[86vh\] {
    max-height: 86vh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[200px\] {
    max-height: 200px;
  }

  .max-h-full {
    max-height: 100%;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-\[26px\] {
    min-height: 26px;
  }

  .min-h-\[32px\] {
    min-height: 32px;
  }

  .min-h-\[74px\] {
    min-height: 74px;
  }

  .min-h-\[84px\] {
    min-height: 84px;
  }

  .min-h-\[150px\] {
    min-height: 150px;
  }

  .min-h-\[180px\] {
    min-height: 180px;
  }

  .min-h-\[230px\] {
    min-height: 230px;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .\!w-2 {
    width: calc(var(--spacing) * 2) !important;
  }

  .\!w-2\.5 {
    width: calc(var(--spacing) * 2.5) !important;
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-\[260px\] {
    width: 260px;
  }

  .w-\[360px\] {
    width: 360px;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-\[420px\] {
    width: 420px;
  }

  .w-\[460px\] {
    width: 460px;
  }

  .w-\[480px\] {
    width: 480px;
  }

  .w-\[540px\] {
    width: 540px;
  }

  .w-\[720px\] {
    width: 720px;
  }

  .w-\[780px\] {
    width: 780px;
  }

  .w-full {
    width: 100%;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-\[90vw\] {
    max-width: 90vw;
  }

  .max-w-\[112px\] {
    max-width: 112px;
  }

  .max-w-\[120px\] {
    max-width: 120px;
  }

  .max-w-\[140px\] {
    max-width: 140px;
  }

  .max-w-\[calc\(100vw-24px\)\] {
    max-width: calc(100vw - 24px);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-\[180px\] {
    min-width: 180px;
  }

  .flex-1 {
    flex: 1;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .\!translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .\!translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-text {
    cursor: text;
  }

  .cursor-zoom-in {
    cursor: zoom-in;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .list-disc {
    list-style-type: disc;
  }

  .auto-rows-\[112px\] {
    grid-auto-rows: 112px;
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-\[1fr_1\.2fr_\.8fr_auto\] {
    grid-template-columns: 1fr 1.2fr .8fr auto;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\[\#1f6feb55\] {
    border-color: #1f6feb55;
  }

  .border-\[\#58a6ff66\] {
    border-color: #58a6ff66;
  }

  .border-\[\#21262d\] {
    border-color: #21262d;
  }

  .border-\[\#30363d\] {
    border-color: #30363d;
  }

  .border-\[\#d2992244\] {
    border-color: #d2992244;
  }

  .border-\[var\(--color-accent\)\] {
    border-color: var(--color-accent);
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-amber-500\/30 {
    border-color: #f99c004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/30 {
      border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }

  .border-amber-500\/40 {
    border-color: #f99c0066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-500\/40 {
      border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
    }
  }

  .border-amber-600\/40 {
    border-color: #dd740066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-600\/40 {
      border-color: color-mix(in oklab, var(--color-amber-600) 40%, transparent);
    }
  }

  .border-blue-200 {
    border-color: var(--color-blue-200);
  }

  .border-blue-300 {
    border-color: var(--color-blue-300);
  }

  .border-current\/30 {
    border-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-current\/30 {
      border-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }

  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }

  .border-emerald-500\/30 {
    border-color: #00bb7f4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/30 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
    }
  }

  .border-green-200 {
    border-color: var(--color-green-200);
  }

  .border-purple-200 {
    border-color: var(--color-purple-200);
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-rose-200 {
    border-color: var(--color-rose-200);
  }

  .border-rose-500\/40 {
    border-color: #ff235766;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-500\/40 {
      border-color: color-mix(in oklab, var(--color-rose-500) 40%, transparent);
    }
  }

  .border-slate-50 {
    border-color: var(--color-slate-50);
  }

  .border-slate-100 {
    border-color: var(--color-slate-100);
  }

  .border-slate-200 {
    border-color: var(--color-slate-200);
  }

  .border-slate-300 {
    border-color: var(--color-slate-300);
  }

  .border-slate-600\/30 {
    border-color: #45556c4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-slate-600\/30 {
      border-color: color-mix(in oklab, var(--color-slate-600) 30%, transparent);
    }
  }

  .border-teal-200 {
    border-color: var(--color-teal-200);
  }

  .border-transparent {
    border-color: #0000;
  }

  .\!bg-\[var\(--color-accent\)\] {
    background-color: var(--color-accent) !important;
  }

  .\!bg-cyan-400 {
    background-color: var(--color-cyan-400) !important;
  }

  .\!bg-emerald-400 {
    background-color: var(--color-emerald-400) !important;
  }

  .bg-\[\#0b141b\] {
    background-color: #0b141b;
  }

  .bg-\[\#0d1117\] {
    background-color: #0d1117;
  }

  .bg-\[\#0d1117\]\/60 {
    background-color: oklab(17.6285% -.00282951 -.0137323 / .6);
  }

  .bg-\[\#1f6feb22\] {
    background-color: #1f6feb22;
  }

  .bg-\[\#1f6feb33\] {
    background-color: #1f6feb33;
  }

  .bg-\[\#3b2a10\] {
    background-color: #3b2a10;
  }

  .bg-\[\#161b22\] {
    background-color: #161b22;
  }

  .bg-\[\#161b22\]\/40 {
    background-color: oklab(22.0223% -.0035809 -.0152867 / .4);
  }

  .bg-\[\#161b22\]\/50 {
    background-color: oklab(22.0223% -.0035809 -.0152867 / .5);
  }

  .bg-\[\#21262d\] {
    background-color: #21262d;
  }

  .bg-\[\#238636\] {
    background-color: #238636;
  }

  .bg-\[\#d29922\] {
    background-color: #d29922;
  }

  .bg-\[\#d299221a\] {
    background-color: #d299221a;
  }

  .bg-\[var\(--color-accent\)\] {
    background-color: var(--color-accent);
  }

  .bg-\[var\(--color-accent\)\]\/10 {
    background-color: #2d6cdf1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--color-accent\)\]\/10 {
      background-color: color-mix(in oklab, var(--color-accent) 10%, transparent);
    }
  }

  .bg-\[var\(--color-accent\,\#6366f1\)\]\/15 {
    background-color: #2d6cdf26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--color-accent\,\#6366f1\)\]\/15 {
      background-color: color-mix(in oklab, var(--color-accent, #6366f1) 15%, transparent);
    }
  }

  .bg-\[var\(--cove-field\,\#0d1117\)\] {
    background-color: var(--cove-field, #0d1117);
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }

  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/10 {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }

  .bg-amber-500\/15 {
    background-color: #f99c0026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/15 {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }

  .bg-amber-500\/20 {
    background-color: #f99c0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/20 {
      background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }

  .bg-amber-500\/30 {
    background-color: #f99c004d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/30 {
      background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
    }
  }

  .bg-amber-600\/10 {
    background-color: #dd74001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-600\/10 {
      background-color: color-mix(in oklab, var(--color-amber-600) 10%, transparent);
    }
  }

  .bg-black\/40 {
    background-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/70 {
    background-color: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/70 {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-50\/70 {
    background-color: #eff6ffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-50\/70 {
      background-color: color-mix(in oklab, var(--color-blue-50) 70%, transparent);
    }
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-500\/20 {
    background-color: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/20 {
      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }

  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }

  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }

  .bg-emerald-500\/10 {
    background-color: #00bb7f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }

  .bg-emerald-500\/20 {
    background-color: #00bb7f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/20 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }

  .bg-emerald-500\/60 {
    background-color: #00bb7f99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/60 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent);
    }
  }

  .bg-emerald-600\/30 {
    background-color: #0097674d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-600\/30 {
      background-color: color-mix(in oklab, var(--color-emerald-600) 30%, transparent);
    }
  }

  .bg-emerald-600\/40 {
    background-color: #00976766;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-600\/40 {
      background-color: color-mix(in oklab, var(--color-emerald-600) 40%, transparent);
    }
  }

  .bg-green-50 {
    background-color: var(--color-green-50);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-green-500 {
    background-color: var(--color-green-500);
  }

  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }

  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }

  .bg-rose-400 {
    background-color: var(--color-rose-400);
  }

  .bg-rose-500\/10 {
    background-color: #ff23571a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-500\/10 {
      background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
    }
  }

  .bg-rose-500\/15 {
    background-color: #ff235726;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-500\/15 {
      background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent);
    }
  }

  .bg-rose-500\/20 {
    background-color: #ff235733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-500\/20 {
      background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }

  .bg-rose-600\/30 {
    background-color: #e700444d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-600\/30 {
      background-color: color-mix(in oklab, var(--color-rose-600) 30%, transparent);
    }
  }

  .bg-sky-500\/10 {
    background-color: #00a5ef1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-500\/10 {
      background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
    }
  }

  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }

  .bg-slate-300 {
    background-color: var(--color-slate-300);
  }

  .bg-slate-400 {
    background-color: var(--color-slate-400);
  }

  .bg-slate-500 {
    background-color: var(--color-slate-500);
  }

  .bg-slate-500\/10 {
    background-color: #62748e1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-500\/10 {
      background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent);
    }
  }

  .bg-slate-500\/20 {
    background-color: #62748e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-500\/20 {
      background-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent);
    }
  }

  .bg-slate-700\/40 {
    background-color: #31415866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-700\/40 {
      background-color: color-mix(in oklab, var(--color-slate-700) 40%, transparent);
    }
  }

  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }

  .bg-slate-900\/40 {
    background-color: #0f172b66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-900\/40 {
      background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent);
    }
  }

  .bg-slate-950\/35 {
    background-color: #02061859;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/35 {
      background-color: color-mix(in oklab, var(--color-slate-950) 35%, transparent);
    }
  }

  .bg-teal-50 {
    background-color: var(--color-teal-50);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/70 {
    background-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/70 {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .fill-\[var\(--color-accent\)\] {
    fill: var(--color-accent);
  }

  .stroke-\[var\(--color-accent\)\] {
    stroke: var(--color-accent);
  }

  .object-contain {
    object-fit: contain;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-\[10vh\] {
    padding-top: 10vh;
  }

  .pt-\[12vh\] {
    padding-top: 12vh;
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre {
    white-space: pre;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#3fb950\] {
    color: #3fb950;
  }

  .text-\[\#6e7681\] {
    color: #6e7681;
  }

  .text-\[\#8b949e\] {
    color: #8b949e;
  }

  .text-\[\#58a6ff\] {
    color: #58a6ff;
  }

  .text-\[\#79c0ff\] {
    color: #79c0ff;
  }

  .text-\[\#30363d\] {
    color: #30363d;
  }

  .text-\[\#c9d1d9\] {
    color: #c9d1d9;
  }

  .text-\[\#d29922\] {
    color: #d29922;
  }

  .text-\[\#e6edf3\] {
    color: #e6edf3;
  }

  .text-\[\#f85149\] {
    color: #f85149;
  }

  .text-\[\#ff7b72\] {
    color: #ff7b72;
  }

  .text-\[var\(--color-accent\)\] {
    color: var(--color-accent);
  }

  .text-\[var\(--color-accent\)\]\/40 {
    color: #2d6cdf66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--color-accent\)\]\/40 {
      color: color-mix(in oklab, var(--color-accent) 40%, transparent);
    }
  }

  .text-\[var\(--color-accent\)\]\/60 {
    color: #2d6cdf99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-\[var\(--color-accent\)\]\/60 {
      color: color-mix(in oklab, var(--color-accent) 60%, transparent);
    }
  }

  .text-\[var\(--color-accent\,\#2563eb\)\] {
    color: var(--color-accent, #2563eb);
  }

  .text-amber-200 {
    color: var(--color-amber-200);
  }

  .text-amber-300 {
    color: var(--color-amber-300);
  }

  .text-amber-300\/80 {
    color: #ffd236cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-300\/80 {
      color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);
    }
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-blue-300 {
    color: var(--color-blue-300);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-emerald-200 {
    color: var(--color-emerald-200);
  }

  .text-emerald-300 {
    color: var(--color-emerald-300);
  }

  .text-emerald-400 {
    color: var(--color-emerald-400);
  }

  .text-emerald-500 {
    color: var(--color-emerald-500);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-emerald-700\/80 {
    color: #007956cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-700\/80 {
      color: color-mix(in oklab, var(--color-emerald-700) 80%, transparent);
    }
  }

  .text-emerald-800\/70 {
    color: #005f46b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-800\/70 {
      color: color-mix(in oklab, var(--color-emerald-800) 70%, transparent);
    }
  }

  .text-emerald-900 {
    color: var(--color-emerald-900);
  }

  .text-green-300 {
    color: var(--color-green-300);
  }

  .text-green-400 {
    color: var(--color-green-400);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-purple-700 {
    color: var(--color-purple-700);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-rose-200 {
    color: var(--color-rose-200);
  }

  .text-rose-300 {
    color: var(--color-rose-300);
  }

  .text-rose-300\/70 {
    color: #ffa2aeb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-rose-300\/70 {
      color: color-mix(in oklab, var(--color-rose-300) 70%, transparent);
    }
  }

  .text-rose-400 {
    color: var(--color-rose-400);
  }

  .text-rose-700 {
    color: var(--color-rose-700);
  }

  .text-slate-200 {
    color: var(--color-slate-200);
  }

  .text-slate-300 {
    color: var(--color-slate-300);
  }

  .text-slate-400 {
    color: var(--color-slate-400);
  }

  .text-slate-500 {
    color: var(--color-slate-500);
  }

  .text-slate-600 {
    color: var(--color-slate-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-slate-800 {
    color: var(--color-slate-800);
  }

  .text-slate-900 {
    color: var(--color-slate-900);
  }

  .text-teal-700 {
    color: var(--color-teal-700);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .text-white\/85 {
    color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/85 {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline\! {
    text-decoration-line: underline !important;
  }

  .decoration-dotted {
    text-decoration-style: dotted;
  }

  .accent-\[var\(--color-accent\)\] {
    accent-color: var(--color-accent);
  }

  .accent-emerald-500 {
    accent-color: var(--color-emerald-500);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-35 {
    opacity: .35;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\[\#58a6ff66\] {
    --tw-ring-color: #58a6ff66;
  }

  .ring-blue-300 {
    --tw-ring-color: var(--color-blue-300);
  }

  .ring-emerald-400 {
    --tw-ring-color: var(--color-emerald-400);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/sess\:opacity-100:is(:where(.group\/sess):hover *) {
      opacity: 1;
    }
  }

  .placeholder\:text-slate-400::placeholder {
    color: var(--color-slate-400);
  }

  .placeholder\:opacity-30::placeholder {
    opacity: .3;
  }

  .placeholder\:opacity-40::placeholder {
    opacity: .4;
  }

  @media (hover: hover) {
    .hover\:border-\[\#30363d\]:hover {
      border-color: #30363d;
    }

    .hover\:border-slate-200:hover {
      border-color: var(--color-slate-200);
    }

    .hover\:border-slate-300:hover {
      border-color: var(--color-slate-300);
    }

    .hover\:border-slate-400:hover {
      border-color: var(--color-slate-400);
    }

    .hover\:bg-\[\#2ea043\]:hover {
      background-color: #2ea043;
    }

    .hover\:bg-\[\#161b22\]:hover {
      background-color: #161b22;
    }

    .hover\:bg-\[\#21262d\]:hover {
      background-color: #21262d;
    }

    .hover\:bg-\[\#30363d\]:hover {
      background-color: #30363d;
    }

    .hover\:bg-\[\#111827\]:hover {
      background-color: #111827;
    }

    .hover\:bg-amber-100:hover {
      background-color: var(--color-amber-100);
    }

    .hover\:bg-amber-500\/40:hover {
      background-color: #f99c0066;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-500\/40:hover {
        background-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
      }
    }

    .hover\:bg-black\/70:hover {
      background-color: #000000b3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/70:hover {
        background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
      }
    }

    .hover\:bg-blue-100:hover {
      background-color: var(--color-blue-100);
    }

    .hover\:bg-current\/10:hover {
      background-color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-current\/10:hover {
        background-color: color-mix(in oklab, currentcolor 10%, transparent);
      }
    }

    .hover\:bg-emerald-100:hover {
      background-color: var(--color-emerald-100);
    }

    .hover\:bg-emerald-600\/40:hover {
      background-color: #00976766;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-600\/40:hover {
        background-color: color-mix(in oklab, var(--color-emerald-600) 40%, transparent);
      }
    }

    .hover\:bg-emerald-600\/60:hover {
      background-color: #00976799;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-600\/60:hover {
        background-color: color-mix(in oklab, var(--color-emerald-600) 60%, transparent);
      }
    }

    .hover\:bg-green-100:hover {
      background-color: var(--color-green-100);
    }

    .hover\:bg-purple-100:hover {
      background-color: var(--color-purple-100);
    }

    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50);
    }

    .hover\:bg-red-100:hover {
      background-color: var(--color-red-100);
    }

    .hover\:bg-rose-500\/20:hover {
      background-color: #ff235733;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-rose-500\/20:hover {
        background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
      }
    }

    .hover\:bg-rose-600\/40:hover {
      background-color: #e7004466;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-rose-600\/40:hover {
        background-color: color-mix(in oklab, var(--color-rose-600) 40%, transparent);
      }
    }

    .hover\:bg-slate-50:hover {
      background-color: var(--color-slate-50);
    }

    .hover\:bg-slate-100:hover {
      background-color: var(--color-slate-100);
    }

    .hover\:bg-slate-200:hover {
      background-color: var(--color-slate-200);
    }

    .hover\:bg-slate-500\/10:hover {
      background-color: #62748e1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent);
      }
    }

    .hover\:bg-slate-800:hover {
      background-color: var(--color-slate-800);
    }

    .hover\:bg-teal-100:hover {
      background-color: var(--color-teal-100);
    }

    .hover\:bg-white\/15:hover {
      background-color: #ffffff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/15:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }

    .hover\:text-\[\#58a6ff\]:hover {
      color: #58a6ff;
    }

    .hover\:text-\[\#c9d1d9\]:hover {
      color: #c9d1d9;
    }

    .hover\:text-\[\#e6edf3\]:hover {
      color: #e6edf3;
    }

    .hover\:text-\[\#ff7b72\]:hover {
      color: #ff7b72;
    }

    .hover\:text-red-400:hover {
      color: var(--color-red-400);
    }

    .hover\:text-red-500:hover {
      color: var(--color-red-500);
    }

    .hover\:text-red-600:hover {
      color: var(--color-red-600);
    }

    .hover\:text-rose-300:hover {
      color: var(--color-rose-300);
    }

    .hover\:text-sky-500:hover {
      color: var(--color-sky-500);
    }

    .hover\:text-slate-600:hover {
      color: var(--color-slate-600);
    }

    .hover\:text-slate-700:hover {
      color: var(--color-slate-700);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:decoration-solid:hover {
      text-decoration-style: solid;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  .focus\:border-\[\#58a6ff\]:focus {
    border-color: #58a6ff;
  }

  .focus\:border-\[var\(--color-accent\)\]:focus {
    border-color: var(--color-accent);
  }

  .focus\:border-slate-400:focus {
    border-color: var(--color-slate-400);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  @media (min-width: 40rem) {
    .sm\:h-5 {
      height: calc(var(--spacing) * 5);
    }

    .sm\:w-5 {
      width: calc(var(--spacing) * 5);
    }

    .sm\:py-1 {
      padding-block: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1fr_280px\] {
      grid-template-columns: 1fr 280px;
    }
  }
}

@font-face {
  font-family: PowerlineSymbols;
  src: url("data:font/otf;base64,T1RUTwALAIAAAwAwQ0ZGIOjnmmUAAAWgAAAC4UZGVE1mUJ9fAAAIpAAAABxHREVGAA8AHgAACIQAAAAeT1MvMoweUkIAAAEgAAAAYGNtYXDgugkIAAAELAAAAVJoZWFk+2BitgAAALwAAAA2aGhlYQYaATUAAAD0AAAAJGhtdHgEdABfAAAIwAAAABZtYXhwAAlQAAAAARgAAAAGbmFtZSXO7VgAAAGAAAACqXBvc3T/xgAZAAAFgAAAACAAAQAAAAEAAIn2sWpfDzz1AAsD6AAAAADNHg9oAAAAAM0eD2j/5P9JAiEDuAAAAAgAAgAAAAAAAAABAAADuP9JAFoCBf/k/+QCIQABAAAAAAAAAAAAAAAAAAAAAgAAUAAACQAAAAQCBQH0AAUAAAKKArwAAACMAooCvAAAAeAAMQECAAACAAYJAAAAAAAAAAAAABAAEAAAAAAAAAAAAFBmRWQAwCWI4LMDIP84AFoDuAC3AAAAAQAAAAAAAAAAACAAIAABAAAADgCuAAEAAAAAAAAANABqAAEAAAAAAAEAEADBAAEAAAAAAAIABgDgAAEAAAAAAAMAKAE5AAEAAAAAAAQAEAGEAAEAAAAAAAUAEAG3AAEAAAAAAAYAEAHqAAMAAQQJAAAAaAAAAAMAAQQJAAEAIACfAAMAAQQJAAIADADSAAMAAQQJAAMAUADnAAMAAQQJAAQAIAFiAAMAAQQJAAUAIAGVAAMAAQQJAAYAIAHIAEMAcgBlAGEAdABlAGQAIAB3AGkAdABoACAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgACgAaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGYAbwByAGcAZQAuAHMAZgAuAG4AZQB0ACkAAENyZWF0ZWQgd2l0aCBGb250Rm9yZ2UgMi4wIChodHRwOi8vZm9udGZvcmdlLnNmLm5ldCkAAFAAbwB3AGUAcgBsAGkAbgBlAFMAeQBtAGIAbwBsAHMAAFBvd2VybGluZVN5bWJvbHMAAE0AZQBkAGkAdQBtAABNZWRpdW0AAEYAbwBuAHQARgBvAHIAZwBlACAAOgAgAFAAbwB3AGUAcgBsAGkAbgBlAFMAeQBtAGIAbwBsAHMAIAA6ACAAMQA3AC0AMQAtADIAMAAxADMAAEZvbnRGb3JnZSA6IFBvd2VybGluZVN5bWJvbHMgOiAxNy0xLTIwMTMAAFAAbwB3AGUAcgBsAGkAbgBlAFMAeQBtAGIAbwBsAHMAAFBvd2VybGluZVN5bWJvbHMAAFYAZQByAHMAaQBvAG4AIAAwADAAMQAuADAAMAAwACAAAFZlcnNpb24gMDAxLjAwMCAAAFAAbwB3AGUAcgBsAGkAbgBlAFMAeQBtAGIAbwBsAHMAAFBvd2VybGluZVN5bWJvbHMAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEwAAwABAAAAHAAEADAAAAAIAAgAAgAAJYjgouCz//8AACWI4KDgsP//2nkfYh9VAAEAAAAAAAAAAAAAAQYAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAA/8MAGAAAAAEAAAAAAAAAAAAAAAAAAAAAAQAEBAABAQERUG93ZXJsaW5lU3ltYm9scwABAgABAD34DwD4IwH4JAL4JQP4FwSMDAEe5IqCgf8MAx4kpBQfDARv+0v4tfpMBRwBAw8cAAAQHAEUERwAIRwCwBIACwIAAQAGAA0AFAAbACIAKQAwADcAawB7AItibG9ja3VuaUUwQTB1bmlFMEExdW5pRTBBMnVuaUUwQjB1bmlFMEIxdW5pRTBCMnVuaUUwQjNDcmVhdGVkIHdpdGggRm9udEZvcmdlIDIuMCAoaHR0cDovL2ZvbnRmb3JnZS5zZi5uZXQpUG93ZXJsaW5lU3ltYm9sc1Bvd2VybGluZVN5bWJvbHMAAAABhwGIAYkBigGLAYwBjQGOAAkCAAEAFgAjAIcAuQFMAVkBcQGAAZa9Fvg1+Kn8NQa9/HcV+EX30fxFBw76TAQc+5H4mhwEbwcO92T7RhX3fweLtJKrmKKWoKCeqZ8IsKQFrqKlp5ysnKyUvIvJCPdQ8Qf7Ivc7+yP7O/GLi/s1BYthhWl+cX5xd3RueAhAWwVmc3ByeXFxZn5bi1EI+38H9xv41hX4vPsb/RMHDvfq+GoV+0D4C0D8S/eLBo5jFYs+lftl+w33sjuLi/xL14uL6oL3UvcM+7Hci4v4SwUO9xUW95cGuaKiuR/35Ae8d6RkHvcpB4u4fbBwqXGnaplki2SLan1xb3BtfWaLXgj7KQdkd3JaH/vkB12hdLke9xb5YxWhi5yCmHuYe5J1i28I+yn7JPcpB4unkaGYm5ibnZShiwim/PAVVPcyBnWWgJ2LpIuckZmXl5eXmZGci5yLmYWXf5d/kH2LeotygHl1gAgO+kwEixz7kfia+MwFDm/6CRX4W/yI/Fv8iLpc+If4t/yH+LYFDvia+0sVixwEb/ya/MsFDuX4FRX4W/iIXbn8h/y2+If8t7m6BQ74mRSLFYsMCssKyoymowwM+JoLzpOMjI/BjYyrjPfvDA0AAAAAAQAAAAAAAAAOABYAAAAEAAAAAgAAAAEAAAABAAAAAAAAAAEAAAAAzD2izwAAAADM9O01AAAAAM0eD1oCBQAAAgUAAABJAF8APQAA/+QAAAAAAAA=") format("opentype");
  font-display: swap;
}

:root {
  --cove-canvas-dot: #c8cdd4;
  --canvas-mobile-safe-top: 0px;
  --canvas-mobile-safe-right: 0px;
  --canvas-mobile-safe-bottom: 0px;
  --canvas-mobile-safe-left: 0px;
}

html.theme-dark {
  --color-canvas-bg: #0d1117;
  --color-canvas-grid: #21262d;
  --color-panel: #161b22;
  --color-border: #30363d;
  --color-text: #e6edf3;
  --color-text-dim: #8b949e;
  --color-accent: #58a6ff;
  --color-surface-subtle: #22272e;
  --color-accent-soft: #58a6ff2e;
  --cove-canvas-dot: #30363d;
  --cove-surface: #1c2128;
  --cove-surface-strong: #161b22;
  --cove-surface-hover: #2d333b;
  --cove-field: #22272e;
  --cove-border: #444c56;
  --cove-border-subtle: #30363d;
  --cove-text: #adbac7;
  --cove-text-muted: #768390;
  --cove-text-faint: #636e7b;
  --cove-node-bg: #161b22;
  --cove-node-border: #30363d;
  --cove-shadow-color-panel: #00000073;
  color-scheme: dark;
}

html.theme-dark body {
  color: #e6edf3;
  background: #0d1117;
}

html.theme-dark .bg-white {
  background: #161b22 !important;
}

html.theme-dark .bg-slate-50 {
  background: #0d1117 !important;
}

html.theme-dark .bg-slate-100 {
  background: #1c2128 !important;
}

html.theme-dark .bg-slate-200 {
  background: #22272e !important;
}

html.theme-dark .border-slate-200, html.theme-dark .border-slate-100, html.theme-dark .border-slate-300 {
  border-color: #30363d !important;
}

html.theme-dark .text-slate-800, html.theme-dark .text-slate-700 {
  color: #e6edf3 !important;
}

html.theme-dark .text-slate-600 {
  color: #b1bac4 !important;
}

html.theme-dark .text-slate-500 {
  color: #8b949e !important;
}

html.theme-dark .text-slate-400 {
  color: #6e7681 !important;
}

html.theme-dark .text-slate-300 {
  color: #adbac7 !important;
}

html.theme-dark .hover\:bg-slate-100:hover {
  background: #21262d !important;
}

html.theme-dark .hover\:bg-slate-50:hover {
  background: #1c2128 !important;
}

html.theme-dark .hover\:bg-slate-200:hover {
  background: #2d333b !important;
}

html.theme-dark .bg-blue-50 {
  background: #0d2035 !important;
}

html.theme-dark .hover\:text-slate-600:hover, html.theme-dark .hover\:text-slate-700:hover {
  color: #e6edf3 !important;
}

html.theme-dark input, html.theme-dark textarea, html.theme-dark select {
  color: #e6edf3;
  background: #0d1117;
  border-color: #30363d;
}

html.theme-dark input::placeholder, html.theme-dark textarea::placeholder {
  color: #6e7681;
}

html.theme-dark .react-flow__background {
  background: #0d1117;
}

html.theme-dark .react-flow__minimap {
  background: #161b22;
}

html.theme-dark [role="dialog"] {
  color: #e6edf3;
  background: #161b22 !important;
}

html.theme-dark [role="dialog"] input {
  color: #e6edf3 !important;
  background: #0d1117 !important;
}

html.theme-dark [role="listbox"] li[aria-selected="true"] {
  background: #1c2128 !important;
  border-left-color: #58a6ff !important;
}

html.theme-dark [data-context-menu] {
  background: #161b22 !important;
  border-color: #30363d !important;
}

html.theme-dark .canvas-node-shell {
  border-color: #30363d;
}

html.theme-dark .canvas-node-shell textarea {
  color: #e6edf3 !important;
}

html.theme-dark .canvas-node-shell textarea::placeholder {
  color: #6e7681 !important;
}

html.theme-dark .canvas-node-shell .shadow-lg {
  background: #161b22 !important;
  border-color: #30363d !important;
}

html.theme-dark ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html.theme-dark ::-webkit-scrollbar-track {
  background: #0d1117;
}

html.theme-dark ::-webkit-scrollbar-thumb {
  background: #30363d;
  border-radius: 4px;
}

html.theme-dark ::-webkit-scrollbar-thumb:hover {
  background: #484f58;
}

html.theme-dark .bg-emerald-50 {
  background: #0d2818 !important;
}

html.theme-dark .text-emerald-700 {
  color: #3fb950 !important;
}

html.theme-dark .bg-red-50 {
  background: #2d0b0b !important;
}

html.theme-dark .text-red-600 {
  color: #f85149 !important;
}

html.theme-dark .group\/sess {
  background: #1c2128 !important;
  border-color: #30363d !important;
}

html.theme-dark .group\/sess:hover {
  border-color: #484f58 !important;
}

html.theme-dark .group\/sess .text-slate-800 {
  color: #e6edf3 !important;
}

.coding-shell {
  background: var(--color-canvas-bg);
  height: 100vh;
  min-height: 0;
  color: var(--color-text);
  grid-template-columns: 280px minmax(0, 1fr);
  display: grid;
}

.coding-shell--with-files {
  grid-template-columns: 280px minmax(0, 1fr) 340px;
}

.coding-sidebar, .coding-file-panel {
  background: var(--color-panel);
  border-color: var(--color-border);
  min-height: 0;
}

.coding-sidebar {
  border-right: 1px solid var(--color-border);
  flex-direction: column;
  display: flex;
}

.coding-sidebar-toggle, .coding-sidebar-backdrop {
  display: none;
}

.coding-brand, .coding-main-header, .coding-file-header {
  border-bottom: 1px solid var(--color-border);
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 10px 12px;
  display: flex;
}

.coding-brand-title, .coding-main-title, .coding-file-title {
  font-weight: 650;
  line-height: 1.2;
}

.coding-brand-subtitle, .coding-main-subtitle, .coding-file-path, .coding-session-meta {
  color: var(--color-text-dim);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.35;
  overflow: hidden;
}

.coding-sidebar-section {
  border-bottom: 1px solid var(--color-border);
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  display: flex;
}

.coding-label {
  color: var(--color-text-dim);
  font-size: 12px;
}

.coding-sidebar-section-head {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin-bottom: 6px;
  display: flex;
}

.coding-mini-action {
  color: var(--color-text-dim);
  border: 1px solid var(--color-border);
  cursor: pointer;
  background: none;
  border-radius: 6px;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: 11px;
  line-height: 1;
  transition: background-color .12s, color .12s, border-color .12s;
  display: inline-flex;
}

.coding-mini-action:hover {
  background: var(--color-surface-2, #21262d);
  color: var(--color-text, #e6edf3);
  border-color: var(--color-border-strong, #484f58);
}

.coding-workspace-select {
  align-items: center;
  width: 100%;
  min-width: 0;
  display: flex;
  position: relative;
}

.coding-workspace-select select {
  appearance: none;
  border: 1px solid var(--cove-border-subtle, var(--color-border));
  background: linear-gradient(180deg, #ffffff09, #fff0), var(--cove-field, var(--color-panel));
  width: 100%;
  min-width: 0;
  height: 36px;
  color: var(--color-text);
  cursor: pointer;
  font: inherit;
  text-overflow: ellipsis;
  border-radius: 8px;
  outline: none;
  padding: 0 38px 0 10px;
  font-size: 13px;
  font-weight: 560;
  line-height: 1.2;
  transition: border-color .12s, background-color .12s, box-shadow .12s;
}

.coding-workspace-select select:hover {
  border-color: var(--cove-border, var(--color-border));
  background-color: var(--color-surface-subtle);
}

.coding-workspace-select select:focus {
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px var(--color-accent-soft);
}

.coding-workspace-select-chevron {
  pointer-events: none;
  border-right: 1.5px solid var(--color-text-dim);
  border-bottom: 1.5px solid var(--color-text-dim);
  opacity: .85;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 12px;
  transform: translateY(-2px) rotate(45deg);
}

.coding-session-list {
  flex: 1;
  min-height: 0;
  padding: 8px;
  overflow: auto;
}

.session-activity-filter {
  align-items: center;
  gap: 8px;
  display: flex;
  position: relative;
}

.coding-session-filter {
  margin: 0 0 8px;
  padding: 2px 0;
}

.session-activity-filter__label {
  color: var(--color-text-dim);
  flex: none;
  font-size: 12px;
}

.session-activity-filter__trigger {
  min-width: 0;
  height: 26px;
  color: var(--color-text);
  cursor: pointer;
  text-align: left;
  background: none;
  border: 1px solid #0000;
  border-radius: 6px;
  outline: none;
  flex: auto;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 0 6px;
  font-size: 12px;
  display: inline-flex;
}

.session-activity-filter__trigger:hover, .session-activity-filter__trigger:focus {
  border-color: var(--color-accent);
  background: var(--color-surface-subtle);
}

.session-activity-filter__count, .session-activity-filter__chevron {
  color: inherit;
  font-variant-numeric: tabular-nums;
  opacity: .62;
}

.session-activity-filter__chevron {
  margin-left: auto;
  font-size: 12px;
  line-height: 1;
}

.session-activity-filter__menu {
  z-index: 50;
  border: 1px solid var(--color-border);
  background: var(--color-panel);
  border-radius: 8px;
  min-width: 132px;
  padding: 4px;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  box-shadow: 0 10px 28px #0000002e;
}

.session-activity-filter__option {
  width: 100%;
  color: var(--color-text-dim);
  cursor: pointer;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 6px 7px;
  font-size: 12px;
  display: flex;
}

.session-activity-filter__option:hover, .session-activity-filter__option.is-active {
  background: var(--color-surface-subtle);
  color: var(--color-text);
}

.sidebar-session-filter {
  height: 28px;
}

.sidebar-session-filter .session-activity-filter__label {
  color: var(--cove-text-faint, #636e7b);
  font-size: 11px;
}

.sidebar-session-filter .session-activity-filter__trigger {
  height: 26px;
  color: var(--cove-text-muted, #768390);
  background: none;
  border-color: #0000;
}

.sidebar-session-filter .session-activity-filter__trigger:hover, .sidebar-session-filter .session-activity-filter__trigger:focus {
  border-color: var(--cove-border-subtle, #30363d);
  background: var(--cove-surface-hover, #2d333b);
  color: var(--cove-text, #adbac7);
}

.sidebar-session-filter .session-activity-filter__menu {
  border-color: var(--cove-border-subtle, #30363d);
  background: var(--cove-field, #22272e);
  box-shadow: 0 12px 32px #00000052;
}

.sidebar-session-filter .session-activity-filter__option {
  color: var(--cove-text-muted, #768390);
}

.sidebar-session-filter .session-activity-filter__option:hover, .sidebar-session-filter .session-activity-filter__option.is-active {
  background: var(--cove-surface-hover, #2d333b);
  color: var(--cove-text, #adbac7);
}

.coding-session-card {
  width: 100%;
  color: inherit;
  text-align: left;
  background: none;
  border: 1px solid #0000;
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  margin-bottom: 6px;
  padding: 9px;
  display: grid;
}

.coding-session-card:hover {
  background: var(--color-surface-subtle);
}

.coding-session-card-active {
  border-color: var(--color-accent);
  background: var(--color-accent-soft);
}

.coding-session-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-weight: 600;
  overflow: hidden;
}

.coding-session-meta {
  grid-column: 1 / -1;
}

.coding-status {
  width: max-content;
  color: var(--color-text-dim);
  background: #6b728029;
  border-radius: 999px;
  align-items: center;
  padding: 4px 7px;
  font-size: 11px;
  line-height: 1;
  display: inline-flex;
}

.coding-status--busy {
  color: #d29922;
  background: #d2992229;
}

.coding-status--waiting {
  color: #f85149;
  background: #f8514924;
}

.coding-status--completed {
  color: #58a6ff;
  background: #58a6ff29;
}

.coding-status--idle {
  color: #3fb950;
  background: #3fb95024;
}

.coding-main {
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  display: flex;
  position: relative;
}

.coding-main-header {
  background: var(--color-panel);
}

.coding-main-heading {
  flex: auto;
  min-width: 0;
}

.coding-main-actions {
  flex: none;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.coding-view-mode {
  border: 1px solid var(--color-border);
  background: var(--color-surface-subtle);
  border-radius: 8px;
  align-items: center;
  gap: 2px;
  padding: 2px;
  display: inline-flex;
}

.coding-view-mode button {
  min-height: 24px;
  color: var(--color-text-dim);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 0 8px;
  font-size: 11px;
  line-height: 1;
}

.coding-view-mode button:hover {
  color: var(--color-text);
}

.coding-view-mode button.active {
  background: var(--color-panel);
  color: var(--color-text);
  box-shadow: 0 1px 3px #00000029;
}

.coding-live {
  border: 1px solid var(--color-border);
  color: var(--color-text-dim);
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  font-size: 11px;
  display: inline-flex;
}

.coding-live:before {
  content: "";
  background: var(--color-text-dim);
  border-radius: 999px;
  width: 6px;
  height: 6px;
}

.coding-live--on:before {
  background: #3fb950;
}

.coding-reader-meta {
  border-bottom: 1px solid var(--color-border);
  background: var(--color-panel);
  min-height: 26px;
  color: var(--color-text-dim);
  align-items: center;
  gap: 8px;
  padding: 4px 12px;
  font-size: 11px;
  display: flex;
}

.coding-reader {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #484f58 #0d1117;
  color: #c9d1d9;
  min-height: 0;
  padding: 12px 14px calc(var(--coding-composer-h, 68px) + 12px);
  scroll-padding-bottom: calc(var(--coding-composer-h, 68px) + 18px);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, Liberation Mono, monospace;
  font-size: calc(var(--app-font-size, 13px) * .95);
  background: #0d1117;
  flex: 1;
  overflow: auto;
}

.coding-terminal {
  min-height: 0;
  padding: 8px 8px calc(var(--coding-composer-h, 68px) + 8px);
  background: #0d1117;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.coding-terminal--drag-over .coding-terminal-host {
  border-color: #58a6ff;
  box-shadow: inset 0 0 0 1px #58a6ffa6;
}

.coding-terminal-host {
  box-sizing: border-box;
  overscroll-behavior: contain;
  touch-action: none;
  background: #0d1117;
  border: 1px solid #21262d;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 6px;
  overflow: hidden;
}

.coding-terminal-host .xterm {
  touch-action: none;
  height: 100%;
}

.coding-terminal-uploading {
  z-index: 5;
  color: #79c0ff;
  background: #0d1117eb;
  border: 1px solid #58a6ff59;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: 18px;
  right: 18px;
  box-shadow: 0 12px 28px #0000003d;
}

.coding-terminal-error {
  z-index: 4;
  background: #0d1117eb;
  border: 1px solid #f8514947;
  border-radius: 8px;
  max-width: min(520px, 100% - 32px);
  position: absolute;
  top: 82px;
  right: 16px;
  box-shadow: 0 12px 30px #00000038;
}

.canvas-auth-waiting {
  color: #e6edf3;
  background: #0d1117;
  place-items: center;
  min-height: 100vh;
  padding: 24px;
  display: grid;
}

.canvas-auth-waiting-card {
  background: #161b22;
  border: 1px solid #30363d;
  border-radius: 8px;
  width: min(360px, 100%);
  padding: 20px;
  box-shadow: 0 18px 48px #00000047;
}

.canvas-auth-waiting-title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 650;
}

.canvas-auth-waiting-text {
  color: #8b949e;
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 1.5;
}

.canvas-auth-waiting button {
  color: #fff;
  background: #1f6feb;
  border: 1px solid #388bfd;
  border-radius: 6px;
  min-height: 40px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 600;
}

.coding-reader-line {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  min-height: 1.35em;
  line-height: 1.35;
}

.coding-reader-hint, .coding-reader-error, .coding-sidebar-hint, .coding-sidebar-error, .coding-panel-error, .coding-file-empty {
  color: var(--color-text-dim);
  padding: 12px;
  font-size: 12px;
}

.coding-reader-error, .coding-sidebar-error, .coding-panel-error {
  color: #f85149;
}

.coding-composer {
  z-index: 3;
  border: 1px solid var(--color-border);
  background: #fffffff0;
  border-radius: 10px;
  display: block;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

@supports (color: color-mix(in lab, red, red)) {
  .coding-composer {
    background: color-mix(in srgb, var(--color-panel) 94%, transparent);
  }
}

.coding-composer {
  padding: 10px;
  box-shadow: 0 12px 34px #00000038;
}

.coding-composer-main {
  gap: 8px;
  display: grid;
}

.coding-composer textarea {
  resize: vertical;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  outline: none;
  width: 100%;
  min-height: 44px;
  max-height: 140px;
  padding: 9px 10px;
  overflow: auto;
}

.coding-composer-bottom, .coding-composer-strip, .coding-file-toolbar {
  align-items: center;
  gap: 6px;
  display: flex;
}

.coding-composer-bottom {
  justify-content: space-between;
}

.coding-composer-strip {
  min-width: 0;
}

.coding-composer-actions {
  display: contents;
}

.coding-send-icon {
  border-color: var(--color-accent);
  background: var(--color-accent);
  color: #fff;
}

.coding-btn, .coding-icon-btn, .coding-view-back, .coding-file-action {
  border: 1px solid var(--color-border);
  background: var(--color-panel);
  color: inherit;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 6px 9px;
  text-decoration: none;
  display: inline-flex;
}

.coding-icon-btn, .coding-file-action {
  width: 32px;
  padding: 0;
}

.coding-icon-btn.active {
  border-color: var(--color-accent);
  background: var(--color-accent-soft);
  color: var(--color-accent);
}

.coding-tail-jump {
  right: 18px;
  bottom: calc(var(--coding-composer-h, 68px) + 20px);
  z-index: 4;
  border: 1px solid var(--color-border);
  background: var(--color-panel);
  color: inherit;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  font-size: 12px;
  display: inline-flex;
  position: absolute;
  box-shadow: 0 10px 24px #0000003d;
}

.coding-quick-popover {
  z-index: 5;
  border: 1px solid var(--color-border);
  background: #fafafa;
  border-radius: 12px;
  gap: 10px;
  max-height: min(40vh, 310px);
  display: grid;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 0;
  right: 0;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .coding-quick-popover {
    background: color-mix(in srgb, var(--color-panel) 98%, black);
  }
}

.coding-quick-popover {
  padding: 12px;
  box-shadow: 0 16px 36px #0000004d;
}

.coding-quick-preview {
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.coding-quick-title {
  color: var(--color-text);
  font-size: 15px;
  font-weight: 650;
  line-height: 1.25;
}

.coding-quick-subtitle {
  color: var(--color-text-dim);
  font-size: 11px;
  line-height: 1.45;
}

.coding-keypad-grid, .coding-quick-list {
  min-height: 0;
  overflow: auto;
}

.coding-keypad-grid {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.coding-keypad-grid button, .coding-quick-add-toggle, .coding-quick-cmd {
  border: 1px solid var(--color-border);
  background: var(--color-panel);
  color: inherit;
  border-radius: 9px;
}

.coding-keypad-grid button {
  min-height: 34px;
  padding: 7px 10px;
}

.coding-keypad-grid button:hover, .coding-quick-add-toggle:hover, .coding-quick-cmd:hover {
  background: var(--color-surface-subtle);
}

.coding-quick-add-toggle {
  align-items: center;
  gap: 6px;
  width: max-content;
  min-height: 30px;
  padding: 5px 8px;
  display: inline-flex;
}

.coding-quick-add-form {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr) auto;
  gap: 6px;
  display: grid;
}

.coding-quick-add-form input {
  border: 1px solid var(--color-border);
  background: var(--color-panel);
  min-width: 0;
  color: inherit;
  border-radius: 8px;
  outline: none;
  padding: 7px 9px;
}

.coding-quick-list {
  gap: 5px;
  display: grid;
}

.coding-quick-cmd {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 38px;
  padding: 8px 10px;
  display: flex;
}

.coding-quick-cmd-main {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.coding-quick-cmd-title {
  min-width: 0;
  color: var(--color-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 42%;
  font-size: 12px;
  font-weight: 650;
  overflow: hidden;
}

.coding-quick-cmd-preview {
  min-width: 0;
  color: var(--color-text-dim);
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 10px;
  overflow: hidden;
}

.coding-quick-delete {
  color: var(--color-text-dim);
  cursor: pointer;
  padding: 2px 4px;
  font-size: 14px;
}

.coding-view-back {
  white-space: nowrap;
  flex-shrink: 0;
  padding: 6px 10px;
}

.coding-btn:hover, .coding-icon-btn:hover, .coding-view-back:hover, .coding-file-action:hover {
  background: var(--color-surface-subtle);
}

.coding-btn-primary {
  border-color: var(--color-accent);
  background: var(--color-accent);
  color: #fff;
}

.coding-btn-primary:hover {
  opacity: .92;
}

.coding-btn:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.coding-empty {
  min-height: 0;
  color: var(--color-text-dim);
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px;
  display: flex;
}

.coding-empty h2 {
  color: var(--color-text);
  margin: 0;
  font-size: 18px;
}

.coding-empty p {
  margin: 0;
}

.coding-file-panel {
  border-left: 1px solid var(--color-border);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.coding-file-browser {
  border-bottom: 1px solid var(--color-border);
  min-height: 180px;
  max-height: 46%;
}

.coding-file-toolbar {
  border-bottom: 1px solid var(--color-border);
  flex-wrap: wrap;
  padding: 8px;
}

.coding-file-list {
  border-bottom: 1px solid var(--color-border);
  min-height: 150px;
  max-height: 42%;
  padding: 6px;
  overflow: auto;
}

.coding-file-row {
  border-radius: 7px;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  align-items: center;
  gap: 4px;
  display: grid;
}

.coding-file-row:hover, .coding-file-row-active {
  background: var(--color-surface-subtle);
}

.coding-file-open {
  min-width: 0;
  color: inherit;
  text-align: left;
  background: none;
  border: 0;
  align-items: center;
  gap: 7px;
  padding: 7px 8px;
  display: flex;
}

.coding-file-open span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.coding-file-action {
  width: 26px;
  min-height: 26px;
  color: var(--color-text-dim);
  background: none;
  border-color: #0000;
}

.coding-file-action.danger:hover {
  color: #f85149;
}

.coding-file-preview {
  flex: 1;
  min-height: 0;
  padding: 10px;
  overflow: auto;
}

.coding-file-preview img {
  object-fit: contain;
  border-radius: 6px;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  display: block;
}

.coding-file-preview pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}

.coding-file-toggle {
  z-index: 20;
  border: 1px solid var(--color-border);
  background: var(--color-panel);
  width: 34px;
  height: 34px;
  color: inherit;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 12px;
  right: 12px;
}

@media (max-width: 980px) {
  .coding-shell, .coding-shell--with-files {
    grid-template-columns: 240px minmax(0, 1fr);
  }

  .coding-file-panel {
    z-index: 30;
    width: min(360px, 92vw);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    box-shadow: -18px 0 48px #00000038;
  }

  .coding-file-toggle {
    display: inline-flex;
  }
}

@media (max-width: 760px) {
  .coding-main-header {
    flex-wrap: nowrap;
    align-items: center;
    gap: 7px;
    min-height: 50px;
    padding: 8px 44px 8px 10px;
  }

  .coding-main-actions {
    gap: 4px;
    margin-left: auto;
  }

  .coding-view-mode {
    gap: 1px;
    padding: 1px;
  }

  .coding-view-mode button {
    min-height: 24px;
    padding: 0 6px;
  }

  .coding-status {
    white-space: nowrap;
    border-radius: 999px;
    justify-content: center;
    min-width: 0;
    height: 24px;
    padding: 0 8px;
    font-size: 11px;
    line-height: 1;
  }

  .coding-live {
    background: none;
    border: 0;
    width: 18px;
    min-width: 18px;
    height: 24px;
    padding: 0;
    font-size: 0;
  }

  .coding-live:before {
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 3px #3fb9501f;
  }

  .coding-main-actions .coding-icon-btn {
    background: none;
    border-radius: 8px;
    width: 28px;
    height: 28px;
    min-height: 28px;
    padding: 0;
  }

  .coding-file-toggle {
    background: #161b22b8;
    border-radius: 8px;
    width: 30px;
    height: 30px;
    min-height: 30px;
    padding: 0;
    top: 10px;
    right: 8px;
  }

  .coding-reader-meta {
    min-height: 22px;
    padding: 3px 10px;
  }

  .coding-reader {
    padding: 10px 10px calc(var(--coding-composer-h, 64px) + 10px);
    font-size: calc(var(--app-font-size, 13px) * .9);
  }

  .coding-terminal {
    padding: 6px 6px calc(var(--coding-composer-h, 64px) + 8px);
  }

  .coding-terminal-host {
    border-radius: 7px;
  }

  .coding-composer {
    padding: 8px;
    bottom: 8px;
    left: 8px;
    right: 8px;
  }

  .coding-composer textarea {
    min-height: 40px;
    padding: 8px 9px;
  }
}

@media (max-width: 680px) {
  .coding-shell, .coding-shell--with-files {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .coding-sidebar {
    z-index: 26;
    border-right: 1px solid var(--color-border);
    border-bottom: 0;
    width: 34px;
    position: relative;
    overflow: hidden;
  }

  .coding-sidebar--open {
    width: min(284px, 82vw);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    box-shadow: 18px 0 48px #00000042;
  }

  .coding-sidebar--open .coding-brand {
    gap: 8px;
    min-height: 50px;
    padding: 8px 10px 8px 44px;
  }

  .coding-sidebar--open .coding-brand-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 126px;
    font-size: 16px;
    line-height: 1.15;
    overflow: hidden;
  }

  .coding-sidebar--open .coding-brand-subtitle {
    max-width: 126px;
  }

  .coding-sidebar--open .coding-view-back {
    border-radius: 8px;
    width: 30px;
    height: 30px;
    min-height: 30px;
    margin-left: auto;
    padding: 0;
  }

  .coding-sidebar--open .coding-view-back span {
    display: none;
  }

  .coding-sidebar:not(.coding-sidebar--open) .coding-brand, .coding-sidebar:not(.coding-sidebar--open) .coding-sidebar-section, .coding-sidebar:not(.coding-sidebar--open) .coding-session-list {
    visibility: hidden;
    pointer-events: none;
  }

  .coding-sidebar-toggle {
    z-index: 28;
    border: 1px solid var(--color-border);
    background: var(--color-panel);
    width: 26px;
    height: 26px;
    color: inherit;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: fixed;
    top: 8px;
    left: 4px;
  }

  .coding-sidebar-toggle--open {
    z-index: 31;
    background: none;
    border-radius: 8px;
    width: 30px;
    height: 30px;
    left: 8px;
  }

  .coding-sidebar-backdrop {
    z-index: 25;
    background: #00000047;
    border: 0;
    display: block;
    position: fixed;
    inset: 0;
  }

  .coding-sidebar:not(.coding-sidebar--open) + .coding-main .coding-main-header {
    padding-left: 10px;
  }

  .coding-main-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 38vw;
    overflow: hidden;
  }

  .coding-composer {
    border-radius: 9px;
  }

  .coding-quick-popover {
    max-height: min(48vh, 330px);
    padding: 10px;
  }

  .coding-quick-add-form {
    grid-template-columns: 1fr;
  }

  .coding-quick-cmd-main {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }

  .coding-quick-cmd-title, .coding-quick-cmd-preview {
    text-align: left;
    flex-basis: auto;
    width: 100%;
  }

  .coding-tail-jump {
    right: 14px;
    bottom: calc(var(--coding-composer-h, 92px) + 16px);
  }
}

html, body, #root {
  height: 100%;
  margin: 0;
}

body {
  font-family: -apple-system, Segoe UI, PingFang SC, Microsoft YaHei, sans-serif;
  font-size: var(--app-font-size, 13px);
  background: var(--color-canvas-bg);
  color: var(--color-text);
}

.text-\[10px\] {
  font-size: calc(var(--app-font-size, 13px) * .77) !important;
}

.text-\[11px\] {
  font-size: calc(var(--app-font-size, 13px) * .85) !important;
}

.text-xs {
  font-size: calc(var(--app-font-size, 13px) * .92) !important;
}

.text-sm {
  font-size: var(--app-font-size, 13px) !important;
}

.text-base {
  font-size: calc(var(--app-font-size, 13px) * 1.15) !important;
}

.canvas-root {
  width: 100%;
  height: 100%;
}

.canvas-node-shell {
  background: var(--color-panel);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px #0000000f;
}

html.theme-dark .canvas-node-shell {
  box-shadow: 0 2px 10px #0000004d;
}

.react-flow .react-flow__handle {
  border-radius: 50%;
  transition: transform .15s, background .15s;
  border: 2px solid var(--color-accent, #2d6cdf) !important;
  background: var(--cove-canvas-bg, #0d1117) !important;
  z-index: 10 !important;
  width: 10px !important;
  height: 10px !important;
}

.react-flow .react-flow__handle:before {
  content: "";
  border-radius: 50%;
  position: absolute;
  inset: -10px;
}

.react-flow .react-flow__handle:hover {
  margin-top: -2px;
  margin-left: -2px;
  background: var(--color-accent, #2d6cdf) !important;
  width: 14px !important;
  height: 14px !important;
}

.react-flow.space-pressed {
  cursor: grab !important;
}

.react-flow.space-pressed:active {
  cursor: grabbing !important;
}

.rf-panning .react-flow__node * {
  animation-play-state: paused !important;
}

.rf-panning .xterm-cursor, .rf-panning .xterm-cursor-layer, .rf-panning .xterm-text-layer {
  animation: none !important;
}

.xterm .xterm-viewport {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #484f58 transparent;
  overflow-y: scroll !important;
}

.xterm .xterm-viewport::-webkit-scrollbar {
  width: 10px;
}

.xterm .xterm-viewport::-webkit-scrollbar-track {
  background: none;
}

.xterm .xterm-viewport::-webkit-scrollbar-thumb {
  background: #30363d;
  border-radius: 4px;
  min-height: 24px;
}

.xterm .xterm-viewport::-webkit-scrollbar-thumb:hover {
  background: #484f58;
}

.xterm .xterm-scrollable-element > .scrollbar.vertical {
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: opacity .1s linear !important;
}

.xterm .xterm-scrollable-element > .scrollbar.vertical:before {
  content: "";
  background: #0d111747;
  border-left: 1px solid #30363d8c;
  position: absolute;
  inset: 0;
}

.xterm .xterm-scrollable-element > .scrollbar.vertical > .slider {
  border-radius: 4px;
  min-height: 24px;
}

.xterm .xterm-scrollable-element > .scrollbar.vertical > .slider:hover {
  background: #6e7681e0 !important;
}

.xterm .xterm-scrollable-element > .scrollbar.vertical > .slider.active {
  background: #58a6ffb8 !important;
}

.terminal-zellij-scrollbar {
  z-index: 10004;
  cursor: default;
  touch-action: none;
  opacity: .74;
  width: 12px;
  transition: opacity .12s;
  position: fixed;
}

.terminal-zellij-scrollbar:hover, .terminal-zellij-scrollbar--dragging {
  opacity: 1;
}

.terminal-zellij-scrollbar--disabled {
  opacity: .34;
  pointer-events: none;
}

.terminal-zellij-scrollbar__track {
  background: #0d11175c;
  border-left: 1px solid #30363db8;
  position: absolute;
  inset: 0 3px;
}

.terminal-zellij-scrollbar__thumb {
  background: #484f58;
  border: 1px solid #0d1117d1;
  border-radius: 999px;
  width: 8px;
  height: 44px;
  min-height: 28px;
  transition: background .12s, box-shadow .12s;
  position: absolute;
  right: 1px;
  box-shadow: 0 0 0 1px #8b949e29;
}

.terminal-zellij-scrollbar:hover .terminal-zellij-scrollbar__thumb, .terminal-zellij-scrollbar--dragging .terminal-zellij-scrollbar__thumb {
  background: #6e7681;
  box-shadow: 0 0 0 1px #58a6ff3d;
}

.terminal-zellij-scrollbar__jump-bottom {
  color: #c9d1d9;
  cursor: pointer;
  z-index: 1;
  background: #0d1117eb;
  border: 1px solid #30363dd1;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 11px;
  line-height: 1;
  display: flex;
  position: absolute;
  bottom: -22px;
  right: -4px;
}

.terminal-zellij-scrollbar__jump-bottom:hover {
  color: #58a6ff;
  background: #21262d;
  border-color: #58a6ff99;
}

.coding-reader::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.coding-reader::-webkit-scrollbar-track {
  background: #0d1117;
}

.coding-reader::-webkit-scrollbar-thumb {
  background: #30363d;
  border: 2px solid #0d1117;
  border-radius: 999px;
}

.coding-reader::-webkit-scrollbar-thumb:hover {
  background: #484f58;
}

.rf-panning iframe {
  content-visibility: hidden;
  contain: strict;
  visibility: hidden;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .35;
  }
}

.markdown-body {
  word-wrap: break-word;
  line-height: 1.55;
}

.markdown-body > :first-child {
  margin-top: 0;
}

.markdown-body > :last-child {
  margin-bottom: 0;
}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
  color: var(--cove-text-primary, #c9d1d9);
  margin: .8em 0 .4em;
  font-weight: 600;
  line-height: 1.25;
}

.markdown-body h1 {
  border-bottom: 1px solid var(--cove-node-border, #30363d);
  padding-bottom: .2em;
  font-size: 1.5em;
}

.markdown-body h2 {
  border-bottom: 1px solid var(--cove-node-border, #30363d);
  padding-bottom: .2em;
  font-size: 1.3em;
}

.markdown-body h3 {
  font-size: 1.15em;
}

.markdown-body h4 {
  font-size: 1em;
}

.markdown-body p {
  margin: .5em 0;
}

.markdown-body a {
  color: var(--color-accent, #58a6ff);
  text-decoration: none;
}

.markdown-body a:hover {
  text-decoration: underline;
}

.markdown-body ul, .markdown-body ol {
  margin: .5em 0;
  padding-left: 1.6em;
}

.markdown-body li, .markdown-body li > p {
  margin: .15em 0;
}

.markdown-body blockquote {
  border-left: 3px solid var(--cove-node-border, #30363d);
  color: var(--cove-text-secondary, #8b949e);
  margin: .5em 0;
  padding: .15em .8em;
}

.markdown-body code {
  background: #6e768140;
  border-radius: 3px;
  padding: .12em .35em;
  font-family: JetBrains Mono, Menlo, monospace;
  font-size: .9em;
}

.markdown-body pre {
  background: #6e76812e;
  border-radius: 6px;
  margin: .6em 0;
  padding: .7em .9em;
  line-height: 1.45;
  overflow-x: auto;
}

.markdown-body pre code {
  background: none;
  padding: 0;
  font-size: .9em;
}

.markdown-body table {
  border-collapse: collapse;
  max-width: 100%;
  margin: .6em 0;
  display: block;
  overflow-x: auto;
}

.markdown-body table th, .markdown-body table td {
  border: 1px solid var(--cove-node-border, #30363d);
  padding: .35em .7em;
}

.markdown-body table th {
  background: #6e768126;
  font-weight: 600;
}

.markdown-body hr {
  border: 0;
  border-top: 1px solid var(--cove-node-border, #30363d);
  margin: .9em 0;
}

.markdown-body img {
  max-width: 100%;
  height: auto;
}

.markdown-body input[type="checkbox"] {
  margin-right: .35em;
}

.app-sidebar {
  background: var(--cove-surface, #1c2128);
  border-right: 1px solid var(--cove-border-subtle, #30363d);
  color: var(--cove-text-muted, #768390);
}

.sidebar-hover:hover {
  background: var(--cove-surface-hover, #2d333b);
}

.app-header {
  border-bottom: 1px solid var(--cove-border-subtle, #30363d);
  background: var(--cove-surface, #1c2128);
  -webkit-backdrop-filter: blur(20px) saturate(130%);
  backdrop-filter: blur(20px) saturate(130%);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  height: 38px;
  padding: 4px 10px;
  display: flex;
}

.app-header__section {
  flex: none;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.app-header__center {
  pointer-events: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.app-header__center > * {
  pointer-events: auto;
}

.app-header__command-center {
  border: 1px solid var(--cove-border-subtle, #30363d);
  background: var(--cove-field, #22272e);
  max-width: min(520px, 100%);
  height: 28px;
  color: var(--cove-text-muted, #768390);
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  transition: background-color .15s, border-color .15s, color .15s;
  display: inline-flex;
}

.app-header__command-center:hover {
  border-color: var(--cove-border, #444c56);
  color: var(--cove-text, #adbac7);
  background: #ffffff0f;
}

.app-header__command-center:active {
  background: #5e9cff1a;
  border-color: #5e9cff59;
}

.app-header__keycap {
  border: 1px solid var(--cove-border-subtle, #30363d);
  background: var(--cove-surface-hover, #2d333b);
  color: var(--cove-text-faint, #636e7b);
  letter-spacing: .2px;
  font-variant-numeric: tabular-nums;
  border-radius: 7px;
  padding: 2px 6px;
  font-size: 11px;
}

.app-header__icon-button {
  width: 28px;
  height: 28px;
  color: var(--cove-text-muted, #768390);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: background-color .15s, color .15s, transform .15s;
  display: inline-flex;
}

.app-header__icon-button:hover {
  background: var(--cove-surface-hover, #2d333b);
  color: var(--cove-text, #adbac7);
}

.app-header__icon-button:active {
  background: var(--cove-field, #22272e);
  transform: translateY(1px);
}

.app-header__icon-button--active {
  color: var(--cove-text, #adbac7);
  background: #5e9cff1f;
}

.app-header__view-switch {
  height: 28px;
  color: var(--cove-text, #adbac7);
  white-space: nowrap;
  background: #5e9cff1a;
  border: 1px solid #5e9cff47;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.app-header__view-switch:hover {
  color: var(--cove-text-primary, #c9d1d9);
  background: #5e9cff2e;
  border-color: #5e9cff6b;
}

@keyframes control-center-in {
  from {
    opacity: 0;
    transform: translateY(-6px) scale(.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.control-center {
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  transform-origin: 100% 0;
  z-index: 9999;
  background: #161b22eb;
  border: 1px solid #ffffff14;
  border-radius: 18px;
  flex-direction: column;
  gap: 14px;
  width: min(430px, 100vw - 24px);
  max-height: calc(100vh - 60px);
  padding: 14px;
  animation: .14s ease-out control-center-in;
  display: flex;
  position: fixed;
  top: 48px;
  right: 12px;
  overflow: hidden auto;
  box-shadow: 0 8px 32px #00000059, 0 34px 90px #00000040;
}

.control-center__title {
  color: var(--cove-text-faint, #636e7b);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.control-center__tiles {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.control-center__actions {
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  display: grid;
}

.control-center-tile {
  min-width: 0;
  color: var(--cove-text, #adbac7);
  cursor: pointer;
  text-align: left;
  background: #ffffff08;
  border: 1px solid #ffffff0f;
  border-radius: 16px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  transition: background-color .15s, border-color .15s, transform .15s;
  display: flex;
}

.control-center-tile:hover {
  background: #ffffff12;
  border-color: #ffffff1f;
}

.control-center-tile:active {
  transform: translateY(1px);
}

.control-center-tile__icon {
  color: #5e9cffd9;
  background: #5e9cff0f;
  border: 1px solid #5e9cff1f;
  border-radius: 12px;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.control-center-tile__emoji {
  font-size: 18px;
  line-height: 1;
}

.control-center-tile__body {
  min-width: 0;
  overflow: hidden;
}

.control-center-tile__label {
  color: #c9d1d9;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.control-center-tile__subtitle {
  color: #636e7b;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.2;
  display: -webkit-box;
  overflow: hidden;
}

.control-center__settings {
  color: #8b949e;
  cursor: pointer;
  background: #ffffff08;
  border: 1px solid #ffffff0f;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 600;
  transition: background-color .15s, border-color .15s, color .15s, transform .15s;
  display: inline-flex;
}

@media (max-width: 520px) {
  .control-center {
    border-radius: 14px;
    gap: 10px;
    width: auto;
    max-height: calc(100vh - 56px);
    padding: 10px;
    top: 46px;
    left: 8px;
    right: 8px;
  }

  .control-center__tiles {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .control-center-tile {
    border-radius: 12px;
    padding: 10px;
  }

  .control-center-tile__icon {
    border-radius: 10px;
    width: 32px;
    height: 32px;
  }
}

.minimap-toggle {
  z-index: 20;
  color: #5e9cffb3;
  cursor: pointer;
  opacity: .6;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #161b22d9;
  border: 1px solid #ffffff1a;
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  transition: opacity .2s, background .15s, color .15s;
  display: grid;
  position: absolute;
  bottom: 14px;
  right: 14px;
}

.minimap-toggle--always {
  opacity: .85;
}

.minimap-toggle:hover {
  color: #5e9cff;
  opacity: 1;
  background: #5e9cff26;
}

.terminal-scrollback-overlay, .terminal-scrollback-overlay * {
  cursor: auto !important;
}

.terminal-scrollback-content, .terminal-scrollback-content * {
  cursor: text !important;
  -webkit-user-select: text !important;
  user-select: text !important;
}

.control-center__settings:hover {
  color: #c9d1d9;
  background: #ffffff12;
  border-color: #ffffff1f;
}

.control-center__settings:active {
  transform: translateY(1px);
}

@media (max-width: 640px) {
  .react-flow__controls, .react-flow__minimap, .minimap-toggle {
    display: none !important;
  }
}

.app-sidebar--collapsed {
  width: 48px;
}

.sidebar-collapsed-btn {
  width: 32px;
  height: 32px;
}

@media (max-width: 640px) {
  .app-sidebar--collapsed {
    width: 34px;
  }

  .sidebar-collapsed-btn {
    width: 26px;
    height: 26px;
    font-size: 10px;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}