html,
      body {
        margin: 0;
        background: #08090a;
        color: #f7f8f8;
        font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif;
      }
      .gs-hero {
        background-color: #08090a;
        padding-top: calc(var(--gs-nav-h, 0px) + 78px);
        padding-bottom: 32px;
        text-align: center;
      }
      .gs-wrap {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 24px;
        padding-right: 24px;
      }
      .gs-h1 {
        font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif;
        font-size: 60px;
        line-height: 1.06;
        font-weight: 600;
        letter-spacing: -0.03em;
        color: #f7f8f8;
        max-width: 920px;
        margin-top: 0px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
      }
      .gs-sub {
        font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif;
        font-size: 18px;
        line-height: 1.55;
        letter-spacing: -0.01em;
        color: #8a8f98;
        max-width: 640px;
        margin-top: 0px;
        margin-bottom: 32px;
        margin-left: auto;
        margin-right: auto;
      }
      .gs-btn {
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 52px;
        padding-left: 32px;
        padding-right: 32px;
        border-radius: 999px;
        background-color: #ffc53d;
        color: #111318;
        font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: -0.01em;
        text-decoration: none;
        transition: background-color 0.2s ease;
      }
      .gs-btn:hover {
        background-color: #ffd06b;
      }
      .gs-btn-ghost {
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 52px;
        padding-left: 28px;
        padding-right: 28px;
        border-radius: 999px;
        border: 1.7px solid rgba(255, 255, 255, 0.16);
        background-color: transparent;
        color: #f7f8f8;
        font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: -0.01em;
        text-decoration: none;
      }
      .gs-btn-ghost:hover {
        border-color: rgba(255, 255, 255, 0.4);
      }
      .gs-hero .gs-sub {
        margin-bottom: 0px;
      }
      @media screen and (max-width: 991px) {
        .gs-h1 {
          font-size: 50px;
        }
      }
      @media screen and (max-width: 767px) {
        .gs-hero {
          padding-top: calc(var(--gs-nav-h, 0px) + 62px);
        }
        .gs-h1 {
          font-size: 40px;
        }
        .gs-sub {
          font-size: 16px;
        }
      }
      @media screen and (max-width: 479px) {
        .gs-h1 {
          font-size: 34px;
        }
      }
      .gs-demo-section {
        background-color: #08090a;
        padding-top: 0px;
        padding-bottom: 64px;
      }
      body {
        background-color: #08090a;
        padding-bottom: 96px;
      }
      main.gs-page {
        display: block;
        background-color: #08090a;
      }
      .gs-mark {
        background-image: linear-gradient(
          transparent 70%,
          rgba(255, 197, 61, 0.85) 70%,
          rgba(255, 197, 61, 0.85) 88%,
          transparent 88%
        );
        padding-left: 2px;
        padding-right: 2px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
      }
      .gs-btn:focus-visible,
      .gs-btn-ghost:focus-visible {
        outline: 3px solid #ffc53d;
        outline-offset: 2px;
      }
      .gs-sticky {
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 990;
        display: flex;
        gap: 8px;
        padding: 8px;
        border-radius: 999px;
        background-color: rgba(25, 26, 27, 0.92);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: 0 12px 32px -12px rgba(0, 0, 0, 0.5);
        box-sizing: border-box;
        animation: gs-up 0.3s ease-out both;
      }
      .gs-sticky .gs-btn,
      .gs-sticky .gs-btn-ghost {
        height: 48px;
        padding-left: 24px;
        padding-right: 24px;
        white-space: nowrap;
      }
      @keyframes gs-up {
        from {
          opacity: 0;
          transform: translate(-50%, 16px);
        }
        to {
          opacity: 1;
          transform: translate(-50%, 0);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .gs-sticky {
          animation: none;
        }
      }
      @media screen and (max-width: 767px) {
        .gs-sticky {
          width: calc(100% - 32px);
        }
        .gs-sticky .gs-btn,
        .gs-sticky .gs-btn-ghost {
          flex: 1 1 0;
          min-width: 0;
          height: 44px;
          padding-left: 12px;
          padding-right: 12px;
          font-size: 15px;
        }
      }
      @media screen and (max-width: 767px) {
        html.gs-rules-open,
        html.gs-rules-open body {
          overflow: hidden;
        }
      }

      .gs-sticky {
        transition:
          opacity 0.25s ease,
          visibility 0.25s;
      }
      .gs-sticky.is-away {
        animation: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
      }
      .gs-hero .gs-sub {
        max-width: 800px;
      }
      .gs-risks {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
        max-width: 1040px;
        margin: 32px auto 0;
        padding: 0;
        text-align: left;
      }
      .gs-risk {
        background-color: #0f1011;
        border: 1px solid color-mix(in srgb, var(--red) 40%, transparent);
        border-radius: 16px;
        padding: 20px;
        margin: 0;
      }
      .gs-risk-ic {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border-radius: 10px;
        background-color: color-mix(in srgb, var(--red) 16%, transparent);
        color: var(--red);
        margin-bottom: 12px;
      }
      @media screen and (max-width: 767px) {
        .gs-risks {
          grid-template-columns: minmax(0, 1fr);
          gap: 12px;
          margin-top: 24px;
        }
        .gs-risk {
          padding: 16px;
        }
      }
      html.gs-dm-open {
        overflow: hidden;
      }
      html.gs-dm-open .gs-sticky {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
      }
      .gs-dm {
        position: fixed;
        inset: 0;
        z-index: 2000;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px;
        font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif;
      }
      .gs-dm[hidden] {
        display: none;
      }
      .gs-dm-back {
        position: absolute;
        inset: 0;
        background-color: rgba(17, 19, 24, 0.55);
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
      }
      .gs-dm-box {
        position: relative;
        display: grid;
        grid-template-columns: 1.1fr 1fr;
        width: 100%;
        max-width: 1040px;
        max-height: calc(100vh - 48px);
        overflow: auto;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 30px 80px -20px rgba(17, 19, 24, 0.5);
        animation: gs-dm-in 0.25s ease-out both;
      }
      @keyframes gs-dm-in {
        from {
          opacity: 0;
          transform: translateY(12px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      .gs-dm-x {
        position: absolute;
        top: 14px;
        left: 14px;
        z-index: 1;
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 50%;
        background-color: #f2f0ec;
        color: #111318;
        cursor: pointer;
      }
      .gs-dm-x:hover {
        background-color: #e7dfd0;
      }
      .gs-dm-l {
        padding: 64px 40px 40px;
        color: #111318;
      }
      .gs-dm-h {
        font-size: 30px;
        line-height: 1.15;
        font-weight: 600;
        letter-spacing: -0.02em;
        margin: 0 0 14px;
      }
      .gs-dm-p {
        font-size: 16px;
        line-height: 1.55;
        color: #5a6070;
        margin: 0 0 22px;
      }
      .gs-dm-list {
        list-style: none;
        padding: 0;
        margin: 0 0 26px;
        display: flex;
        flex-direction: column;
        gap: 14px;
      }
      .gs-dm-list li {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        font-size: 15px;
        line-height: 1.5;
        color: #2d3040;
      }
      .gs-dm-list svg {
        flex: none;
        margin-top: 2px;
      }
      .gs-dm-k {
        font-size: 13px;
        font-weight: 600;
        color: #111318;
        margin: 16px 0 4px;
      }
      .gs-dm-v {
        font-size: 14px;
        color: #5a6070;
        margin: 0;
      }
      .gs-dm-r {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 40px 32px;
        background: linear-gradient(
          145deg,
          #8b8af2 0%,
          #6665ec 45%,
          #3b2db8 100%
        );
      }
      .gs-dm-f {
        width: 100%;
        max-width: 400px;
        background-color: #fff;
        border-radius: 16px;
        padding: 24px;
        display: flex;
        flex-direction: column;
        gap: 14px;
        box-shadow: 0 20px 40px -20px rgba(17, 19, 24, 0.45);
      }
      .gs-dm-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
      .gs-dm-f label {
        display: flex;
        flex-direction: column;
        gap: 6px;
        font-size: 13px;
        font-weight: 500;
        color: #2d3040;
      }
      .gs-dm-f input {
        height: 44px;
        border: 1px solid #dcd9d3;
        border-radius: 10px;
        padding: 0 12px;
        font: inherit;
        font-size: 15px;
        color: #111318;
        background-color: #fff;
        min-width: 0;
      }
      .gs-dm-f input:focus {
        outline: 2px solid #6665ec;
        outline-offset: 1px;
        border-color: #6665ec;
      }
      .gs-dm-go {
        height: 48px;
        border: 0;
        border-radius: 10px;
        background-color: #6665ec;
        color: #fff;
        font: inherit;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
      }
      .gs-dm-go:hover {
        background-color: #5251d9;
      }
      .gs-dm-priv {
        font-size: 12px;
        line-height: 1.5;
        color: #5a6070;
        margin: 0;
      }
      .gs-dm-ok {
        font-size: 14px;
        line-height: 1.5;
        color: #006b54;
        background-color: #eaf6ef;
        border: 1px solid #bfe3cd;
        border-radius: 10px;
        padding: 10px 12px;
        margin: 0;
      }
      .gs-dm-ok[hidden] {
        display: none;
      }
      @media screen and (max-width: 767px) {
        .gs-dm {
          padding: 0;
        }
        .gs-dm-box {
          grid-template-columns: 1fr;
          max-height: none;
          height: 100%;
          border-radius: 0;
        }
        .gs-dm-l {
          padding: 64px 20px 24px;
        }
        .gs-dm-h {
          font-size: 24px;
        }
        .gs-dm-r {
          padding: 24px 16px 32px;
        }
        .gs-dm-row {
          grid-template-columns: 1fr;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .gs-dm-box {
          animation: none;
        }
      }

      .gs-sticky {
        background-color: rgba(25, 26, 27, 0.92);
        border-color: rgba(255, 255, 255, 0.08);
        box-shadow: 0 12px 32px -12px rgba(0, 0, 0, 0.6);
      }

      .gs-btn:active {
        background-color: #e5ac2b;
      }
      .gs-h1 {
        font-size: 52px;
        max-width: 1120px;
      }
      @media screen and (max-width: 991px) {
        .gs-h1 {
          font-size: 44px;
        }
      }
      @media screen and (max-width: 767px) {
        .gs-h1 {
          font-size: 36px;
        }
      }
      @media screen and (max-width: 479px) {
        .gs-h1 {
          font-size: 30px;
        }
      }
      .gs-h1 {
        text-wrap: balance;
      }

      .gs-risk {
        background-color: #141516;
        border: 1px solid rgba(255, 255, 255, 0.08);
      }
      .gs-risk-ic {
        background-color: var(--red-tint);
        color: var(--red-text);
      }
      .gs-risk.is-in {
        animation: gs-risk-up 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
      }
      @keyframes gs-risk-up {
        from {
          opacity: 0;
          transform: translateY(32px);
        }
        to {
          opacity: 1;
          transform: none;
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .gs-risk.is-in {
          animation: none;
        }
      }
      .gs-risks {
        gap: 28px;
        max-width: none;
        margin: 40px 0 0;
        align-items: stretch;
      }
      .gs-hero {
        padding-bottom: 48px;
      }
      .gs-risk {
        padding: 28px;
      }
      .gs-risk-ic {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        margin-bottom: 16px;
      }
      .gs-risk-ic svg {
        width: 24px;
        height: 24px;
      }
      @media screen and (max-width: 767px) {
        .gs-risks {
          gap: 20px;
          margin-top: 32px;
        }
        .gs-risk {
          padding: 22px;
        }
        .gs-hero {
          padding-bottom: 40px;
        }
      }

      .gs-risk {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }
      .gs-risk-story {
        margin-top: auto;
        display: inline-flex;
        align-items: center;
        height: 34px;
        padding: 0 14px;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.16);
        color: #f7f8f8;
        font-size: 13.5px;
        font-weight: 600;
        text-decoration: none;
        transition:
          border-color 0.15s,
          background-color 0.15s;
      }
      .gs-risk-story:hover {
        border-color: rgba(255, 255, 255, 0.4);
        background-color: rgba(255, 255, 255, 0.05);
      }
      .gs-risk-story:focus-visible {
        outline: 2px solid #ffc53d;
        outline-offset: 2px;
      }

      .gs-risk-h,
      .gs-risk-sub {
        position: relative;
      }
      .gs-risk-h {
        font-family: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif;
        font-size: 26px;
        line-height: 1.2;
        font-weight: 700;
        letter-spacing: -0.015em;
        color: var(--red-text);
        margin: 0 0 10px;
      }
      .gs-risk-sub {
        font-size: 14px;
        line-height: 1.45;
        color: #d0d6e0;
        margin: 0 0 20px;
      }
      @media screen and (max-width: 767px) {
        .gs-risk-h {
          font-size: 22px;
        }
      }
      .gs-risk-h {
        font-size: clamp(19px, calc(1.6vw + 2px), 24px);
        text-wrap: balance;
      }
      .gs-risk-story {
        margin-top: auto;
      }
      @media screen and (max-width: 767px) {
        .gs-risk-h {
          font-size: 20px;
        }
      }
      .gs-top {
        position: absolute;
        top: 30px;
        left: 30px;
        z-index: 20;
        padding: 0;
        margin: 0;
        background: none;
      }
      .gs-top a {
        display: inline-flex;
        border-radius: 6px;
      }
      .gs-top a:focus-visible {
        outline: 2px solid #ffc53d;
        outline-offset: 4px;
      }
      .gs-top-logo {
        display: block;
        height: 26px;
        width: auto;
      }

      @media screen and (max-width: 767px) {
        .gs-top-logo {
          height: 22px;
        }
      }
      .gs-top {
        width: max-content;
      }
      header.gs-top {
        width: max-content !important;
        max-width: calc(100vw - 60px);
        right: auto;
      }
      html,
      body {
        overflow-x: clip;
      }
    
          :root {
            --red: #c81e1e;
            --red-text: #f05252;
            --red-tint: rgba(200, 30, 30, 0.18);
            --green: #047857;
            --green-text: #10b981;
            --green-tint: rgba(4, 120, 87, 0.2);
          }
          .gs-demo {
            --bg: #08090a;
            --paper: #0f1011;
            --card: #141516;
            --sunken: #1c1c1f;
            --elev: #191a1b;
            --tx: #f7f8f8;
            --tx2: #8a8f98;
            --div: rgba(255, 255, 255, 0.08);
            --hov: rgba(255, 255, 255, 0.05);
            --sel: rgba(255, 255, 255, 0.1);
            --c300: #232326;
            --c400: #37393a;
            --c500: #5f6367;
            --c700: #b0b6c0;
            --c800: #d0d6e0;
            --y: #ffc53d;
            --y-dk: #ffd06b;
            --y-press: #e5ac2b;
            --y-on: #111318;
            --y10: rgba(255, 197, 61, 0.12);
            --y15: rgba(255, 197, 61, 0.18);
            --y20: rgba(255, 197, 61, 0.2);
            --y40: rgba(255, 197, 61, 0.45);
            --g: var(--green-text);
            --g-s: var(--green);
            --g12: var(--green-tint);
            --g-on: #ffffff;
            --r: var(--red-text);
            --r-chip: var(--red-text);
            --r-s: var(--red);
            --r12: var(--red-tint);
            --r-on: #ffffff;
            --gs-ink: var(--tx);
            --gs-ink2: var(--c800);
            --gs-ink3: var(--tx2);
            --gs-line: var(--div);
            --gs-soft: var(--card);
            --gs-soft2: var(--c300);
            --gs-page: var(--paper);
            --gs-blue: var(--y);
            --gs-hi: var(--y);
            --gs-green: var(--y);
            --gs-mono:
              'Geist Mono', 'JetBrains Mono', ui-monospace, SFMono-Regular,
              Menlo, monospace;
            --gs-sans: 'Inter', 'Roboto', 'Helvetica', 'Arial', sans-serif;
            --gs-title: var(--gs-sans);
            font-family: var(--gs-sans);
            color: var(--gs-ink);
            font-size: 15px;
            line-height: 1.5;
            letter-spacing: -0.01em;
            text-align: left;
            max-width: 1200px;
            margin: 0 auto;
          }
          .gs-demo *,
          .gs-demo *::before,
          .gs-demo *::after {
            box-sizing: border-box;
          }
          .gs-demo button {
            font: inherit;
            color: inherit;
            cursor: pointer;
            background: none;
            border: 0;
            margin: 0;
            padding: 0;
            letter-spacing: inherit;
          }
          .gs-demo ul,
          .gs-demo ol {
            list-style: none;
            margin: 0;
            padding: 0;
          }
          .gs-demo p {
            margin: 0;
          }
          .gs-demo h3 {
            margin: 0;
          }
          .gs-demo :focus-visible {
            outline: 3px solid var(--gs-hi);
            outline-offset: 2px;
          }
          .gs-demo [hidden] {
            display: none !important;
          }
          .gs-sr {
            position: absolute !important;
            width: 1px;
            height: 1px;
            overflow: hidden;
            clip: rect(0 0 0 0);
            white-space: nowrap;
          }
          .gs-box {
            background: var(--gs-soft);
            border: 1px solid var(--gs-line);
            border-radius: 20px;
            box-shadow:
              0 1px 2px rgba(0, 0, 0, 0.25),
              0 12px 32px -12px rgba(0, 0, 0, 0.45);
            padding: 16px 18px 12px;
            transition:
              border-color 0.25s ease,
              box-shadow 0.25s ease,
              background-color 0.25s ease;
          }
          .gs-box:focus-within {
            border-color: rgba(255, 197, 61, 0.55);
            background: #141516;
            box-shadow:
              0 0 0 1px rgba(255, 197, 61, 0.35),
              0 0 0 6px rgba(255, 197, 61, 0.14),
              0 18px 40px -16px rgba(0, 0, 0, 0.4);
          }
          .gs-demo .gs-input:focus,
          .gs-demo .gs-input:focus-visible {
            outline: none !important;
            box-shadow: none !important;
            border: 0 !important;
          }
          .gs-input {
            caret-color: #ffc53d;
          }
          .gs-input {
            display: block;
            width: 100%;
            border: 0;
            outline: 0;
            background: transparent;
            font-family: var(--gs-sans);
            font-size: 17px;
            line-height: 1.4;
            color: var(--gs-ink);
            padding: 2px 6px 12px;
            letter-spacing: -0.015em;
          }
          .gs-input::placeholder {
            color: #8a8f98;
            transition: opacity 0.25s;
          }
          .gs-input.gs-ph-fade::placeholder {
            opacity: 0;
          }
          .gs-box-actions {
            display: flex;
            align-items: center;
            gap: 8px;
          }
          .gs-seg {
            display: inline-flex;
            background: var(--gs-soft2);
            border-radius: 999px;
            padding: 3px;
            gap: 2px;
          }
          .gs-seg-btn {
            position: relative;
            font-size: 13px !important;
            font-weight: 500;
            color: var(--gs-ink2) !important;
            padding: 6px 14px !important;
            border-radius: 999px !important;
            transition:
              background 0.15s,
              color 0.15s;
          }
          .gs-seg-btn:hover {
            color: var(--gs-ink) !important;
          }
          .gs-seg-btn[aria-pressed='true'] {
            background: var(--gs-soft) !important;
            color: var(--gs-ink) !important;
            box-shadow:
              0 1px 2px rgba(0, 0, 0, 0.3),
              0 0 0 1px rgba(0, 0, 0, 0.25);
          }
          .gs-clear {
            width: 32px;
            height: 32px;
            border-radius: 50% !important;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--gs-ink3) !important;
          }
          .gs-clear:hover {
            background: var(--gs-soft2) !important;
            color: var(--gs-ink) !important;
          }
          .gs-go {
            width: 36px;
            height: 36px;
            border-radius: 50% !important;
            background: #ffc53d !important;
            color: #111318 !important;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition:
              transform 0.15s,
              background 0.15s;
          }
          .gs-go:hover {
            background: #ffc53d !important;
            transform: translateX(1px);
          }
          .gs-go[aria-busy='true'] {
            background: rgba(255, 197, 61, 0.55) !important;
          }
          .gs-out {
            transition: opacity 0.25s ease;
          }
          .gs-label {
            font-family: var(--gs-mono);
            font-size: 11.5px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--gs-ink3);
          }
          .gs-field {
            margin-bottom: 22px;
          }
          .gs-field > .gs-label {
            margin-bottom: 10px;
          }
          .gs-ss {
            display: flex;
            max-width: 420px;
            background: var(--gs-page);
            border: 1px solid var(--gs-line);
          }
          .gs-ss .gs-seg-btn {
            flex: 1;
          }
          .gs-ss .gs-seg-btn[aria-pressed='true'] {
            background: var(--gs-ink) !important;
            color: #141516 !important;
          }
          .gs-ss-desc {
            font-size: 12.5px;
            color: var(--gs-ink2);
            margin-top: 8px !important;
            min-height: 19px;
          }
          .gs-ct li {
            display: flex;
          }
          .gs-sw {
            flex: none;
            position: relative;
            width: 30px;
            height: 18px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.16);
            margin-top: 2px;
            transition: background 0.15s;
          }
          .gs-sw::after {
            content: '';
            position: absolute;
            top: 2px;
            left: 2px;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #141516;
            transition: transform 0.15s;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          }
          .gs-run-meta {
            font-family: var(--gs-mono);
            font-size: 11.5px;
            color: var(--gs-ink3);
            text-align: right;
          }
          .gs-bar {
            height: 3px;
            background: var(--gs-soft2);
            border-radius: 3px;
            overflow: hidden;
            margin: 10px 0;
          }
          .gs-bar span {
            display: block;
            height: 100%;
            width: 0;
            background: var(--gs-blue);
            border-radius: 3px;
            transition: width 0.35s ease;
          }
          .gs-steps-run {
            display: flex;
            flex-wrap: wrap;
            gap: 6px 6px;
            align-items: center;
          }
          .gs-steps-run li {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 12.5px;
            color: var(--gs-ink3);
            transition: color 0.2s;
          }
          .gs-steps-run li + li::before {
            content: '→';
            color: #37393a;
            margin-right: 2px;
          }
          .gs-steps-run li.is-on {
            color: var(--gs-ink);
          }
          .gs-steps-run li.is-done {
            color: var(--gs-ink2);
          }
          .gs-steps-run i {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #8a8f98;
            display: inline-block;
            flex: none;
          }
          .gs-steps-run li.is-on i {
            background: #ffc53d;
            animation: gs-pulse 1s infinite;
          }
          .gs-steps-run li.is-done i {
            background: var(--gs-green);
          }
          .gs-fade {
            position: relative;
          }
          .gs-fade::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 64px;
            pointer-events: none;
            background: linear-gradient(
              to bottom,
              rgba(15, 16, 17, 0),
              var(--gs-soft)
            );
            transition: opacity 0.2s;
          }
          .gs-fade.is-end::after {
            opacity: 0;
          }
          .gs-scroll {
            overflow-y: auto;
            overscroll-behavior: contain;
            scrollbar-width: thin;
            scrollbar-color: rgba(255, 255, 255, 0.16) transparent;
          }
          .gs-scroll::-webkit-scrollbar {
            width: 6px;
            height: 6px;
          }
          .gs-scroll::-webkit-scrollbar-track {
            background: transparent;
          }
          .gs-scroll::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.16);
            border-radius: 6px;
          }
          .gs-res.is-out {
            opacity: 0;
            max-height: 0;
            padding-top: 0;
            padding-bottom: 0;
            margin-top: -6px;
            transform: translateX(12px);
          }
          .gs-res.is-in {
            animation: gs-in 0.45s ease both;
          }
          .gs-skel i {
            display: block;
            height: 10px;
            border-radius: 6px;
            background: linear-gradient(
              90deg,
              #1c1c1f 25%,
              #0f1011 50%,
              #1c1c1f 75%
            );
            background-size: 200% 100%;
            animation: gs-shim 1.2s infinite linear;
            margin-bottom: 8px;
          }
          .gs-empty {
            background: var(--gs-page);
            border-radius: 12px;
            padding: 18px !important;
            color: var(--gs-ink2);
            font-size: 14px;
          }
          .gs-card {
            background: var(--gs-page);
            border: 1px solid var(--gs-line);
            border-radius: 20px;
            padding: 24px;
          }
          .gs-card-title {
            font-family: var(--gs-mono);
            font-size: 22px;
            line-height: 1.2;
            letter-spacing: 0.02em;
            text-transform: uppercase;
            color: var(--gs-ink);
          }
          .gs-code-name {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            font-family: var(--gs-mono);
            font-size: 12px;
            color: var(--gs-ink2);
            margin: 12px 0 6px;
          }
          .gs-code {
            background: var(--paper);
            border: 1px solid var(--div);
            color: #d0d6e0;
            border-radius: 12px;
            padding: 16px 16px 18px;
            margin: 0;
            overflow: auto;
            height: 190px;
            font-family: var(--gs-mono);
            font-size: 12.5px;
            line-height: 1.6;
            white-space: pre;
            tab-size: 2;
          }
          .gs-code code {
            font: inherit;
            background: none;
            color: inherit;
            padding: 0;
          }
          .gs-code .k {
            color: #b3b2f6;
          }
          .gs-code .s {
            color: #d0d6e0;
          }
          .gs-code .c {
            color: #8a8f98;
          }
          .gs-code .n {
            color: #ffc53d;
          }
          .gs-code .h {
            color: #ffc53d;
            background: rgba(255, 197, 61, 0.12);
            border-radius: 3px;
          }
          .gs-copy {
            flex: none;
            font-family: var(--gs-mono);
            font-size: 11.5px !important;
            color: var(--gs-ink2) !important;
            background: var(--gs-page) !important;
            border: 1px solid var(--gs-line) !important;
            border-radius: 8px !important;
            padding: 4px 10px !important;
            min-height: 28px;
          }
          .gs-copy:hover {
            background: var(--gs-soft2) !important;
            color: var(--gs-ink) !important;
          }
          .gs-copy {
            z-index: 2;
          }
          .gs-fade-code::after {
            background: linear-gradient(
              to bottom,
              rgba(15, 16, 17, 0),
              #0f1011
            );
            border-radius: 0 0 12px 12px;
            left: 1px;
            right: 8px;
          }
          .gs-code.gs-scroll {
            scrollbar-color: #37393a transparent;
          }
          .gs-code.gs-scroll::-webkit-scrollbar-thumb {
            background: #37393a;
          }
          @keyframes gs-shim {
            0% {
              background-position: 200% 0;
            }
            100% {
              background-position: -200% 0;
            }
          }
          @keyframes gs-pulse {
            0%,
            100% {
              opacity: 1;
            }
            50% {
              opacity: 0.35;
            }
          }
          @keyframes gs-in {
            from {
              opacity: 0;
              transform: translateY(6px);
            }
            to {
              opacity: 1;
              transform: none;
            }
          }
          .gs-main {
            width: 100%;
          }
          .gs-saved {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            height: 32px;
            font-size: 12.5px;
            font-weight: 600;
            color: var(--gs-green);
            opacity: 0;
            transition: opacity 0.2s;
          }
          .gs-saved.is-on {
            opacity: 1;
          }
          .gs-site-desc {
            font-size: 12.5px;
            color: var(--gs-ink3);
            margin: 4px 0 8px !important;
          }
          .gs-site-add {
            display: flex;
            gap: 6px;
            margin: 0;
          }
          .gs-site-in,
          .gs-num-in,
          .gs-select {
            box-sizing: border-box;
            height: 38px;
            min-width: 0;
            border: 1px solid var(--gs-line);
            border-radius: 10px;
            background: #141516;
            font: inherit;
            font-size: 14px;
            color: var(--gs-ink);
            padding: 0 10px;
            margin: 0;
          }
          .gs-site-in {
            flex: 1;
          }
          .gs-site-in:focus,
          .gs-num-in:focus,
          .gs-select:focus {
            outline: 2px solid rgba(255, 197, 61, 0.6);
            outline-offset: 0;
            border-color: #ffc53d;
          }
          .gs-site-btn {
            height: 38px;
            padding: 0 14px !important;
            border-radius: 10px !important;
            background: var(--gs-ink) !important;
            color: var(--tx) !important;
            font-size: 13.5px !important;
            font-weight: 600;
          }
          .gs-site-err {
            font-size: 12px;
            color: var(--red);
            margin: 4px 0 0 !important;
          }
          .gs-site-err:empty {
            display: none;
          }
          .gs-chips {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-top: 8px !important;
          }
          .gs-chip {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            font-family: var(--gs-mono);
            font-size: 12px;
            background: var(--gs-page);
            border: 1px solid var(--gs-line);
            border-radius: 999px;
            padding: 3px 4px 3px 10px;
          }
          .gs-chip-x {
            width: 20px;
            height: 20px;
            border-radius: 50% !important;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--gs-ink3) !important;
          }
          .gs-chip-x:hover {
            background: var(--gs-soft2) !important;
            color: var(--gs-ink) !important;
          }
          .gs-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 12px 0;
            border-top: 1px solid var(--gs-line);
          }
          .gs-row-l {
            font-size: 14px;
            font-weight: 500;
            color: var(--gs-ink);
          }
          .gs-row-d {
            font-size: 12.5px;
            color: var(--gs-ink3);
            margin: 2px 0 0 !important;
          }
          .gs-money {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: var(--gs-ink3);
            font-size: 14px;
          }
          .gs-num-in {
            width: 120px;
            text-align: right;
          }
          .gs-select {
            min-width: 190px;
          }
          .gs-pills {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            justify-content: flex-end;
          }
          .gs-pill {
            font-size: 12.5px !important;
            font-weight: 500;
            padding: 5px 11px !important;
            border-radius: 999px !important;
            border: 1px solid var(--gs-line) !important;
            background: var(--gs-page) !important;
            color: var(--gs-ink2) !important;
          }
          .gs-pill[aria-pressed='true'] {
            background: var(--gs-ink) !important;
            border-color: var(--gs-ink) !important;
            color: #141516 !important;
          }
          .gs-switch {
            flex: none;
            padding: 2px !important;
          }
          .gs-switch[aria-checked='true'] .gs-sw {
            background: #ffc53d;
          }
          .gs-switch[aria-checked='true'] .gs-sw::after {
            transform: translateX(12px);
          }
          .gs-meter {
            background: var(--gs-page);
            border: 1px solid var(--gs-line);
            border-radius: 12px;
            padding: 12px 14px;
            margin-bottom: 8px;
          }
          .gs-meter-top {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            gap: 8px;
          }
          .gs-meter-v {
            font-family: var(--gs-mono);
            font-size: 13px;
            color: var(--gs-ink);
          }
          .gs-meter-bar {
            height: 6px;
            background: var(--gs-soft2);
            border-radius: 4px;
            overflow: hidden;
            margin-top: 8px;
          }
          .gs-meter-bar span {
            display: block;
            height: 100%;
            width: 0;
            background: #ffc53d;
            transition: width 0.4s ease;
          }
          .gs-meter.is-over .gs-meter-bar span {
            background: var(--red);
          }
          .gs-note-s {
            font-size: 12.5px;
            color: var(--gs-ink3);
            margin: 12px 0 0 !important;
          }
          .gs-log-empty {
            font-size: 13.5px;
            color: var(--gs-ink3);
          }
          .gs-log {
            display: flex;
            flex-direction: column;
            max-height: 240px;
            overflow-y: auto;
          }
          .gs-log li {
            display: grid;
            grid-template-columns: 72px 36px minmax(0, 1fr);
            gap: 10px;
            align-items: baseline;
            padding: 9px 0;
            border-top: 1px solid var(--gs-line);
            font-size: 13.5px;
          }
          .gs-log li:first-child {
            border-top: 0;
          }
          .gs-log-t {
            font-family: var(--gs-mono);
            font-size: 12px;
            color: var(--gs-ink3);
          }
          .gs-log-who {
            font-weight: 600;
          }
          .gs-log-w {
            color: var(--gs-ink2);
          }
          .gs-out {
            margin-top: 24px;
          }
          .gs-run-spend {
            font-family: var(--gs-mono);
            font-size: 11.5px;
            color: var(--gs-ink3);
            margin-top: 4px;
          }
          .gs-run-spend.is-warn {
            color: #ffc53d;
          }
          .gs-bar.is-fail span {
            background: var(--red);
          }
          .gs-steps-run li.is-fail {
            color: var(--red);
            font-weight: 500;
          }
          .gs-steps-run li.is-fail i {
            background: var(--red);
          }
          .gs-blocked {
            display: flex;
            flex-direction: column;
            gap: 4px;
            background: color-mix(in srgb, var(--red) 6%, transparent);
            border: 1px solid color-mix(in srgb, var(--red) 25%, transparent);
            border-radius: 12px;
            padding: 14px 16px;
            color: var(--red);
            font-size: 14px;
          }
          .gs-blocked-t {
            color: var(--gs-ink2);
            font-size: 13.5px;
          }
          .gs-pii {
            background: rgba(255, 197, 61, 0.2);
            border-radius: 3px;
            padding: 0 2px;
          }
          .gs-org {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            margin-top: 24px;
            background: var(--card);
            color: var(--tx);
            border: 1px solid var(--div);
            border-left: 3px solid var(--y);
            border-radius: 20px;
            padding: 24px;
          }
          .gs-org.is-in {
            animation: gs-rise 0.5s ease both;
          }
          .gs-org-h {
            font-family: var(--gs-title);
            font-size: 20px;
            line-height: 1.25;
            font-weight: 600;
            letter-spacing: -0.02em;
            color: var(--tx);
            margin: 0 0 6px !important;
          }
          .gs-org-p {
            font-size: 14.5px;
            color: #8a8f98;
            max-width: 560px;
          }
          .gs-org .gs-org-btn {
            flex: none;
            height: 48px;
            background-color: #ffc53d;
            color: #111318;
          }
          .gs-org .gs-org-btn:hover {
            background-color: #ffc53d;
          }
          @keyframes gs-rise {
            from {
              opacity: 0;
              transform: translateY(12px);
            }
            to {
              opacity: 1;
              transform: none;
            }
          }
          .gs-demo.is-intro .gs-out {
            display: none;
          }
          .gs-demo.is-reveal .gs-out > * {
            animation: gs-rise 0.4s ease both;
          }
          .gs-demo.is-reveal .gs-out > :nth-child(1) {
            animation-delay: 0.06s;
          }
          .gs-demo.is-reveal .gs-out > :nth-child(2) {
            animation-delay: 0.12s;
          }
          .gs-demo.is-reveal .gs-out > :nth-child(3) {
            animation-delay: 0.18s;
          }
          .gs-demo.is-reveal .gs-out > :nth-child(n + 4) {
            animation-delay: 0.24s;
          }
          .gs-box.is-quiet:not(:hover):not(:focus-within) {
            background: var(--gs-page);
            border-color: var(--gs-soft2);
            box-shadow: none;
          }
          .gs-box.is-quiet:not(:hover):not(:focus-within) .gs-input {
            color: var(--gs-ink3);
          }
          .gs-box.is-quiet:not(:hover):not(:focus-within) .gs-go {
            background: var(--gs-soft2) !important;
          }
          .is-loading li > * {
            visibility: hidden;
          }
          .gs-cchip {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-family: var(--gs-mono);
            font-size: 11px;
            font-weight: 500;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            border-radius: 999px;
            padding: 4px 10px;
            vertical-align: middle;
            white-space: nowrap;
          }
          .gs-cchip svg {
            flex: none;
          }
          .gs-cchip-a {
            background: color-mix(in srgb, var(--red) 16%, transparent);
            color: var(--red);
          }
          .gs-cchip-b {
            background: color-mix(in srgb, var(--green) 15%, transparent);
            color: var(--green-text);
          }
          .gs-steps-run li.is-ctl {
            color: var(--green-text);
            font-weight: 600;
          }
          .gs-steps-run li.is-ctl i {
            background: var(--green-text);
          }
          .gs-code .ln-add,
          .gs-code .ln-rm {
            display: inline-block;
            min-width: calc(100% + 32px);
            margin: 0 -16px;
            padding: 0 16px 0 13px;
            border-left: 3px solid;
          }
          .gs-code .ln-add {
            background: color-mix(in srgb, var(--green) 8%, transparent);
            border-color: var(--green-text);
          }
          .gs-code .ln-rm {
            background: color-mix(in srgb, var(--red) 10%, transparent);
            border-color: var(--red);
          }
          .is-none .gs-cchip-b {
            background: var(--gs-soft2);
            color: var(--gs-ink2);
          }
          .is-none .gs-cchip-b svg {
            display: none;
          }
          .gs-shell {
            background: var(--gs-soft);
            border: 1px solid var(--gs-line);
            border-radius: 20px;
            box-shadow:
              0 1px 2px rgba(0, 0, 0, 0.25),
              0 12px 32px -12px rgba(0, 0, 0, 0.45);
            overflow: hidden;
          }
          .gs-shell .gs-box {
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
          }
          .gs-ss {
            display: flex;
            width: 100%;
          }
          .gs-ss-desc {
            font-size: 12px;
            line-height: 1.4;
            color: var(--gs-ink3);
            margin-top: 6px !important;
          }
          .gs-ct {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 6px;
          }
          .gs-ct-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 32px;
            padding: 0 8px !important;
            border-radius: 8px !important;
            background: var(--card) !important;
            border: 1px solid var(--gs-line) !important;
            font-size: 13px !important;
            font-weight: 500;
            color: var(--gs-ink2) !important;
            transition:
              background 0.15s,
              border-color 0.15s,
              color 0.15s;
          }
          .gs-ct-btn:hover {
            border-color: rgba(255, 255, 255, 0.16) !important;
            color: var(--gs-ink) !important;
          }
          .gs-ct-btn[aria-pressed='true'] {
            background: #0f1011 !important;
            border-color: color-mix(
              in srgb,
              var(--red) 40%,
              transparent
            ) !important;
            color: var(--red-text) !important;
          }
          .gs-ct-name {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
          .gs-ct-btn[aria-pressed='true'] .gs-ct-name {
            text-decoration: line-through;
            text-decoration-thickness: 1.5px;
          }
          .gs-pl .gs-chips {
            margin: 0 0 6px !important;
          }
          .gs-pl .gs-chips:empty {
            display: none;
          }
          .gs-pl .gs-site-in,
          .gs-pl .gs-site-btn {
            height: 32px;
            font-size: 13px !important;
          }
          .gs-pl .gs-site-in {
            background: var(--card);
          }
          .gs-pl .gs-row {
            flex-direction: column;
            align-items: stretch;
            gap: 6px;
            padding: 8px 0;
          }
          .gs-pl .gs-row:first-of-type {
            border-top: 0;
          }
          .gs-pl .gs-select {
            min-width: 0;
            width: 100%;
          }
          .gs-pl .gs-num-in {
            flex: 1;
            width: auto;
            text-align: left;
          }
          .gs-pl .gs-money {
            display: flex;
          }
          .gs-pl .gs-pills {
            justify-content: flex-start;
          }
          .gs-pl .gs-switch {
            align-self: flex-start;
          }
          .gs-pl .gs-log li {
            grid-template-columns: 58px 30px minmax(0, 1fr);
            font-size: 12.5px;
          }
          .gs-pl .gs-meter {
            background: var(--gs-soft);
          }
          .gs-rmchip {
            font-family: var(--gs-mono);
            font-size: 11.5px;
            font-weight: 500;
            line-height: 18px;
            border-radius: 999px;
            padding: 2px 9px;
            background: color-mix(in srgb, var(--green) 15%, transparent);
            color: var(--green-text);
            white-space: nowrap;
          }
          .gs-bts-row {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;
          }
          .gs-bts-btn {
            flex: none;
            display: inline-flex;
            align-items: center;
            gap: 4px;
            font-family: var(--gs-mono) !important;
            font-size: 11px !important;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: var(--gs-ink3) !important;
          }
          .gs-bts-btn:hover {
            color: var(--gs-ink) !important;
          }
          .gs-chev {
            flex: none;
            transition: transform 0.3s ease;
          }
          .gs-bts.is-open .gs-bts-btn .gs-chev {
            transform: rotate(90deg);
          }
          .gs-bts-row .gs-run-meta {
            flex: 1;
            min-width: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .gs-bts-body {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows 0.3s ease;
          }
          .gs-bts.is-open .gs-bts-body {
            grid-template-rows: 1fr;
          }
          .gs-bts-clip {
            min-height: 0;
            overflow: hidden;
            visibility: hidden;
            transition: visibility 0.3s;
          }
          .gs-bts.is-open .gs-bts-clip {
            visibility: visible;
          }
          .gs-bts-clip .gs-steps-run {
            padding-top: 10px;
          }
          .gs-bts-clip .gs-bar {
            margin: 10px 0 6px;
          }
          @media (max-width: 767px) {
            .gs-ct {
              grid-template-columns: repeat(3, minmax(0, 1fr));
            }
            .gs-bts-row .gs-run-meta {
              white-space: normal;
            }
          }
          .gs-sw2 {
            display: none;
          }
          .gs-grid {
            position: relative;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            column-gap: 24px;
          }
          .gs-grid::before,
          .gs-grid::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: calc(50% - 12px);
            border-radius: 20px;
            pointer-events: none;
            box-sizing: border-box;
          }
          .gs-grid::before {
            left: 0;
            background: #0f1011;
            border: 1px solid color-mix(in srgb, var(--red) 40%, transparent);
          }
          .gs-grid::after {
            right: 0;
            background: #0f1011;
            border: 1px solid rgba(255, 255, 255, 0.08);
          }
          .gs-c {
            position: relative;
            z-index: 1;
            min-width: 0;
            padding: 0 20px 4px;
          }
          .gs-head {
            display: flex;
            padding: 0;
          }
          .gs-head .gs-cchip {
            flex: 1;
            justify-content: center;
            gap: 10px;
            height: 56px;
            padding: 0 16px;
            border-radius: 20px 20px 0 0;
            font-family: var(--gs-sans);
            font-size: 21px;
            font-weight: 700;
            letter-spacing: normal;
            text-transform: none;
          }
          .gs-head .gs-cchip svg {
            width: 22px;
            height: 22px;
          }
          .gs-head .gs-saved {
            position: absolute;
            right: 16px;
            top: 14px;
            height: 28px;
          }
          .gs-rowl {
            grid-column: 1/-1;
            position: relative;
            z-index: 1;
            display: flex;
            justify-content: space-between;
            gap: 12px;
            padding: 22px 20px 10px;
            font-family: var(--gs-mono);
            font-size: 11.5px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--gs-ink3);
          }
          .gs-c.gs-nobox {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 8px;
            margin: 16px 20px 0;
            padding: 24px;
            text-align: center;
            border: 1.5px dashed color-mix(in srgb, var(--red) 40%, transparent);
            border-radius: 14px;
            background: rgba(255, 255, 255, 0.03);
            color: var(--red);
          }
          .gs-nobox-h {
            display: block;
            font-family: var(--gs-title);
            font-size: 28px;
            line-height: 1.1;
            font-weight: 600;
            letter-spacing: -0.02em;
            color: var(--red-text);
          }
          .gs-nobox-t {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            padding: 8px 12px !important;
            border-radius: 12px !important;
            color: var(--red) !important;
            cursor: help !important;
          }
          .gs-tip {
            position: absolute;
            left: 50%;
            top: calc(50% + 48px);
            transform: translateX(-50%);
            width: max-content;
            max-width: min(280px, calc(100% - 24px));
            padding: 8px 12px;
            border-radius: 10px;
            background: var(--gs-ink);
            color: var(--tx);
            font-size: 13px;
            line-height: 1.45;
            text-align: center;
            opacity: 0;
            visibility: hidden;
            transition:
              opacity 0.15s,
              visibility 0.15s;
            z-index: 3;
            pointer-events: none;
          }
          .gs-nobox-t:hover + .gs-tip,
          .gs-nobox-t:focus + .gs-tip {
            opacity: 1;
            visibility: visible;
          }
          .gs-rh {
            display: flex;
            align-items: center;
            gap: 10px;
            min-height: 26px;
            margin-bottom: 8px;
            min-width: 0;
          }
          .gs-rh .gs-rmchip {
            flex: none;
            margin-left: auto;
          }
          .gs-ameta {
            font-family: var(--gs-mono);
            font-size: 11.5px;
            color: var(--gs-ink3);
          }
          .gs-bts-body {
            margin-top: -4px;
            margin-bottom: 6px;
          }
          .gs-res-scroll {
            height: 786px;
          }
          .gs-ca .gs-fade:not(.gs-fade-code)::after {
            background: linear-gradient(
              to bottom,
              rgba(15, 16, 17, 0),
              #0f1011
            );
          }
          .gs-cb .gs-fade:not(.gs-fade-code)::after {
            background: linear-gradient(
              to bottom,
              rgba(15, 16, 17, 0),
              #0f1011
            );
          }
          .gs-results-a .gs-res.is-rm .gs-res-title {
            color: var(--gs-ink2);
          }
          .gs-cb .gs-empty,
          .gs-cb .gs-blocked {
            background: var(--card);
          }
          .gs-codec > .gs-code-name:first-child {
            margin-top: 10px;
          }
          .gs-acol-a,
          .gs-acol-b {
            padding-top: 22px;
            padding-bottom: 20px;
          }
          .gs-ca.is-loading .gs-code,
          .gs-cb.is-loading .gs-code {
            opacity: 0.45;
          }
          .gs-code {
            transition: opacity 0.25s;
          }
          @media (max-width: 899px) {
            .gs-sw2 {
              display: flex;
              position: sticky;
              top: calc(var(--gs-nav-h, 0px) + 8px);
              z-index: 6;
              margin: 0 0 12px;
              box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.5);
            }
            .gs-sw2 .gs-seg-btn {
              flex: 1;
              height: 44px;
              font-family: var(--gs-sans);
              font-size: 16px !important;
              font-weight: 700;
            }
            .gs-sw2 .gs-seg-btn[data-show='a'][aria-pressed='true'] {
              background: color-mix(
                in srgb,
                var(--red) 16%,
                transparent
              ) !important;
              color: var(--red) !important;
            }
            .gs-sw2 .gs-seg-btn[data-show='b'][aria-pressed='true'] {
              background: color-mix(
                in srgb,
                var(--green) 15%,
                transparent
              ) !important;
              color: var(--green-text) !important;
            }
            .gs-head .gs-cchip {
              font-size: 18px;
              height: 52px;
            }
            .gs-grid {
              grid-template-columns: minmax(0, 1fr);
            }
            .gs-grid::before,
            .gs-grid::after {
              width: auto;
              left: 0;
              right: 0;
            }
            .gs-grid[data-show='b'] .gs-ca,
            .gs-grid[data-show='b']::before,
            .gs-grid[data-show='a'] .gs-cb,
            .gs-grid[data-show='a']::after {
              display: none;
            }
            .gs-c,
            .gs-rowl {
              padding-left: 14px;
              padding-right: 14px;
            }
            .gs-c.gs-nobox {
              margin: 16px 14px 0;
            }
          }
          .gs-box {
            display: flex;
            align-items: center;
            gap: 8px;
          }
          .gs-box .gs-input {
            flex: 1;
            min-width: 0;
            padding: 6px;
          }
          .gs-box-actions {
            flex: none;
          }
          .gs-flag {
            font-family: var(--gs-mono);
            font-size: 10.5px;
            font-weight: 600;
            letter-spacing: 0.03em;
            text-transform: uppercase;
            color: var(--tx);
            background: var(--red);
            border-radius: 999px;
            padding: 1px 7px;
            margin-right: 6px;
          }
          .gs-blur {
            filter: blur(4px);
            user-select: none;
          }
          .gs-acc {
            display: flex;
            flex-direction: column;
            gap: 6px;
          }
          .gs-acc-i {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 12px;
          }
          .gs-acc-b {
            display: flex;
            align-items: center;
            gap: 10px;
            width: 100%;
            min-height: 44px;
            padding: 0 14px !important;
            text-align: left;
            border-radius: 12px !important;
          }
          .gs-acc-b:hover {
            background: rgba(255, 255, 255, 0.03) !important;
          }
          .gs-acc-t {
            flex: 1;
            min-width: 0;
            font-size: 14.5px;
            font-weight: 600;
            color: var(--gs-ink);
          }
          .gs-acc-v {
            flex: none;
            max-width: 55%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-family: var(--gs-mono);
            font-size: 12px;
            color: var(--green-text);
          }
          .gs-acc-i.is-open .gs-acc-b .gs-chev {
            transform: rotate(90deg);
          }
          .gs-acc-p {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows 0.3s ease;
          }
          .gs-acc-i.is-open .gs-acc-p {
            grid-template-rows: 1fr;
          }
          .gs-acc-c {
            min-height: 0;
            overflow: hidden;
            visibility: hidden;
            transition: visibility 0.3s;
          }
          .gs-acc-i.is-open .gs-acc-c {
            visibility: visible;
          }
          .gs-acc-in {
            padding: 2px 14px 14px;
          }
          .gs-acc-hint {
            font-size: 12px;
            color: var(--gs-ink3);
            margin: 0 0 8px !important;
          }
          @media (max-width: 767px) {
            .gs-org {
              flex-direction: column;
              align-items: stretch;
              padding: 16px;
            }
            .gs-org .gs-org-btn {
              width: 100%;
            }
            .gs-ss {
              max-width: none;
            }
            .gs-input {
              font-size: 16px;
            }
            .gs-card {
              padding: 16px;
            }
            .gs-card-title {
              font-size: 20px;
            }
          }
          .gs-results,
          .gs-results-a {
            display: flex;
            flex-direction: column;
            gap: 8px;
          }
          .gs-res {
            flex: none;
            display: block;
            background: var(--card);
            border: 1px solid #1c1c1f;
            border-radius: 10px;
            padding: 10px 14px;
            transition: border-color 0.15s;
          }
          .gs-res:hover {
            border-color: rgba(255, 255, 255, 0.16);
          }
          .gs-res-top {
            display: flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
          }
          .gs-fav {
            flex: none;
            width: 18px;
            height: 18px;
            border-radius: 4px;
            object-fit: contain;
          }
          .gs-fav-m {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #232326;
            color: #8a8f98;
            font-size: 11px;
            font-weight: 700;
          }
          .gs-res-title {
            flex: 1;
            min-width: 0;
            font-family: var(--gs-sans);
            font-size: 16px;
            line-height: 1.35;
            font-weight: 600;
            color: var(--tx);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .gs-res-dom {
            flex: none;
            max-width: 40%;
            font-family: var(--gs-mono);
            font-size: 14px;
            color: #8a8f98;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .gs-ok {
            flex: none;
            color: var(--green-text);
            font-weight: 700;
            margin-left: 2px;
          }
          .gs-res-snip {
            margin-top: 4px !important;
            font-size: 14px;
            line-height: 1.45;
            color: #d0d6e0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .gs-res-tag {
            margin-top: 6px !important;
            line-height: 1;
          }
          .gs-results-a .gs-res.is-rm {
            border-left: 3px solid var(--red);
            padding-left: 12px;
          }
          .gs-results-a .gs-res.is-flag {
            background: #141516;
            border-color: color-mix(in srgb, var(--red) 40%, transparent);
            border-left-color: var(--red);
          }
          .gs-skel {
            flex: none;
            display: grid;
            grid-template-columns: 18px 1fr;
            gap: 10px;
            align-items: center;
            height: 64px;
            background: var(--card);
            border: 1px solid #1c1c1f;
            border-radius: 10px;
            padding: 10px 14px;
          }
          .gs-skel i:first-child {
            width: 18px;
            height: 18px;
            border-radius: 4px;
          }
          @media (max-width: 767px) {
            .gs-res-title {
              font-size: 15px;
            }
            .gs-res-dom {
              font-size: 12px;
              max-width: 38%;
            }
            .gs-res-snip {
              font-size: 13.5px;
            }
          }
          .gs-notused {
            font-size: 12px;
            color: var(--green-text);
            font-weight: 500;
          }
          .gs-mix-a,
          .gs-mix {
            --q-t: #d0d6e0;
            --q-q: #5f6367;
            --q-r: var(--red);
          }
          .gs-qh {
            display: flex;
            align-items: baseline;
            gap: 8px;
          }
          .gs-qh-n {
            font-family: var(--gs-sans);
            font-size: 40px;
            line-height: 1;
            font-weight: 700;
            letter-spacing: -0.02em;
            color: var(--gs-ink);
          }
          .gs-qh-l {
            font-size: 16px;
            font-weight: 600;
            color: var(--gs-ink2);
          }
          .gs-qh-s {
            margin: 6px 0 14px !important;
            font-size: 14px;
            color: var(--gs-ink2);
          }
          .gs-qh-s b {
            font-weight: 700;
            color: var(--gs-ink);
          }
          .gs-waf {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            min-height: 20px;
          }
          .gs-w {
            width: 20px;
            height: 20px;
            border-radius: 4px;
            background: #232326;
            animation: gs-pop 0.35s ease both;
            outline-offset: 2px;
          }
          .gs-w.q-t {
            background: var(--q-t);
          }
          .gs-w.q-q {
            background: var(--q-q);
          }
          .gs-w.q-r {
            background: var(--q-r);
          }
          .gs-w.is-x {
            position: relative;
            background: transparent;
            border: 1.5px dashed #37393a;
          }
          .gs-w.is-x::after {
            content: '×';
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            line-height: 1;
            color: #8a8f98;
          }
          .gs-w[data-id] {
            cursor: help;
          }
          @keyframes gs-pop {
            from {
              opacity: 0;
              transform: scale(0.6);
            }
            to {
              opacity: 1;
              transform: none;
            }
          }
          .is-loading .gs-w {
            background: #1c1c1f !important;
            border-color: transparent !important;
            animation: gs-pulse 1s infinite;
          }
          .is-loading .gs-w::after {
            display: none;
          }
          .is-loading .gs-qh-n,
          .is-loading .gs-qh-s,
          .is-loading .gs-qkey {
            opacity: 0.35;
          }
          .gs-qkey {
            display: flex;
            flex-direction: column;
            gap: 6px;
            margin-top: 14px !important;
          }
          .gs-qkey li {
            display: flex;
            align-items: baseline;
            gap: 8px;
            font-size: 14px;
            color: var(--gs-ink2);
            outline-offset: 2px;
          }
          .gs-qkey i {
            flex: none;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            transform: translateY(1px);
          }
          .gs-qkey .q-t i {
            background: var(--q-t);
          }
          .gs-qkey .q-q i {
            background: var(--q-q);
          }
          .gs-qkey .q-r i {
            background: var(--q-r);
          }
          .gs-qkey-n {
            min-width: 96px;
          }
          .gs-qkey b {
            font-family: var(--gs-mono);
            font-weight: 500;
            font-size: 13px;
            color: var(--gs-ink);
          }
          .gs-qkey s {
            color: var(--gs-ink3);
          }
          .gs-qkey li.is-good b {
            color: var(--green-text);
            font-weight: 700;
          }
          .gs-qkey-d {
            font-size: 12px;
            color: var(--gs-ink3);
            opacity: 0;
            transition: opacity 0.15s;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            min-width: 0;
          }
          .gs-qkey li:hover .gs-qkey-d,
          .gs-qkey li:focus .gs-qkey-d {
            opacity: 1;
          }
          .gs-wtip {
            position: fixed;
            z-index: 50;
            display: flex;
            flex-direction: column;
            gap: 2px;
            max-width: 280px;
            padding: 8px 10px;
            border-radius: 8px;
            background: var(--gs-ink);
            color: var(--tx);
            font-size: 12.5px;
            line-height: 1.4;
            pointer-events: none;
            box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.35);
          }
          .gs-wtip b {
            font-weight: 600;
          }
          .gs-wtip span {
            color: #8a8f98;
          }
          .gs-wtip .gs-wtip-x {
            color: #d0d6e0;
          }
          @media (max-width: 767px) {
            .gs-qh-n {
              font-size: 34px;
            }
            .gs-w {
              width: 18px;
              height: 18px;
            }
          }
          .gs-code-h {
            display: flex;
            align-items: baseline;
            gap: 12px;
            min-width: 0;
          }
          .gs-code-tog {
            flex: none;
            display: inline-flex;
            align-items: center;
            gap: 4px;
            font-family: var(--gs-mono) !important;
            font-size: 11.5px !important;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--gs-ink3) !important;
          }
          .gs-code-tog:hover {
            color: var(--gs-ink) !important;
          }
          .gs-code-tog[aria-expanded='true'] .gs-chev {
            transform: rotate(90deg);
          }
          .gs-code-sum {
            min-width: 0;
            font-family: var(--gs-mono);
            font-size: 11.5px;
            color: var(--gs-ink3);
            opacity: 0.8;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .gs-codep {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows 0.3s ease;
          }
          .gs-grid.is-code-open .gs-codep {
            grid-template-rows: 1fr;
          }
          .gs-codec {
            min-height: 0;
            overflow: hidden;
            visibility: hidden;
            transition: visibility 0.3s;
          }
          .gs-grid.is-code-open .gs-codec {
            visibility: visible;
          }
          .gs-c.gs-pl {
            padding-top: 16px;
          }
          @media (prefers-reduced-motion: reduce) {
            .gs-demo *,
            .gs-demo *::before,
            .gs-demo *::after {
              animation-duration: 0.001ms !important;
              animation-iteration-count: 1 !important;
              transition-duration: 0.001ms !important;
            }
          }

          .gs-qkey b {
            flex: none;
            white-space: nowrap;
          }

          /* dark theme: semantic overrides */
          .gs-grid::before,
          .gs-grid::after {
            background: var(--paper);
            border: 1px solid var(--div);
          }
          .gs-head .gs-cchip {
            border-radius: 20px 20px 0 0;
          }
          .gs-cchip-a {
            background: var(--r12);
            color: var(--r);
          }
          .gs-cchip-b {
            background: var(--g12);
            color: var(--g);
            box-shadow: inset 0 2px 0 var(--g);
          }
          .is-none .gs-cchip-b {
            background: var(--sunken);
            color: var(--tx2);
            box-shadow: none;
          }
          .gs-c.gs-nobox {
            background: color-mix(in srgb, var(--red) 4%, transparent);
            border-color: color-mix(in srgb, var(--red) 35%, transparent);
            color: var(--red);
          }
          .gs-nobox-h {
            color: var(--r);
          }
          .gs-box {
            background: var(--card);
            border-color: var(--div);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          }
          .gs-shell {
            background: var(--card);
            border-color: var(--div);
            box-shadow:
              0 1px 2px rgba(0, 0, 0, 0.4),
              0 12px 32px -12px rgba(0, 0, 0, 0.6);
          }
          .gs-shell:focus-within {
            border-color: var(--y40);
            box-shadow:
              0 0 0 1px var(--y40),
              0 0 0 6px var(--y15);
          }
          .gs-box:focus-within {
            background: var(--card);
            box-shadow: none;
          }
          .gs-input {
            color: var(--tx);
            caret-color: var(--y);
          }
          .gs-input::placeholder {
            color: var(--tx2);
          }
          .gs-box.is-quiet:not(:hover):not(:focus-within) {
            background: var(--card);
          }
          .gs-box.is-quiet:not(:hover):not(:focus-within) .gs-input {
            color: var(--tx2);
          }
          .gs-shell:has(.gs-box.is-quiet:not(:hover):not(:focus-within)) {
            border-color: rgba(255, 255, 255, 0.06);
          }
          .gs-box.is-quiet:not(:hover):not(:focus-within) .gs-go {
            background: var(--c400) !important;
            color: var(--tx) !important;
          }
          .gs-go {
            background: var(--y) !important;
            color: var(--y-on) !important;
          }
          .gs-go:hover {
            background: var(--y-dk) !important;
          }
          .gs-clear {
            color: var(--tx2) !important;
          }
          .gs-seg {
            background: var(--sunken);
          }
          .gs-seg-btn {
            color: var(--tx2) !important;
          }
          .gs-seg-btn:hover {
            color: var(--tx) !important;
          }
          .gs-seg-btn[aria-pressed='true'],
          .gs-ss .gs-seg-btn[aria-pressed='true'] {
            background: var(--y) !important;
            color: var(--y-on) !important;
            box-shadow: none !important;
          }
          .gs-sw2 .gs-seg-btn[data-show='a'][aria-pressed='true'] {
            background: var(--r12) !important;
            color: var(--r) !important;
            box-shadow: inset 0 0 0 1px
              color-mix(in srgb, var(--red) 40%, transparent) !important;
          }
          .gs-sw2 .gs-seg-btn[data-show='b'][aria-pressed='true'] {
            background: var(--g) !important;
            color: var(--g-on) !important;
          }
          .gs-sw2 {
            background: var(--elev);
            border: 1px solid var(--div);
          }
          .gs-acc-i {
            background: var(--card);
            border-color: var(--div);
          }
          .gs-acc-b:hover {
            background: var(--hov) !important;
          }
          .gs-acc-v {
            color: var(--g);
          }
          .gs-ct-btn {
            background: var(--sunken) !important;
            border-color: var(--div) !important;
            color: var(--c800) !important;
          }
          .gs-ct-btn:hover {
            border-color: rgba(255, 255, 255, 0.16) !important;
            color: var(--tx) !important;
          }
          .gs-ct-btn[aria-pressed='true'] {
            background: var(--y15) !important;
            border-color: var(--y40) !important;
            color: var(--y) !important;
          }
          .gs-site-in,
          .gs-num-in,
          .gs-select,
          .gs-pl .gs-site-in {
            background: var(--sunken) !important;
            color: var(--tx);
            border-color: var(--div);
          }
          .gs-site-btn {
            background: var(--y) !important;
            color: var(--y-on) !important;
          }
          .gs-chip {
            background: var(--sunken);
            border-color: var(--div);
            color: var(--c800);
          }
          .gs-chip-x {
            color: var(--tx2) !important;
          }
          .gs-pill {
            background: var(--sunken) !important;
            border-color: var(--div) !important;
            color: var(--c800) !important;
          }
          .gs-pill[aria-pressed='true'] {
            background: var(--y) !important;
            border-color: var(--y) !important;
            color: var(--y-on) !important;
          }
          .gs-sw {
            background: var(--c400);
          }
          .gs-sw::after {
            background: var(--tx);
          }
          .gs-switch[aria-checked='true'] .gs-sw {
            background: var(--y);
          }
          .gs-switch[aria-checked='true'] .gs-sw::after {
            background: var(--y-on);
          }
          .gs-meter {
            background: var(--sunken) !important;
            border-color: var(--div);
          }
          .gs-meter-bar {
            background: var(--c300);
          }
          .gs-meter.is-over .gs-meter-bar span {
            background: var(--r-s);
          }
          .gs-saved {
            color: var(--g);
          }
          .gs-tip,
          .gs-wtip {
            background: var(--c300);
            color: var(--tx);
            border: 1px solid var(--div);
          }
          .gs-wtip span {
            color: var(--c700);
          }
          .gs-wtip .gs-wtip-x {
            color: var(--g);
          }
          .gs-res {
            background: var(--card);
            border-color: var(--div);
          }
          .gs-res:hover {
            border-color: rgba(255, 255, 255, 0.16);
          }
          .gs-res-title {
            color: var(--tx);
          }
          .gs-res-dom,
          .gs-res-snip {
            color: var(--tx2);
          }
          .gs-results-a .gs-res.is-rm {
            border-left-color: var(--r-s);
          }
          .gs-results-a .gs-res.is-flag {
            background: var(--card);
            border-color: var(--div);
            border-left-color: var(--r-s);
          }
          .gs-results-a .gs-res.is-rm .gs-res-title {
            color: var(--tx);
          }
          .gs-flag {
            background: var(--r12);
            color: var(--r);
          }
          .gs-ok {
            color: var(--g);
          }
          .gs-notused {
            color: var(--g);
          }
          .gs-rmchip {
            background: var(--g12);
            color: var(--g);
          }
          .gs-fav-m {
            background: var(--c300);
            color: var(--c700);
          }
          .gs-skel {
            background: var(--card);
            border-color: var(--div);
          }
          .gs-skel i,
          .is-loading .gs-legend li {
            background: linear-gradient(
              90deg,
              #1c1c1f 25%,
              rgba(255, 255, 255, 0.06) 50%,
              #1c1c1f 75%
            ) !important;
            background-size: 200% 100% !important;
          }
          .gs-ca .gs-fade:not(.gs-fade-code)::after,
          .gs-cb .gs-fade:not(.gs-fade-code)::after {
            background: linear-gradient(
              to bottom,
              rgba(15, 16, 17, 0),
              #0f1011
            );
          }
          .gs-mix-a,
          .gs-mix {
            --q-t: #d0d6e0;
            --q-q: #5f6367;
            --q-r: var(--red);
          }
          .gs-w {
            background: var(--c300);
          }
          .gs-w.is-x {
            border-color: var(--c400);
          }
          .gs-w.is-x::after {
            color: var(--tx2);
          }
          .is-loading .gs-w {
            background: var(--sunken) !important;
          }
          .gs-qkey li.is-good b {
            color: var(--g);
          }
          .gs-qh-n {
            color: var(--tx);
          }
          .gs-code .k {
            color: var(--red-text);
          }
          .gs-code .s {
            color: #d0d6e0;
          }
          .gs-code .c {
            color: #8a8f98;
          }
          .gs-code .n,
          .gs-code .h {
            color: var(--y);
          }
          .gs-code .ln-add {
            background: color-mix(in srgb, var(--green) 8%, transparent);
            border-color: var(--g);
          }
          .gs-code .ln-rm {
            background: color-mix(in srgb, var(--red) 10%, transparent);
            border-color: var(--r-s);
          }
          .gs-copy {
            background: var(--sunken) !important;
            border-color: var(--div) !important;
            color: var(--c800) !important;
          }
          .gs-copy:hover {
            background: var(--c300) !important;
            color: var(--tx) !important;
          }
          .gs-org-p {
            color: var(--tx2);
          }
          .gs-org .gs-org-btn {
            background-color: var(--y);
            color: var(--y-on);
          }
          .gs-org .gs-org-btn:hover {
            background-color: var(--y-dk);
          }
          .gs-steps-run li.is-done i,
          .gs-steps-run li.is-ctl i {
            background: var(--g);
          }
          .gs-steps-run li.is-ctl {
            color: var(--g);
          }
          .gs-steps-run li.is-on i {
            background: var(--y);
          }
          .gs-steps-run i {
            background: var(--c400);
          }
          .gs-bar {
            background: var(--c300);
          }
          .gs-bar.is-fail span,
          .gs-steps-run li.is-fail i {
            background: var(--r-s);
          }
          .gs-steps-run li.is-fail {
            color: var(--r);
          }
          .gs-blocked {
            background: var(--r12);
            border-color: color-mix(in srgb, var(--red) 35%, transparent);
            color: var(--r);
          }
          .gs-cb .gs-empty,
          .gs-cb .gs-blocked {
            background: var(--card);
          }
          .gs-empty {
            background: var(--card);
            color: var(--c800);
          }
          .gs-pii {
            background: var(--y20);
            color: var(--tx);
          }
          .gs-run-spend.is-warn {
            color: var(--y);
          }
          .gs-demo :focus-visible {
            outline-color: var(--y);
          }
          .gs-scroll {
            scrollbar-color: var(--c400) transparent;
          }
          .gs-scroll::-webkit-scrollbar-thumb {
            background: var(--c400);
          }
          .gs-acc-hint,
          .gs-ss-desc,
          .gs-row-d,
          .gs-note-s,
          .gs-log-empty,
          .gs-ameta,
          .gs-run-meta,
          .gs-code-sum {
            color: var(--tx2);
          }
          .gs-w.is-x {
            border-color: var(--c500);
          }

          /* semantic red/green on dark; yellow reserved for brand actions */
          .gs-org {
            border-left: 1px solid var(--div);
          }
          .gs-code .n {
            color: var(--c700);
          }
          .gs-code .h {
            color: var(--g);
            background: var(--g12);
          }
          .gs-pii {
            background: var(--sel);
          }
          .gs-run-spend.is-warn {
            color: var(--r);
          }
          .gs-meter-bar span {
            background: var(--c700);
          }
          .gs-meter.is-over .gs-meter-bar span {
            background: var(--r-s);
          }
          .gs-sw2 .gs-seg-btn[data-show='b'][aria-pressed='true'] {
            background: var(--g12) !important;
            color: var(--g) !important;
            box-shadow: inset 0 0 0 1px
              color-mix(in srgb, var(--green) 40%, transparent) !important;
          }
          .gs-cchip-b {
            box-shadow: inset 0 2px 0 var(--g);
          }
          .gs-cchip-a {
            box-shadow: inset 0 2px 0 var(--r-s);
          }
          .gs-mix-a,
          .gs-mix {
            --q-r: var(--red);
          }
          .gs-code .k {
            color: #b0b6c0;
          }
          .gs-site-err {
            color: var(--r);
          }
          @media (max-width: 899px) {
            .gs-bts-row {
              flex-wrap: wrap;
              row-gap: 6px;
            }
            .gs-bts-row .gs-run-meta {
              white-space: nowrap;
              flex: 1 1 auto;
            }
            .gs-rh .gs-rmchip {
              margin-left: 0;
            }
          }

          .gs-res.is-wait {
            visibility: hidden;
          }
          .gs-res.is-show {
            animation: gs-cardin 0.15s ease both;
          }
          @keyframes gs-cardin {
            from {
              opacity: 0;
            }
            to {
              opacity: 1;
            }
          }
          .gs-res-snip {
            min-height: 1.45em;
          }
          .gs-res-title,
          .gs-res-dom {
            min-height: 1.35em;
          }
          .gs-res .gs-flag,
          .gs-res .gs-notused {
            opacity: 0;
            transition: opacity 0.25s ease;
          }
          .gs-res.is-done .gs-flag,
          .gs-res.is-done .gs-notused {
            opacity: 1;
          }
          @media (max-width: 899px) {
            .gs-res-scroll {
              height: 524px;
            }
          }

          .gs-code .ln-add {
            border-color: var(--g-s);
          }
          .gs-code .ln-rm {
            border-color: var(--r-s);
          }
          .gs-flag {
            color: var(--r-chip);
          }
          .gs-cchip-a svg {
            color: var(--r);
          }
          .gs-cchip-b svg {
            color: var(--g);
          }
          .gs-c.gs-nobox {
            color: var(--r);
          }

          .gs-go:active,
          .gs-org .gs-org-btn:active {
            background: var(--y-press) !important;
          }

          .gs-cb .gs-res-scroll {
            height: auto;
            max-height: 786px;
          }
          .gs-c .gs-blk-tog {
            margin-top: 24px !important;
          }
          .gs-blk-tog {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-top: 24px;
            height: 36px;
            padding: 0 14px !important;
            border-radius: 999px !important;
            border: 1px solid color-mix(in srgb, var(--green) 50%, transparent) !important;
            color: var(--g) !important;
            font-size: 13.5px !important;
            font-weight: 600;
          }
          .gs-blk-tog:hover {
            background: var(--g12) !important;
          }
          .gs-blk-tog[aria-expanded='true'] .gs-chev {
            transform: rotate(90deg);
          }
          .gs-blk-p {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows 0.3s ease;
          }
          .gs-blk-p.is-open {
            grid-template-rows: 1fr;
          }
          .gs-blk-c {
            min-height: 0;
            overflow: hidden;
            visibility: hidden;
            transition: visibility 0.3s;
          }
          .gs-blk-p.is-open .gs-blk-c {
            visibility: visible;
          }
          .gs-blk {
            display: flex;
            flex-direction: column;
            gap: 6px;
            padding-top: 10px !important;
          }
          .gs-blk li {
            display: grid;
            grid-template-columns: 18px minmax(0, 1fr) auto;
            grid-template-areas: 'f t t' 'f c b';
            align-items: center;
            gap: 4px 10px;
            padding: 8px 12px;
            border: 1px dashed var(--c400);
            border-radius: 10px;
            background: var(--paper);
          }
          .gs-blk .gs-fav {
            grid-area: f;
            align-self: start;
            margin-top: 2px;
            opacity: 0.7;
          }
          .gs-blk-t {
            grid-area: t;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px;
            color: var(--tx2);
          }
          .gs-blk-t s {
            text-decoration-color: rgba(255, 255, 255, 0.45);
          }
          .gs-blk-t em {
            font-style: normal;
            font-family: var(--gs-mono);
            font-size: 12px;
            margin-left: 6px;
          }
          .gs-blk .gs-flag {
            grid-area: c;
            justify-self: start;
            margin: 0;
          }
          .gs-blk-by {
            grid-area: b;
            font-size: 12px;
            font-weight: 500;
            color: var(--g);
            white-space: nowrap;
          }
          @media (max-width: 899px) {
            .gs-cb .gs-res-scroll {
              max-height: 524px;
            }
            .gs-blk li {
              grid-template-columns: 18px minmax(0, 1fr);
              grid-template-areas: 'f t' 'f c' 'f b';
            }
            .gs-blk-by {
              white-space: normal;
            }
          }
          .gs-mix-a {
            --q-t: var(--green);
            --q-q: #5f6367;
            --q-r: var(--red);
          }
          .gs-mix {
            --q-t: var(--green);
            --q-q: #5f6367;
            --q-r: var(--red);
          }
          .gs-mix-a .gs-qh-n,
          .gs-ameta {
            color: var(--r);
          }
          .gs-mix .gs-qh-n {
            color: var(--g);
          }
          .gs-qh-l {
            color: var(--tx2);
          }
          .gs-res-scroll,
          .gs-cb .gs-res-scroll {
            height: auto !important;
            max-height: none !important;
            overflow: visible;
          }
          .gs-fade-res::after,
          .gs-fade-res-a::after {
            display: none !important;
          }
          .gs-results .gs-res.is-wait,
          .gs-results-a .gs-res.is-wait {
            display: none;
          }
          @media (max-width: 899px) {
            .gs-res-scroll,
            .gs-cb .gs-res-scroll {
              max-height: none !important;
            }
          }

          .gs-res.is-show {
            animation: gs-rise16 0.35s ease-out both;
          }
          @keyframes gs-rise16 {
            from {
              opacity: 0;
              transform: translateY(16px);
            }
            to {
              opacity: 1;
              transform: none;
            }
          }

          .gs-fav-i {
            color: var(--red-text);
          }
          .gs-head .gs-cchip svg.gs-nlogo {
            width: auto;
            height: 22px;
            flex: none;
          }
          @media (max-width: 767px) {
            .gs-head .gs-cchip svg.gs-nlogo {
              height: 16px;
            }
            .gs-head .gs-cchip {
              gap: 8px;
            }
          }

          .gs-w.is-pop {
            animation: gs-wpop 0.2s ease-out both;
          }
          @keyframes gs-wpop {
            from {
              opacity: 0;
              transform: scale(0.6);
            }
            to {
              opacity: 1;
              transform: none;
            }
          }
          .gs-zdr {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin: 0 0 12px !important;
            padding: 4px 10px;
            border-radius: 999px;
            background: var(--green-tint);
            color: var(--green-text);
            font-size: 12.5px;
            font-weight: 600;
            cursor: help;
          }
          .gs-zdr svg {
            flex: none;
          }
          .gs-zdr-tip {
            position: absolute;
            left: 0;
            top: calc(100% + 6px);
            z-index: 5;
            width: max-content;
            max-width: 260px;
            padding: 6px 10px;
            border-radius: 8px;
            background: var(--c300);
            border: 1px solid var(--div);
            color: var(--tx);
            font-size: 12px;
            font-weight: 400;
            opacity: 0;
            visibility: hidden;
            transition:
              opacity 0.15s,
              visibility 0.15s;
            pointer-events: none;
          }
          .gs-zdr:hover .gs-zdr-tip,
          .gs-zdr:focus .gs-zdr-tip {
            opacity: 1;
            visibility: visible;
          }
          .gs-org {
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 0;
            text-align: center;
            padding: 56px;
            border-radius: 20px;
            border: 1px solid var(--div);
          }
          .gs-org-txt {
            display: flex;
            flex-direction: column;
            align-items: center;
          }
          .gs-org-h {
            font-family: var(--gs-sans);
            font-size: 36px;
            line-height: 1.2;
            font-weight: 700;
            max-width: 820px;
            margin: 0 !important;
          }
          .gs-org-p {
            font-size: 19px;
            line-height: 1.55;
            color: #8a8f98;
            max-width: 680px;
            margin-top: 16px !important;
          }
          .gs-org .gs-org-btn {
            margin-top: 28px;
            height: 56px;
            padding: 0 36px;
            font-size: 17px;
            font-weight: 600;
            border-radius: 999px;
            background-color: var(--y);
            color: var(--y-on);
          }
          .gs-org .gs-org-btn:hover {
            background-color: #ffd06b;
          }
          @media (max-width: 767px) {
            .gs-org {
              padding: 32px;
              align-items: center;
            }
            .gs-org-h {
              font-size: 26px;
            }
            .gs-org-p {
              font-size: 16px;
            }
            .gs-org .gs-org-btn {
              width: auto;
            }
          }