@property --color-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #0f172a;
}
@property --color-text {
  syntax: "<color>";
  inherits: true;
  initial-value: #f8fafc;
}
@property --color-panel {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e293b;
}
@property --color-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: #06b6d4;
}
@property --color-border {
  syntax: "<color>";
  inherits: true;
  initial-value: #334155;
}
@property --color-canvas {
  syntax: "<color>";
  inherits: true;
  initial-value: #1e293b;
}
@property --color-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: #6366f1;
}
@property --color-text-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: #94a3b8;
}
@property --color-panel-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: #334155;
}
@property --color-primary-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: #4f46e5;
}

  :host, :root {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
    }
  [data-nc-theme~="Dark"] {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
[data-nc-theme~="Light"] {
  --color-bg: #0f172a;
  --color-text: #f8fafc;
  --color-panel: #1e293b;
  --color-accent: #06b6d4;
  --color-border: #334155;
  --color-canvas: #1e293b;
  --color-primary: #6366f1;
  --color-text-muted: #94a3b8;
  --color-panel-subtle: #334155;
  --color-primary-hover: #4f46e5;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-instrument-serif: 'Instrument Serif',serif;
--font-inter: 'Inter',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .cFlMMR {
      flex:1;
      color:#cbd5e1;
      border:1px solid #334155;
      cursor:pointer;
      display:inline-block;
      padding:6px;
      font-size:11px;
      background:#1e293b;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .cFlMMR:hover {
      color:#ffffff;
      background:#334155;
    }

    .dLnAyO {
      color:#f1f5f9;
      height:100vh;
      display:flex;
      overflow:hidden;
      font-size:inherit;
      background:#090d16;
      min-height:100vh;
      font-family:"Inter",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      font-weight:inherit;
      flex-direction:column;
    }

    .cSCQuK {
      gap:16px;
      color:inherit;
      display:flex;
      padding:12px 24px;
      flex-wrap:wrap;
      font-size:inherit;
      background:#0f172a;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid #1e293b;
      flex-direction:row;
      justify-content:space-between;
    }

    .bPSdqs {
      color:inherit;
      width:100%;
      height:100%;
      display:block;
      font-size:inherit;
      object-fit:cover;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .QoStZ {
      color:#38bdf8;
      margin:0px;
      display:block;
      padding:14px;
      font-size:12px;
      overflow-x:auto;
      font-family:"JetBrains Mono", Consolas, Monaco, monospace;
      font-weight:inherit;
      line-height:1.6;
      white-space:pre-wrap;
      flex-direction:row;
    }

    .cHXqNO {
      gap:4px;
      color:inherit;
      border:1px solid var(--color-border);
      display:flex;
      padding:4px;
      font-size:inherit;
      background:var(--color-bg);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:999px;
      flex-direction:row;
    }

    .cAobtd {
      top:50%;
      color:inherit;
      right:-5px;
      width:10px;
      border:2px solid #6366f1;
      cursor:ew-resize;
      height:10px;
      display:block;
      position:absolute;
      font-size:inherit;
      transform:translateY(-50%);
      background:#ffffff;
      font-family:inherit;
      font-weight:inherit;
      border-radius:2px;
      flex-direction:row;
      pointer-events:auto;
    }

    .cxhBfg {
      top:-5px;
      left:50%;
      color:inherit;
      width:10px;
      border:2px solid #6366f1;
      cursor:ns-resize;
      height:10px;
      display:block;
      position:absolute;
      font-size:inherit;
      transform:translateX(-50%);
      background:#ffffff;
      font-family:inherit;
      font-weight:inherit;
      border-radius:2px;
      flex-direction:row;
      pointer-events:auto;
    }

    .bqrcok {
      left:50%;
      color:inherit;
      width:10px;
      border:2px solid #6366f1;
      bottom:-5px;
      cursor:ns-resize;
      height:10px;
      display:block;
      position:absolute;
      font-size:inherit;
      transform:translateX(-50%);
      background:#ffffff;
      font-family:inherit;
      font-weight:inherit;
      border-radius:2px;
      flex-direction:row;
      pointer-events:auto;
    }

    .CMgDi {
      top:50%;
      left:-5px;
      color:inherit;
      width:10px;
      border:2px solid #6366f1;
      cursor:ew-resize;
      height:10px;
      display:block;
      position:absolute;
      font-size:inherit;
      transform:translateY(-50%);
      background:#ffffff;
      font-family:inherit;
      font-weight:inherit;
      border-radius:2px;
      flex-direction:row;
      pointer-events:auto;
    }

    .buoPQz {
      gap:12px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cauIvn {
      color:inherit;
      width:var(--el-w, 400px);
      height:var(--el-h, 400px);
      rotate:var(--el-rot, 0deg);
      display:block;
      position:relative;
      font-size:inherit;
      background:transparent;
      box-sizing:border-box;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .bvkVcN {
      color:inherit;
      width:28px;
      border:2px solid #ffffff;
      cursor:pointer;
      height:28px;
      display:inline-block;
      font-size:inherit;
      background:#4338ca;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .WXjND {
      color:inherit;
      width:28px;
      border:2px solid transparent;
      cursor:pointer;
      height:28px;
      display:inline-block;
      font-size:inherit;
      background:#38bdf8;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .fGBYrV {
      color:inherit;
      width:28px;
      border:2px solid transparent;
      cursor:pointer;
      height:28px;
      display:inline-block;
      font-size:inherit;
      background:#f43f5e;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .dtPemN {
      color:inherit;
      width:28px;
      border:2px solid transparent;
      cursor:pointer;
      height:28px;
      display:inline-block;
      font-size:inherit;
      background:#f59e0b;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .dmDWqS {
      color:inherit;
      width:28px;
      border:2px solid transparent;
      cursor:pointer;
      height:28px;
      display:inline-block;
      font-size:inherit;
      background:#ffffff;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .bCOrlZ {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .caoHEB {
      gap:8px;
      flex:1;
      color:inherit;
      display:flex;
      padding:14px 16px 16px 16px;
      font-size:inherit;
      background:rgba(15, 23, 42, 0.88);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      backdrop-filter:blur(12px);
      justify-content:space-between;
    }

    .dGgQzd {
      color:#94a3b8;
      margin:0px;
      display:block;
      font-size:11.5px;
      font-family:inherit;
      font-weight:400;
      line-height:1.45;
      flex-direction:row;
    }

    .chxssK {
      color:#cbd5e1;
      border:1px solid rgba(255, 255, 255, 0.12);
      display:inline-block;
      padding:2px 7px;
      font-size:10px;
      background:rgba(255, 255, 255, 0.05);
      font-family:inherit;
      font-weight:500;
      border-radius:4px;
      flex-direction:row;
    }

    .fBdPdu {
      color:inherit;
      border:1px solid #1f2937;
      display:block;
      overflow:hidden;
      font-size:inherit;
      background:#030712;
      font-family:inherit;
      font-weight:inherit;
      border-radius:10px;
      flex-direction:row;
    }

    .dxDnbj {
      color:#f8fafc;
      display:inline;
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .etOHwP {
      color:inherit;
      width:32px;
      border:2px solid #ffffff;
      cursor:pointer;
      height:32px;
      display:inline-block;
      font-size:inherit;
      background:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .evOZhl {
      color:inherit;
      width:32px;
      border:2px solid transparent;
      cursor:pointer;
      height:32px;
      display:inline-block;
      font-size:inherit;
      background:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .cPzSoW {
      color:inherit;
      width:32px;
      border:2px solid transparent;
      cursor:pointer;
      height:32px;
      display:inline-block;
      font-size:inherit;
      background:linear-gradient(135deg, #f43f5e 0%, #fb923c 100%);
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .ejuCsY {
      color:inherit;
      width:32px;
      border:2px solid transparent;
      cursor:pointer;
      height:32px;
      display:inline-block;
      font-size:inherit;
      background:linear-gradient(135deg, #10b981 0%, #059669 100%);
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .NptiQ {
      color:inherit;
      width:32px;
      border:2px solid transparent;
      cursor:pointer;
      height:32px;
      display:inline-block;
      font-size:inherit;
      background:linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .cXlEE {
      color:inherit;
      width:32px;
      border:2px solid transparent;
      cursor:pointer;
      height:32px;
      display:inline-block;
      font-size:inherit;
      background:#1e293b;
      font-family:inherit;
      font-weight:inherit;
      border-radius:6px;
      flex-direction:row;
    }

    .bFFIfh {
      top:-5px;
      color:inherit;
      right:-5px;
      width:10px;
      border:2px solid #6366f1;
      cursor:nesw-resize;
      height:10px;
      display:block;
      position:absolute;
      font-size:inherit;
      background:#ffffff;
      font-family:inherit;
      font-weight:inherit;
      border-radius:2px;
      flex-direction:row;
      pointer-events:auto;
    }

    .dIIkO {
      top:-5px;
      left:-5px;
      color:inherit;
      width:10px;
      border:2px solid #6366f1;
      cursor:nwse-resize;
      height:10px;
      display:block;
      position:absolute;
      font-size:inherit;
      background:#ffffff;
      font-family:inherit;
      font-weight:inherit;
      border-radius:2px;
      flex-direction:row;
      pointer-events:auto;
    }

    .cPskTl {
      color:inherit;
      right:-5px;
      width:10px;
      border:2px solid #6366f1;
      bottom:-5px;
      cursor:nwse-resize;
      height:10px;
      display:block;
      position:absolute;
      font-size:inherit;
      background:#ffffff;
      font-family:inherit;
      font-weight:inherit;
      border-radius:2px;
      flex-direction:row;
      pointer-events:auto;
    }

    .dBZjyC {
      left:-5px;
      color:inherit;
      width:10px;
      border:2px solid #6366f1;
      bottom:-5px;
      cursor:nesw-resize;
      height:10px;
      display:block;
      position:absolute;
      font-size:inherit;
      background:#ffffff;
      font-family:inherit;
      font-weight:inherit;
      border-radius:2px;
      flex-direction:row;
      pointer-events:auto;
    }

    .eMOTNr {
      gap:10px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eqKPFp {
      color:inherit;
      width:36px;
      height:36px;
      display:flex;
      font-size:inherit;
      background:linear-gradient(135deg, #6366f1, #a855f7);
      box-shadow:0 4px 12px rgba(99, 102, 241, 0.4);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
      justify-content:center;
    }

    .fynZNO {
      color:#ffffff;
      display:inline;
      font-size:16px;
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
      letter-spacing:-0.02em;
    }

    .eWkdPA {
      gap:4px;
      top:12px;
      left:12px;
      color:#ffffff;
      border:1px solid rgba(255, 255, 255, 0.25);
      display:flex;
      padding:3px 8px;
      position:absolute;
      font-size:9px;
      background:rgba(15, 23, 42, 0.75);
      align-items:center;
      font-family:inherit;
      font-weight:700;
      border-radius:9999px;
      flex-direction:row;
      letter-spacing:0.06em;
      backdrop-filter:blur(8px);
    }

    .foVFnk {
      color:inherit;
      width:100%;
      height:190px;
      display:flex;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dQEyxt {
      color:#94a3b8;
      display:inline;
      font-size:12px;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .eqSpmQ {
      gap:8px;
      color:inherit;
      border:1px solid #334155;
      display:flex;
      padding:4px 10px;
      font-size:inherit;
      background:#1e293b;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
    }

    .RUoQn {
      flex:1;
      color:#94a3b8;
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:12px;
      font-size:13px;
      background:transparent;
      transition:all 0.15s ease;
      font-family:inherit;
      font-weight:600;
      border-bottom:2px solid transparent;
      flex-direction:row;
    }

    .RUoQn.active {
      color:#38bdf8;
      background:#0f172a;
      border-bottom-color:#38bdf8;
    }

    .RUoQn:hover {
      color:#ffffff;
    }

    .fexGqi {
      color:inherit;
      cursor:pointer;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cGfAKw {
      color:#a5b4fc;
      border:1px solid #4338ca;
      display:inline;
      padding:2px 6px;
      font-size:11px;
      background:#312e81;
      font-family:monospace;
      font-weight:600;
      border-radius:4px;
      flex-direction:row;
    }

    .dqDfbo {
      color:#ffffff;
      width:24px;
      height:24px;
      display:flex;
      font-size:10px;
      background:linear-gradient(135deg, #a855f7, #38bdf8);
      align-items:center;
      font-family:inherit;
      font-weight:700;
      border-radius:9999px;
      flex-direction:row;
      justify-content:center;
    }

    .fDeMYT {
      top:12px;
      color:#ffffff;
      right:12px;
      width:28px;
      border:1px solid rgba(255, 255, 255, 0.25);
      height:28px;
      display:flex;
      position:absolute;
      font-size:inherit;
      background:rgba(15, 23, 42, 0.75);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:9999px;
      flex-direction:row;
      backdrop-filter:blur(8px);
      justify-content:center;
    }

    .eARXsT {
      color:inherit;
      display:flex;
      padding:8px 0 0 0;
      font-size:inherit;
      border-top:1px solid rgba(255, 255, 255, 0.08);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .LqyIX {
      color:#f8fafc;
      display:inline;
      font-size:13px;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .dmPiWf {
      color:#cbd5e1;
      border:1px solid #334155;
      cursor:pointer;
      display:inline-block;
      padding:4px 10px;
      font-size:12px;
      background:#1e293b;
      transition:all 0.15s ease;
      font-family:inherit;
      font-weight:500;
      border-radius:6px;
      flex-direction:row;
    }

    .dmPiWf.active {
      color:#a5b4fc;
      background:#312e81;
      border-color:#6366f1;
    }

    .dmPiWf:hover {
      color:#ffffff;
      background:#334155;
    }

    .PWvlN {
      gap:8px;
      color:inherit;
      width:100%;
      border:1px solid #1e293b;
      display:flex;
      padding:8px 12px;
      flex-wrap:wrap;
      font-size:inherit;
      background:#0f172a;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
    }

    .btqRwZ {
      color:inherit;
      display:flex;
      font-size:inherit;
      background:#0b1120;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid #1e293b;
      flex-direction:row;
    }

    .bXhXMj {
      gap:8px;
      color:#94a3b8;
      border:1px solid transparent;
      cursor:pointer;
      display:flex;
      padding:8px 14px;
      font-size:13px;
      background:transparent;
      transition:all 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:500;
      border-radius:8px;
      flex-direction:row;
    }

    .bXhXMj.active {
      color:#ffffff;
      border:1px solid #6366f1;
      background:#4f46e5;
      box-shadow:0 2px 10px rgba(99, 102, 241, 0.4);
    }

    .bXhXMj:hover {
      color:#ffffff;
      background:rgba(255, 255, 255, 0.08);
    }

    .cnzQef {
      color:#ffffff;
      margin:0px;
      display:block;
      font-size:16px;
      font-family:inherit;
      font-weight:700;
      line-height:1.25;
      flex-direction:row;
      letter-spacing:-0.01em;
    }

    .eBpzIn {
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .cvYuFq {
      gap:6px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bvyxwA {
      color:var(--color-text-muted);
      display:inline-block;
      padding:6px 12px;
      font-size:11px;
      transition:background 0.15s ease, color 0.15s ease;
      font-family:inherit;
      font-weight:600;
      white-space:nowrap;
      border-radius:999px;
      flex-direction:row;
      text-decoration:none;
    }

    .bvyxwA.active {
      color:var(--color-text);
      background:var(--color-panel-subtle);
    }

    .bvyxwA:hover {
      color:#ffffff;
      background:var(--color-primary);
    }

    .bvyxwA:focus-visible {
      outline:2px solid var(--color-accent);
      outline-offset:2px;
    }

    .bgUayH {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .yFvhN {
      gap:6px;
      color:inherit;
      border:1px solid #334155;
      display:flex;
      padding:12px;
      font-size:inherit;
      background:#1e293b;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:column;
    }

    .hYLMF {
      color:inherit;
      margin:0px;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fbwMHh {
      color:#cbd5e1;
      margin:0px;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .etLrSA {
      color:#38bdf8;
      display:inline;
      font-size:12px;
      font-family:monospace;
      font-weight:inherit;
      flex-direction:row;
    }

    .bpweEv {
      color:#94a3b8;
      display:inline;
      font-size:12px;
      font-family:inherit;
      font-weight:600;
      margin-right:4px;
      flex-direction:row;
      letter-spacing:0.05em;
      text-transform:uppercase;
    }

    .crcpRM {
      gap:16px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .cvdWSX {
      gap:14px;
      color:#94a3b8;
      display:flex;
      font-size:13px;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.6;
      flex-direction:column;
    }

    .cosryz {
      color:inherit;
      width:1px;
      height:20px;
      margin:0 2px;
      display:block;
      font-size:inherit;
      background:#334155;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .vYUhL {
      color:#94a3b8;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .bZJlAE {
      gap:8px;
      color:inherit;
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eQILuK {
      gap:4px;
      color:#38bdf8;
      right:12px;
      border:1px solid rgba(56, 189, 248, 0.35);
      bottom:10px;
      display:flex;
      padding:3px 8px;
      position:absolute;
      font-size:11px;
      background:rgba(15, 23, 42, 0.85);
      align-items:center;
      font-family:monospace;
      font-weight:700;
      border-radius:6px;
      flex-direction:row;
      backdrop-filter:blur(8px);
    }

    .iGhTT {
      color:#fbbf24;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bHhagp {
      color:#38bdf8;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .eKHbxa {
      color:#cbd5e1;
      border:1px solid #334155;
      cursor:pointer;
      display:inline-block;
      padding:4px 8px;
      font-size:11px;
      background:#1e293b;
      font-family:inherit;
      font-weight:500;
      margin-left:auto;
      border-radius:4px;
      flex-direction:row;
    }

    .eKHbxa:hover {
      color:#ffffff;
      background:#334155;
    }

    .fGJoZ {
      --bg:Variables.fillColor;
      top:0px;
      left:0px;
      color:inherit;
      width:100%;
      height:100%;
      display:flex;
      overflow:hidden;
      position:absolute;
      clip-path:url(#shapeClip);
      font-size:inherit;
      background:var(--bg);
      box-sizing:border-box;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .eKhvHU {
      color:#94a3b8;
      display:inline;
      font-size:12px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .ccNFBj {
      gap:12px;
      flex:1;
      color:inherit;
      height:100%;
      display:flex;
      padding:16px;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      min-width:0px;
      background:#0b1120;
      min-height:0px;
      align-items:stretch;
      font-family:inherit;
      font-weight:inherit;
      user-select:none;
      flex-direction:column;
      justify-content:flex-start;
    }

    .exoXla {
      flex:1;
      color:inherit;
      width:100%;
      border:1px solid #1f2937;
      cursor:var(--pan-cursor, default);
      height:100%;
      display:flex;
      overflow:hidden;
      position:relative;
      font-size:inherit;
      min-width:0px;
      background:#111827;
      box-shadow:0 20px 40px -15px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.05);
      min-height:0px;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:16px;
      flex-direction:row;
      justify-content:center;
    }

    .dOIkoR {
      color:#94a3b8;
      display:inline;
      font-size:12px;
      font-family:monospace;
      font-weight:600;
      flex-direction:row;
    }

    .cCIlwr {
      gap:6px;
      color:#ffffff;
      border:none;
      cursor:pointer;
      display:flex;
      padding:8px 16px;
      font-size:13px;
      background:#6366f1;
      box-shadow:0 2px 10px rgba(99, 102, 241, 0.4);
      transition:all 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:6px;
      flex-direction:row;
    }

    .cCIlwr:hover {
      transform:translateY(-1px);
      background:#4f46e5;
    }

    .cCIlwr:active {
      transform:translateY(0);
    }

    .eKPrwB {
      color:#94a3b8;
      border:1px solid #334155;
      cursor:pointer;
      display:inline-block;
      padding:4px 10px;
      font-size:11px;
      background:#1e293b;
      font-family:inherit;
      font-weight:500;
      border-radius:4px;
      flex-direction:row;
    }

    .eKPrwB.active {
      color:#38bdf8;
      border-color:#0284c7;
    }

    .eKPrwB:hover {
      color:#ffffff;
      background:#334155;
    }

    .MGkPC {
      flex:1;
      color:inherit;
      height:calc(100vh - 61px);
      display:flex;
      overflow:hidden;
      font-size:inherit;
      min-height:0px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    @media (max-width: 1024px) {

    .MGkPC {
      height:auto;
      overflow-y:auto;
      flex-direction:column;
    }
    }

    .cdUmSD {
      color:#cbd5e1;
      border:1px solid #334155;
      cursor:pointer;
      display:inline-block;
      padding:4px 8px;
      font-size:11px;
      background:#1e293b;
      font-family:inherit;
      font-weight:500;
      border-radius:4px;
      flex-direction:row;
    }

    .cdUmSD:hover {
      color:#ffffff;
      background:#334155;
    }

    .eCVMUS {
      gap:18px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .dEpCQD {
      color:#38bdf8;
      display:inline;
      font-size:inherit;
      font-family:monospace;
      font-weight:600;
      flex-direction:row;
    }

    .bizsKO {
      color:inherit;
      cursor:default;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .MwhYI {
      color:inherit;
      display:flex;
      position:relative;
      font-size:inherit;
      transform:translate(var(--pan-x, 0px), var(--pan-y, 0px));
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:center;
    }

    .fgjlES {
      gap:4px;
      color:#ffffff;
      cursor:pointer;
      display:flex;
      padding:4px 10px;
      font-size:11px;
      background:#6366f1;
      box-shadow:0 2px 8px rgba(99, 102, 241, 0.4);
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:6px;
      flex-direction:row;
    }

    .czuQuR {
      color:#e2e8f0;
      display:inline;
      font-size:11px;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .fiVCTy {
      color:#f1f5f9;
      display:inline;
      font-size:11px;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .eIvSrg {
      color:#fca5a5;
      border:1px solid #7f1d1d;
      cursor:pointer;
      display:inline-block;
      padding:4px 10px;
      font-size:12px;
      background:#1e293b;
      transition:all 0.15s ease;
      font-family:inherit;
      font-weight:500;
      margin-left:auto;
      border-radius:6px;
      flex-direction:row;
    }

    .eIvSrg:hover {
      color:#ffffff;
      background:#7f1d1d;
    }

    .bwTNaO {
      gap:10px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .emXCxd {
      color:inherit;
      display:flex;
      padding:8px 14px;
      font-size:inherit;
      background:#111827;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-bottom:1px solid #1f2937;
      flex-direction:row;
      justify-content:space-between;
    }

    .fgYVdV {
      color:#e2e8f0;
      border:1px solid #334155;
      cursor:pointer;
      display:inline-block;
      padding:10px 14px;
      font-size:13px;
      background:#1e293b;
      font-family:inherit;
      font-weight:500;
      border-radius:8px;
      flex-direction:row;
    }

    .fgYVdV:hover {
      background:#334155;
    }

    .EKRtN {
      color:#64748b;
      display:inline;
      font-size:11px;
      font-family:monospace;
      font-weight:inherit;
      flex-direction:row;
    }

    .aICHx {
      color:#fca5a5;
      border:1px solid #991b1b;
      cursor:pointer;
      display:inline-block;
      padding:6px 12px;
      font-size:12px;
      background:#7f1d1d;
      font-family:inherit;
      font-weight:500;
      border-radius:6px;
      flex-direction:row;
    }

    .aICHx:hover {
      color:#ffffff;
      background:#991b1b;
    }

    .EUDFX {
      color:#f1f5f9;
      display:inline;
      font-size:13px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bRMlbF {
      gap:8px;
      color:inherit;
      display:flex;
      flex-wrap:wrap;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .lCruo {
      color:inherit;
      inset:0;
      display:block;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
      background-size:24px 24px;
      background-image:radial-gradient(rgba(255, 255, 255, 0.18) 1.5px, transparent 1.5px);
      background-position:0 0;
    }

    .bcxYnX {
      color:inherit;
      cursor:grab;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .bASCEI {
      color:inherit;
      width:420px;
      height:100%;
      display:flex;
      overflow:hidden;
      font-size:inherit;
      background:#0f172a;
      min-height:0px;
      border-left:1px solid #1e293b;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    @media (max-width: 1024px) {

    .bASCEI {
      width:100%;
      height:auto;
      border-top:1px solid #1e293b;
      border-left:none;
    }
    }

    .fwzsrw {
      color:inherit;
      display:block;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .bdKFxP {
      gap:20px;
      flex:1;
      color:inherit;
      display:flex;
      padding:20px;
      font-size:inherit;
      min-height:0px;
      overflow-y:auto;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bnBskh {
      gap:8px;
      left:50%;
      color:#ffffff;
      bottom:24px;
      display:flex;
      padding:10px 20px;
      z-index:1000;
      position:fixed;
      font-size:13px;
      transform:translateX(-50%);
      background:#10b981;
      box-shadow:0 10px 25px -5px rgba(16, 185, 129, 0.5);
      align-items:center;
      font-family:inherit;
      font-weight:600;
      border-radius:9999px;
      flex-direction:row;
    }

    .frjvbz {
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bkGubL {
      color:#94a3b8;
      width:100%;
      border:1px solid #1e293b;
      display:flex;
      padding:8px 16px;
      font-size:12px;
      background:#0f172a;
      align-items:center;
      flex-shrink:0;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:row;
      justify-content:space-between;
    }

    .eBSPfr {
      color:inherit;
      width:6px;
      height:6px;
      display:inline-block;
      font-size:inherit;
      background:#38bdf8;
      box-shadow:0 0 8px #38bdf8;
      font-family:inherit;
      font-weight:inherit;
      border-radius:9999px;
      flex-direction:row;
    }

    .ceanPN {
      color:inherit;
      inset:0;
      display:block;
      position:absolute;
      font-size:inherit;
      background:linear-gradient(to top, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.25) 55%, transparent 100%);
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .bBEtPK {
      gap:4px;
      color:#fbbf24;
      display:flex;
      font-size:11px;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
    }

    .fElsQC {
      color:inherit;
      display:inline;
      padding:2px 8px;
      font-size:11px;
      font-family:inherit;
      font-weight:600;
      border-radius:4px;
      flex-direction:row;
    }

    .fElsQC.closed {
      color:#6ee7b7;
      border:1px solid #059669;
      background:#064e3b;
    }

    .fElsQC.open {
      color:#fde68a;
      border:1px solid #d97706;
      background:#78350f;
    }

    .eUFLmU {
      top:-24px;
      left:50%;
      color:inherit;
      width:1px;
      height:24px;
      display:block;
      position:absolute;
      font-size:inherit;
      transform:translateX(-50%);
      background:#6366f1;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      pointer-events:none;
    }

    .dUXeTv {
      color:#e2e8f0;
      border:1px solid #475569;
      cursor:pointer;
      display:inline-block;
      padding:4px 10px;
      font-size:11px;
      background:#334155;
      font-family:inherit;
      font-weight:500;
      border-radius:4px;
      flex-direction:row;
    }

    .dUXeTv:hover {
      color:#ffffff;
      background:#475569;
    }

    .buoHPo {
      color:#38bdf8;
      display:inline;
      font-size:10px;
      font-family:inherit;
      font-weight:700;
      flex-direction:row;
      letter-spacing:0.08em;
    }

    .eSSUue {
      color:#cbd5e1;
      border:1px solid #374151;
      cursor:pointer;
      display:inline-block;
      padding:3px 8px;
      font-size:11px;
      background:#1f2937;
      font-family:inherit;
      font-weight:inherit;
      border-radius:4px;
      flex-direction:row;
    }

    .eSSUue:hover {
      color:#ffffff;
      background:#374151;
    }

    .dKbwDP {
      gap:8px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .bbXlci {
      color:#ffffff;
      width:100%;
      border:1px solid #334155;
      display:block;
      padding:6px 8px;
      font-size:12px;
      background:#0f172a;
      box-sizing:border-box;
      font-family:monospace;
      font-weight:600;
      border-radius:6px;
      flex-direction:row;
    }

    .bbXlci:focus {
      outline:none;
      border-color:#6366f1;
    }

    .buXKpW {
      gap:4px;
      flex:1;
      color:inherit;
      display:flex;
      font-size:11px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
    }

    .fcTnwp {
      gap:6px;
      color:#94a3b8;
      border:1px solid #334155;
      cursor:pointer;
      display:flex;
      padding:8px 14px;
      font-size:13px;
      background:#1e293b;
      transition:all 0.15s ease;
      align-items:center;
      font-family:inherit;
      font-weight:500;
      border-radius:6px;
      flex-direction:row;
    }

    .fcTnwp.active {
      color:#38bdf8;
      border-color:#0284c7;
    }

    .fcTnwp:hover {
      color:#ffffff;
      background:#334155;
    }

    .euQtXR {
      gap:6px;
      left:50%;
      color:inherit;
      border:1px solid rgba(255, 255, 255, 0.15);
      bottom:24px;
      display:flex;
      padding:6px;
      z-index:50;
      position:absolute;
      font-size:inherit;
      transform:translateX(-50%);
      background:rgba(15, 23, 42, 0.92);
      box-shadow:0 12px 32px rgba(0, 0, 0, 0.6), 0 2px 6px rgba(0, 0, 0, 0.4);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      border-radius:12px;
      flex-direction:row;
      backdrop-filter:blur(16px);
    }

    .cGjfKJ {
      color:inherit;
      cursor:copy;
      display:block;
      opacity:0;
      font-size:inherit;
      transition:opacity 0.15s ease, transform 0.15s ease;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .cGjfKJ:hover {
      opacity:0.8;
    }

    .eoTnri {
      color:#cbd5e1;
      border:1px solid #334155;
      cursor:pointer;
      display:inline-block;
      padding:6px 10px;
      font-size:12px;
      background:#1e293b;
      transition:all 0.15s ease;
      font-family:inherit;
      font-weight:500;
      border-radius:6px;
      flex-direction:row;
    }

    .eoTnri:hover {
      color:#ffffff;
      background:#334155;
    }

    .djQMbH {
      top:-32px;
      left:50%;
      color:#ffffff;
      width:14px;
      border:2px solid #6366f1;
      cursor:grab;
      height:14px;
      display:block;
      position:absolute;
      font-size:inherit;
      transform:translateX(-50%);
      background:#ffffff;
      box-shadow:0 2px 6px rgba(0, 0, 0, 0.4);
      font-family:inherit;
      font-weight:inherit;
      border-radius:9999px;
      flex-direction:row;
      pointer-events:auto;
    }

    .djQMbH:hover {
      transform:translateX(-50%) scale(1.25);
      background:#a5b4fc;
    }

    .ezfIpZ {
      gap:6px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .EDQML {
      top:0px;
      left:0px;
      color:inherit;
      width:100%;
      cursor:default;
      height:100%;
      display:block;
      z-index:10;
      overflow:visible;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .fyWasP {
      gap:8px;
      color:inherit;
      display:flex;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .dZjuAK {
      gap:10px;
      color:inherit;
      border:1px solid #334155;
      display:flex;
      padding:14px;
      font-size:inherit;
      background:#1e293b;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:column;
    }

    .dvFcfu {
      top:0px;
      left:0px;
      color:inherit;
      width:100%;
      filter:drop-shadow(0 10px 18px rgba(0, 0, 0, 0.55));
      height:100%;
      display:block;
      z-index:1;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .HkOFn {
      color:inherit;
      display:flex;
      font-size:13px;
      align-items:center;
      font-family:inherit;
      font-weight:600;
      flex-direction:row;
      justify-content:space-between;
    }

    .dlNfES {
      top:-2px;
      left:-2px;
      color:inherit;
      right:-2px;
      border:1.5px solid #6366f1;
      bottom:-2px;
      display:block;
      position:absolute;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      border-radius:2px;
      flex-direction:row;
      pointer-events:none;
    }

    .eCXCnA {
      color:#a5b4fc;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .VstzE {
      gap:8px;
      color:#94a3b8;
      border:1px solid #1e293b;
      display:flex;
      padding:14px;
      font-size:12px;
      background:#0f172a;
      font-family:inherit;
      font-weight:inherit;
      line-height:1.5;
      border-radius:8px;
      flex-direction:column;
    }

    .ciiUVe {
      color:inherit;
      display:flex;
      font-size:12px;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:space-between;
    }

    .dZKXBB {
      flex:1;
      color:#f1f5f9;
      border:1px solid #475569;
      cursor:pointer;
      display:inline-block;
      padding:6px 12px;
      font-size:12px;
      background:#334155;
      font-family:inherit;
      font-weight:500;
      border-radius:6px;
      flex-direction:row;
    }

    .dZKXBB:hover {
      background:#475569;
    }

    .esdoZP {
      color:#f8fafc;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
    }

    .eJKPXc {
      gap:6px;
      left:50%;
      color:#e2e8f0;
      bottom:-28px;
      display:flex;
      padding:2px 8px;
      position:absolute;
      font-size:11px;
      transform:translateX(-50%);
      background:#1e293b;
      box-shadow:0 2px 8px rgba(0, 0, 0, 0.5);
      align-items:center;
      font-family:monospace;
      font-weight:500;
      border-radius:4px;
      flex-direction:row;
      pointer-events:none;
    }

    .fsSRYw {
      gap:12px;
      color:inherit;
      border:1px solid #334155;
      display:flex;
      padding:14px;
      font-size:inherit;
      background:#1e293b;
      font-family:inherit;
      font-weight:inherit;
      border-radius:8px;
      flex-direction:column;
    }

    .bXyLsn {
      color:#38bdf8;
      border:none;
      cursor:pointer;
      display:inline-block;
      padding:2px 6px;
      font-size:11px;
      background:transparent;
      font-family:inherit;
      font-weight:500;
      border-radius:4px;
      flex-direction:row;
    }

    .bXyLsn:hover {
      text-decoration:underline;
    }

    .dWnGic {
      color:#94a3b8;
      display:inline;
      font-size:12px;
      font-family:inherit;
      font-weight:500;
      flex-direction:row;
    }