:root {
    --bg: #0a0a0a; --surface: #0f0f0f; --surface2: #141414;
    --border: #1e1e1e; --border2: #252525;
    --accent: #00ff9d; --accent-dim: #00cc7a;
    --red: #ff4d4d; --yellow: #ffd700; --blue: #4d9fff;
    --text: #e0e0e0; --muted: #555; --muted2: #888;
    --panel-w: 268px;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body { background: var(--bg); color: var(--text); font-family: 'JetBrains Mono', 'Fira Code', monospace; min-height: 100vh; overflow-x: hidden; }

  /* ── Fixed header ── */
  header {
    position: fixed; top: 0; left: 0; right: 0; z-index: 200;
    background: rgba(10,10,10,0.95); backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--border);
    padding: 0 1.5rem; height: 44px;
    display: flex; align-items: center; justify-content: space-between;
  }
  .hdr-left { display: flex; align-items: center; gap: 1rem; }
  header h1 { font-size: 1rem; color: var(--accent); letter-spacing: 3px; }
  .hdr-tag {
    font-size: 0.6rem; color: var(--muted2); background: var(--surface2);
    border: 1px solid var(--border2); padding: 0.1rem 0.5rem; border-radius: 3px; letter-spacing: 1px;
  }
  .hdr-right { display: flex; align-items: center; gap: 1rem; font-size: 0.65rem; color: var(--muted); }
  .hdr-tools-badge {
    background: rgba(0,255,157,0.08); border: 1px solid rgba(0,255,157,0.2);
    color: var(--accent); padding: 0.1rem 0.5rem; border-radius: 3px; font-size: 0.65rem;
  }
  #hdr-tools-count { font-weight: 700; }

  /* ── Two-column layout ── */
  .layout { display: flex; margin-top: 44px; }
  .main-col { flex: 1; min-width: 0; padding: 1.25rem 1.25rem 1.25rem 1.5rem; margin-right: var(--panel-w); }

  /* ── Cards ── */
  .card {
    background: var(--surface); border: 1px solid var(--border);
    border-radius: 8px; padding: 1.1rem; margin-bottom: 1rem;
  }
  .card-header {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 0.9rem; padding-bottom: 0.6rem; border-bottom: 1px solid var(--border);
  }
  .card-header h2 { font-size: 0.72rem; color: var(--accent); text-transform: uppercase; letter-spacing: 2px; }
  /* Collapsible pen-group sections — same pattern as lab-group */
  .pen-group {
    margin-bottom: 1rem; border: 1px solid var(--border); border-radius: 8px;
    overflow: hidden; background: var(--surface);
  }
  .pen-group > summary {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.6rem 1rem; cursor: pointer; user-select: none;
    font-size: 0.72rem; letter-spacing: 2px; text-transform: uppercase;
    list-style: none; transition: background 0.12s;
  }
  .pen-group > summary::-webkit-details-marker { display: none; }
  .pen-group > summary:hover { background: rgba(255,255,255,0.04); }
  .pen-group[open] > summary { border-bottom: 1px solid var(--border); }
  .pen-group > summary .grp-arrow { font-size: 0.55rem; transition: transform 0.15s; margin-left: 4px; flex-shrink: 0; }
  .pen-group[open] > summary .grp-arrow { transform: rotate(90deg); }
  .pen-group > .pen-group-body { padding: 1rem; }
  .pg-target { color: var(--accent); }
  .pg-assess { color: #60d0ff; }
  .pg-engage { color: var(--yellow); }
  /* Lab panel toggle */
  #panel-toggle {
    position: fixed; top: 50%; right: 0; transform: translateY(-50%);
    z-index: 200; background: rgba(10,15,12,0.9); border: 1px solid rgba(0,255,157,0.15);
    border-right: none; border-radius: 4px 0 0 4px;
    padding: 0.5rem 0.25rem; cursor: pointer; writing-mode: vertical-rl;
    font-size: 0.55rem; color: var(--muted2); letter-spacing: 1px;
    transition: right 0.2s; display: none;
  }
  #panel-toggle:hover { color: var(--accent); }
  body.panel-hidden #panel-toggle { display: flex; right: 0; }
  body.panel-hidden #lab-panel { width: 0; overflow: hidden; border: none; }
  body.panel-hidden .main-col { margin-right: 0; }

  label { font-size: 0.68rem; color: var(--muted2); text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 0.3rem; margin-top: 0.75rem; }
  label:first-child { margin-top: 0; }
  input[type=text], textarea, select {
    width: 100%; background: var(--surface2); border: 1px solid var(--border2);
    color: var(--text); font-family: inherit; font-size: 0.78rem;
    padding: 0.45rem 0.7rem; border-radius: 4px; outline: none;
  }
  input[type=text]:focus, textarea:focus { border-color: rgba(0,255,157,0.3); }
  textarea { resize: vertical; min-height: 56px; }

  .btn {
    display: inline-flex; align-items: center; gap: 0.4rem;
    padding: 0.45rem 1.1rem; border-radius: 4px; border: none; cursor: pointer;
    font-family: inherit; font-size: 0.72rem; font-weight: 600; letter-spacing: 1px;
    text-transform: uppercase; transition: all 0.15s;
  }
  .btn-primary { background: var(--accent); color: #000; }
  .btn-primary:hover { background: var(--accent-dim); }
  .btn-primary:disabled { opacity: 0.4; cursor: not-allowed; }
  .btn-ghost { background: transparent; color: var(--muted2); border: 1px solid var(--border2); }
  .btn-ghost:hover { color: var(--text); border-color: var(--muted); }
  .btn-xs { padding: 0.2rem 0.5rem; font-size: 0.6rem; letter-spacing: 0.5px; }

  /* ── Assessment grid ── */
  .assess-grid {
    display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.5rem;
  }
  .assess-card {
    background: var(--surface2); border: 1px solid var(--border2);
    border-radius: 6px; padding: 0.6rem; cursor: default;
    transition: border-color 0.15s;
  }
  .assess-card.has-active { border-color: rgba(0,255,157,0.25); }
  .assess-card-header {
    display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.5rem;
    padding-bottom: 0.4rem; border-bottom: 1px solid var(--border);
  }
  .assess-icon { font-size: 0.85rem; }
  .assess-title { font-size: 0.62rem; color: var(--accent); text-transform: uppercase; letter-spacing: 1px; font-weight: 700; }
  .pills { display: flex; flex-wrap: wrap; gap: 0.3rem; }
  .pill {
    display: inline-flex; flex-direction: column; align-items: center;
    padding: 0.22rem 0.45rem; border-radius: 3px; border: 1px solid var(--border2);
    background: transparent; color: var(--muted2); cursor: pointer;
    font-family: inherit; font-size: 0.6rem; font-weight: 600; letter-spacing: 0.3px;
    transition: all 0.12s; line-height: 1.2; white-space: nowrap;
  }
  .pill:hover { color: var(--text); border-color: var(--muted); background: rgba(255,255,255,0.04); }
  .pill.active {
    background: rgba(0,255,157,0.1); border-color: rgba(0,255,157,0.4);
    color: var(--accent);
  }
  .pill-mcp { font-size: 0.48rem; color: var(--muted); font-weight: 400; letter-spacing: 0; margin-top: 0.05rem; }
  .pill.active .pill-mcp { color: rgba(0,255,157,0.5); }
  .pill:disabled { opacity: 0.35; cursor: not-allowed; }
  .pill:disabled:hover { color: var(--muted2); border-color: var(--border2); background: transparent; }
  .pill.tool-live { border-color: rgba(0,255,157,0.25); }
  .pill.tool-live .pill-mcp { color: var(--accent); }

  .assess-actions { display: flex; gap: 0.4rem; align-items: center; margin-top: 0.6rem; }

  /* Syntax preview */
  .syntax-preview {
    background: #0d0d0d; border: 1px solid var(--border);
    border-radius: 4px; padding: 0.5rem 0.7rem;
    font-size: 0.6rem; color: #6a9f7a; line-height: 1.6;
    max-height: 80px; overflow-y: auto; margin-top: 0.5rem;
    display: none;
  }
  .syntax-preview.visible { display: block; }
  .syntax-line { color: var(--muted2); }
  .syntax-line .s-tool { color: var(--accent); }
  .syntax-line .s-cmd { color: #6a9f7a; }
  .syntax-line .s-mcp { color: var(--muted); font-size: 0.55rem; }

  /* ── Log ── */
  .log-wrap { position: relative; }
  #log {
    background: #050505; border: 1px solid var(--border);
    border-radius: 6px; padding: 0.6rem;
    /* Smaller default — this panel is rarely the focus. User can drag the
       bottom-right corner (resize: vertical) to expand on demand. */
    height: 120px;
    min-height: 60px;
    max-height: 70vh;
    resize: vertical;
    overflow: auto;
    font-size: 0.66rem; line-height: 1.55;
  }
  .log-line { padding: 0.08rem 0; border-bottom: 1px solid rgba(255,255,255,0.03); }
  .log-line:last-child { border: none; }
  .log-ts { color: var(--muted); margin-right: 0.5rem; font-size: 0.6rem; }
  .log-prog { color: var(--muted2); }
  .log-tool-start { color: var(--blue); }
  .log-tool-done { color: #5a9a5a; }
  .log-tool-mcp { color: var(--muted); font-size: 0.58rem; margin-left: 0.4rem; }
  .log-cmd { color: #7ab87a; font-size: 0.62rem; font-family: monospace; }
  #pane-slot input { display:block; width:100%; margin-bottom:0.4rem; background:rgba(0,0,0,0.4);
    border:1px solid var(--border); border-radius:4px; padding:6px 10px;
    color:var(--text); font-size:0.65rem; box-sizing:border-box; }
  #pane-slot input:focus { outline:none; border-color:rgba(0,200,150,0.5); }
  .mcp-badge { display:inline-block; font-size:0.48rem; letter-spacing:0.06em; color:#5a8aff; background:rgba(90,138,255,0.1); border:1px solid rgba(90,138,255,0.25); border-radius:3px; padding:1px 4px; margin-bottom:1px; vertical-align:middle; }
  .tool-block { display:flex; flex-direction:column; gap:0; padding:2px 0 4px 0; border-bottom:1px solid rgba(255,255,255,0.04); }
  .tool-block:last-child { border:none; }
  .log-err { color: var(--red); }
  .log-complete { color: var(--accent); font-weight: 700; }

  /* ── Status bar ── */
  .status-bar {
    display: flex; align-items: center; gap: 0.75rem;
    padding: 0.5rem 0; margin-top: 0.5rem; font-size: 0.65rem;
  }
  .status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--muted); }
  .status-dot.running { background: var(--accent); animation: pulse 1s infinite; }
  .status-dot.complete { background: var(--accent); }
  .status-dot.failed { background: var(--red); }
  @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.4} }
  #status-text { color: var(--muted2); }
  .report-actions { margin-left: auto; display: flex; gap: 0.5rem; }

  /* ── Engagements table ── */
  .eng-table { width: 100%; border-collapse: collapse; font-size: 0.68rem; }
  .eng-table th { text-align: left; color: var(--muted2); font-weight: 400; font-size: 0.6rem; text-transform: uppercase; letter-spacing: 1px; padding: 0.3rem 0.5rem; border-bottom: 1px solid var(--border); }
  .eng-table td { padding: 0.4rem 0.5rem; border-bottom: 1px solid rgba(255,255,255,0.03); vertical-align: middle; }
  .eng-table tr:hover td { background: rgba(255,255,255,0.02); }
  .status-badge {
    font-size: 0.58rem; padding: 0.15rem 0.45rem; border-radius: 3px; text-transform: uppercase; letter-spacing: 0.5px;
  }
  .s-running { background: rgba(0,255,157,0.1); color: var(--accent); }
  .s-complete { background: rgba(0,200,100,0.1); color: #00c864; }
  .s-failed { background: rgba(255,77,77,0.1); color: var(--red); }
  .s-queued { background: rgba(128,128,128,0.1); color: var(--muted2); }
  .eng-target { color: var(--text); font-size: 0.68rem; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .eng-ts { color: var(--muted); font-size: 0.6rem; }
  .eng-actions { display: flex; gap: 0.35rem; }

  /* ── Auth overlay ── */
  #auth-overlay {
    position: fixed; inset: 0; background: rgba(0,0,0,0.9); backdrop-filter: blur(4px);
    z-index: 999; display: flex; align-items: center; justify-content: center;
  }
  .auth-box {
    background: var(--surface); border: 1px solid var(--border2);
    border-radius: 10px; padding: 2rem; width: 360px; text-align: center;
  }
  .auth-box h2 { color: var(--accent); font-size: 0.9rem; letter-spacing: 3px; margin-bottom: 0.3rem; }
  .auth-box p { color: var(--muted2); font-size: 0.68rem; margin-bottom: 1rem; }
  .auth-tabs { display: flex; gap: 0; margin-bottom: 1rem; border: 1px solid var(--border2); border-radius: 4px; overflow: hidden; }
  .auth-tab { flex: 1; padding: 0.4rem; font-size: 0.62rem; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; border: none; background: transparent; color: var(--muted); font-family: inherit; transition: all 0.15s; }
  .auth-tab.active { background: rgba(0,255,157,0.1); color: var(--accent); }
  .auth-pane { display: none; }
  .auth-pane.active { display: block; }
  .auth-box input { margin-bottom: 0.8rem; text-align: center; letter-spacing: 2px; }
  .auth-err { color: var(--red); font-size: 0.65rem; margin-top: 0.5rem; min-height: 1rem; }

  /* ── Glass lab panel ── */
  #lab-panel {
    position: fixed; top: 44px; right: 0; bottom: 0; width: var(--panel-w);
    background: rgba(10,15,12,0.85); backdrop-filter: blur(16px);
    border-left: 1px solid rgba(0,255,157,0.08);
    display: flex; flex-direction: column; z-index: 100; overflow: hidden;
  }
  .lab-panel-hdr {
    padding: 0.7rem 0.9rem 0.5rem; border-bottom: 1px solid rgba(0,255,157,0.07);
    font-size: 0.62rem; color: var(--accent); letter-spacing: 2px; text-transform: uppercase;
    display: flex; align-items: center; justify-content: space-between; flex-shrink: 0;
  }
  .lab-panel-body { overflow-y: auto; flex: 1; padding: 0.5rem 0.6rem; }
  .lab-panel-body::-webkit-scrollbar { width: 3px; }
  .lab-panel-body::-webkit-scrollbar-thumb { background: rgba(0,255,157,0.15); border-radius: 2px; }
  /* ── Collapsible lab groups ── */
  .lab-group { margin-bottom: 0.5rem; border: 1px solid rgba(255,255,255,0.05); border-radius: 5px; overflow: hidden; }
  .lab-group summary {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.3rem 0.5rem; cursor: pointer; user-select: none;
    font-size: 0.58rem; letter-spacing: 0.8px; text-transform: uppercase;
    list-style: none; transition: background 0.12s;
  }
  .lab-group summary::-webkit-details-marker { display: none; }
  .lab-group summary:hover { background: rgba(255,255,255,0.04); }
  .lab-group[open] summary { border-bottom: 1px solid rgba(255,255,255,0.05); }
  .lab-group summary .grp-arrow { font-size: 0.55rem; transition: transform 0.15s; margin-left: 4px; }
  .lab-group[open] summary .grp-arrow { transform: rotate(90deg); }
  .lab-group-body { padding: 0.3rem 0.4rem; }
  .grp-t1 { background: rgba(77,159,255,0.06); color: #4d9fff; }
  .grp-t2 { background: rgba(255,215,0,0.06); color: #ffd700; }
  .grp-t3 { background: rgba(255,77,77,0.06); color: #ff4d4d; }
  .grp-dvwa { background: rgba(0,255,157,0.06); color: var(--accent); }
  .grp-privesc { background: rgba(188,100,255,0.06); color: #bc64ff; }
  .grp-sqli-modern { background: rgba(76,194,255,0.06); color: #4cc2ff; }
  .ch-ssh { background: rgba(188,100,255,0.12); color: #bc64ff; }
  .challenge-item {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.3rem 0.4rem; border-radius: 4px; cursor: pointer;
    border: 1px solid transparent; transition: all 0.12s; margin-bottom: 0.2rem;
  }
  .challenge-item:hover { background: rgba(0,255,157,0.05); border-color: rgba(0,255,157,0.12); }
  .challenge-item.selected { background: rgba(0,255,157,0.08); border-color: rgba(0,255,157,0.25); }
  .ch-name { font-size: 0.65rem; color: var(--text); font-weight: 600; }
  .ch-port { font-size: 0.55rem; color: var(--muted2); margin-top: 0.05rem; }
  .ch-type { font-size: 0.5rem; padding: 0.1rem 0.3rem; border-radius: 2px; }
  .ch-web { background: rgba(0,255,157,0.08); color: var(--accent); }
  .ch-tcp { background: rgba(77,159,255,0.1); color: #4d9fff; }
  .ch-files { background: rgba(128,128,128,0.1); color: var(--muted2); }

  /* ── Lab tabs — 2×2 grid so all 4 fit in 268px ── */
  .lab-tabs { display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(0,255,157,0.07); flex-shrink: 0; }
  .lab-tab {
    flex: 0 0 50%; background: transparent; border: none; color: var(--muted);
    font-family: inherit; font-size: 0.54rem; letter-spacing: 0.5px; text-transform: uppercase;
    padding: 0.35rem 0; cursor: pointer; transition: all 0.15s;
    border-bottom: 2px solid transparent; margin-bottom: -1px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .lab-tab.active { color: var(--accent); border-bottom-color: var(--accent); }
  .lab-tab:hover { color: var(--text); }

  /* ── PG panel sections ── */
  .pg-section {
    background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05);
    border-radius: 5px; padding: 0.55rem; margin-bottom: 0.5rem;
  }
  .pg-section-hdr {
    font-size: 0.58rem; color: var(--accent); text-transform: uppercase;
    letter-spacing: 1.5px; margin-bottom: 0.5rem; font-weight: 700;
  }
  .vpn-status-bar { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
  .vpn-upload {
    border: 1px dashed var(--border2); border-radius: 4px; padding: 0.6rem;
    text-align: center; cursor: pointer; transition: all 0.15s;
  }
  .vpn-upload:hover { border-color: rgba(0,255,157,0.3); background: rgba(0,255,157,0.03); }
  .vpn-upload.has-file { border-color: rgba(0,255,157,0.25); border-style: solid; }
/* ── auto-generated inline-style utility classes (pen.html) ── */
.s-0222d0{display:none;font-size:0.5rem;padding:2px 8px;background:rgba(0,255,157,0.08);
      border:1px solid rgba(0,255,157,0.4);border-radius:4px;color:var(--accent);
      cursor:pointer;letter-spacing:1px;font-weight:700;font-family:inherit}
.s-06b5d6{display:flex;gap:0.4rem;margin-top:0.4rem}
.s-097ae6{color:var(--accent)}
.s-0990a8{margin-bottom:0.4rem}
.s-0eccf5{margin-left:auto;color:var(--muted);font-size:0.6rem}
.s-117afe{font-size:0.6rem;color:var(--accent);font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-12504d{font-size:0.6rem;color:var(--muted);margin-top:0.3rem}
.s-21423d{width:100%;justify-content:center;margin-bottom:0.4rem}
.s-21c0e2{color:var(--muted);font-size:0.62rem}
.s-2b2cf7{font-size:0.5rem;padding:2px 6px;background:#1a0000;border-color:#ff8800;color:#ff8800}
.s-2ba4ac{font-size:0.58rem;color:var(--accent);margin-left:auto}
.s-2ce5f2{color:#00ff9d}
.s-2e6286{border-color:rgba(130,80,255,0.3);color:#b08fff}
.s-2ee5d0{margin-top:0.35rem;display:flex;align-items:center;gap:0.5rem}
.s-31bc00{flex:1;font-size:0.68rem;padding:0.3rem 0.5rem}
.s-3aa39b{border-color:var(--accent);color:var(--accent)}
.s-3bb00a{color:#b08fff;font-size:0.65rem;letter-spacing:1px}
.s-3cac57{font-size:0.58rem;color:var(--muted);margin-bottom:0.5rem}
.s-3d21cf{color:var(--muted);font-size:0.6rem;text-transform:none;letter-spacing:0}
.s-405992{max-height:110px;overflow-y:auto;margin-top:4px;font-size:0.58rem}
.s-40e274{font-size:0.52rem;letter-spacing:1px;color:var(--muted);text-transform:uppercase;cursor:pointer;list-style:none}
.s-43ddc3{width:100%;height:380px;border:1px solid rgba(130,80,255,0.3);border-radius:6px;background:#000}
.s-4d5d12{width:100%;justify-content:center;font-size:0.7rem}
.s-56ad15{height:140px;overflow-y:auto;background:var(--surface);border:1px solid var(--border2);border-radius:4px;padding:6px;font-family:monospace;font-size:0.6rem;color:var(--text);flex-shrink:0}
.s-5702ff{border-color:rgba(90,138,255,0.3);color:#5a8aff}
.s-582a79{font-size:0.55rem;color:var(--muted);margin-top:0.2rem}
.s-5a790f{color:#b08fff;letter-spacing:1px}
.s-5eeb66{color:var(--muted2)}
.s-5f17d3{color:#58a6ff;border-color:rgba(88,166,255,0.4)}
.s-617a4b{flex:1;background:rgba(13,17,23,0.8);border:1px solid rgba(130,80,255,0.35);border-radius:4px;
                   color:var(--text);font-size:0.68rem;padding:0.35rem 0.5rem;outline:none;font-family:inherit}
.s-6203f4{max-height:400px;overflow-y:auto;padding:0.5rem;
          background:rgba(13,17,23,0.8);border:1px solid rgba(130,80,255,0.25);border-radius:6px;
          font-size:0.7rem;line-height:1.55;display:flex;flex-direction:column;gap:0.5rem}
.s-627b42{font-size:0.6rem;color:var(--muted2);margin-bottom:0.3rem}
.s-678c8b{font-size:0.58rem;color:var(--muted);margin-bottom:0.4rem}
.s-68ee29{background:rgba(130,80,255,0.15);border:1px solid rgba(130,80,255,0.5);color:#b08fff;white-space:nowrap}
.s-69a7ab{font-size:0.52rem;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-bottom:2px}
.s-69ac60{border-color:rgba(90,138,255,0.4);color:#5a8aff;display:none}
.s-6a6830{color:var(--muted);font-size:0.6rem}
.s-6a919b{color:#bc8cff;border-color:rgba(188,140,255,0.4)}
.s-6aa34d{display:none}
.s-6d8af9{display:inline-block;width:6px;height:6px;border-radius:50%;
            background:var(--accent);box-shadow:0 0 6px var(--accent);
            margin-right:5px;vertical-align:1px}
.s-734b4e{padding:0.4rem 0.6rem;border-bottom:1px solid rgba(255,255,255,0.05)}
.s-7533a9{border-top:1px solid var(--border2);padding-top:5px;margin-top:2px}
.s-75b7ca{display:flex;flex-direction:column;gap:2px}
.s-7c4c1e{color:var(--red);border-color:rgba(255,77,77,0.3)}
.s-7fe883{color:#00ff9d;border-color:rgba(0,255,157,0.4)}
.s-8085c0{width:100%;height:420px;border:1px solid rgba(130,80,255,0.3);border-radius:6px;background:#000}
.s-83725d{flex:1}
.s-867764{flex-shrink:0}
.s-882ff0{width:100%;justify-content:center;background:rgba(0,120,200,0.1);border-color:rgba(0,180,255,0.3);color:#60d0ff}
.s-88392e{display:flex;gap:0.75rem;align-items:flex-end}
.s-8a1611{display:none;margin-top:0.3rem}
.s-8a647c{color:var(--muted);font-size:0.65rem;padding:0.8rem 0.5rem}
.s-8aaa93{font-size:0.5rem;padding:2px 6px;background:#150010;border-color:#bc64ff;color:#bc64ff;display:none}
.s-8e197a{display:none;font-size:0.5rem;padding:2px 8px;background:rgba(255,80,80,0.1);
      border:1px solid rgba(255,80,80,0.35);border-radius:4px;color:rgba(255,100,100,0.8);cursor:pointer}
.s-8eb53b{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.4rem}
.s-8f6100{font-size:0.6rem;padding:0.2rem 0.55rem;background:transparent;border:1px solid rgba(130,80,255,0.3);border-radius:4px;color:var(--muted);cursor:pointer;letter-spacing:.04em}
.s-900cf1{font-size:0.58rem;color:var(--muted)}
.s-91808c{color:var(--muted);font-size:0.58rem;flex:1}
.s-927678{display:none;font-size:0.55rem;color:#5a8aff}
.s-947b4e{background:none;border:none;color:var(--muted);cursor:pointer;font-size:0.7rem;padding:0;line-height:1}
.s-98e3a6{font-family:'Courier New',monospace;font-size:0.6rem;
        background:rgba(0,0,0,0.4);border:1px solid var(--border);border-radius:4px;
        padding:0.5rem 0.6rem;color:var(--accent);margin-bottom:0.5rem;line-height:1.7;
        white-space:pre-wrap;word-break:break-all}
.s-9df802{display:none;font-size:0.5rem;padding:2px 8px;background:rgba(88,101,242,0.1);
      border:1px solid rgba(88,101,242,0.45);border-radius:4px;color:#7a8aff;
      cursor:pointer;letter-spacing:1px;font-weight:700;font-family:inherit}
.s-9f33c0{display:flex;align-items:center;gap:0.4rem}
.s-a08396{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}
.s-a123e2{width:100%;margin-top:0.3rem;justify-content:center;font-size:0.58rem}
.s-a47da5{border-color:rgba(130,80,255,0.3);color:#b08fff;margin-left:auto}
.s-a4e7c2{display:flex;gap:0.4rem}
.s-a661b6{display:none;font-size:0.62rem;color:var(--yellow);padding:0.4rem 0;letter-spacing:0.5px}
.s-a881db{display:none;margin-top:0.5rem;padding:0.6rem 0.75rem;
           background:rgba(100,60,200,0.08);border:1px solid rgba(130,80,255,0.3);border-radius:6px;
           font-size:0.65rem;display:flex;flex-direction:column;gap:0.5rem}
.s-accac9{width:60px;font-size:0.75rem;padding:0.25rem 0.4rem;background:var(--panel);border:1px solid var(--border);color:var(--fg);border-radius:4px}
.s-acd4d1{margin-top:0.5rem}
.s-adfa81{margin-bottom:0.4rem;font-size:0.58rem;opacity:0.8}
.s-aff187{font-size:0.5rem;padding:2px 8px}
.s-b08777{margin-top:0.6rem;font-size:0.6rem;color:var(--muted2)}
.s-b28e97{display:flex;gap:0.5rem;align-items:center;margin-bottom:0.5rem}
.s-b44851{font-size:0.5rem;padding:2px 8px;border-color:var(--yellow);color:var(--yellow)}
.s-b6b497{font-size:0.5rem;padding:2px 6px;background:#1a0000;border-color:var(--red);color:var(--red)}
.s-b6e174{font-size:0.6rem;color:var(--muted);padding:3px 0}
.s-b7aa1e{width:100%}
.s-ba9206{background:rgba(100,60,200,0.15);border:1px solid rgba(130,80,255,0.5);color:#b08fff;font-size:0.65rem;letter-spacing:1px}
.s-bc12ed{font-family:monospace;font-weight:700}
.s-bcaa56{font-size:0.62rem;color:var(--muted2)}
.s-bdd439{width:100%;justify-content:center}
.s-bf167f{display:flex;gap:4px;flex-wrap:wrap}
.s-c087dd{font-size:0.52rem;letter-spacing:1px;color:var(--muted);text-transform:uppercase;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.s-c38cec{background:rgba(63,185,80,0.15);border:1px solid rgba(63,185,80,0.5);color:var(--green);font-size:0.62rem;letter-spacing:0.5px}
.s-c45cdf{width:100%;height:65px;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:monospace;font-size:0.58rem;resize:vertical;padding:4px;box-sizing:border-box}
.s-c4acbc{font-size:0.55rem;color:var(--muted);margin-bottom:0.6rem}
.s-c59131{width:100%;background:rgba(13,17,23,.8);border:1px solid rgba(130,80,255,0.35);border-radius:4px;
                   color:var(--text);font-size:0.65rem;padding:0.35rem 0.5rem;outline:none;font-family:inherit}
.s-c6d376{border-color:rgba(130,80,255,0.4);color:#b08fff}
.s-c78cc5{color:var(--muted);font-size:0.65rem}
.s-c8329f{font-size:0.65rem;color:var(--muted2)}
.s-c9bc48{display:flex;gap:4px;margin-top:3px}
.s-cd3ede{color:#ffa657;border-color:rgba(255,166,87,0.4)}
.s-d098c7{font-size:0.58rem;color:var(--muted2);margin-bottom:0.5rem;line-height:1.5}
.s-d64e10{display:none;margin-top:0.75rem}
.s-d6fc9f{display:flex;align-items:center;gap:0.5rem;margin-top:0.3rem}
.s-d93beb{display:none;font-size:0.5rem;padding:2px 8px;background:rgba(90,138,255,0.1);
      border:1px solid rgba(90,138,255,0.35);border-radius:4px;color:#5a8aff;cursor:pointer}
.s-df0fe5{display:none;border-color:rgba(255,77,77,0.4);color:#ff4d4d}
.s-dfccd2{display:flex;gap:0.4rem;margin-top:0.5rem}
.s-e1b2a3{font-size:0.65rem;letter-spacing:1px;border-color:rgba(88,166,255,0.4);color:var(--accent)}
.s-e21225{display:flex;gap:0.4rem;align-items:center;margin-bottom:0.5rem}
.s-eac769{color:var(--muted)}
.s-eb2cda{margin-top:4px}
.s-ef50f4{display:none;padding:0.4rem 0.5rem;flex-direction:column;gap:6px;overflow-y:auto}
.s-f04d2e{color:#ff6b35;border-color:rgba(255,107,53,0.4)}
.s-f10b73{margin-top:0.3rem}
.s-f3d116{display:flex;flex-wrap:wrap;gap:0.3rem;margin-bottom:0.5rem}
.s-f8b5b8{display:none;background:rgba(0,255,157,0.15);border:1px solid rgba(0,255,157,0.5);color:var(--accent);margin-left:auto}
.s-f947ed{color:#ff4d4d}