.hx-config-studio-for-claude-code{--turn: 4s;--cyc: calc(3 * var(--turn));position:relative;min-height:460px;display:flex;flex-direction:column;gap:14px;padding:8px 0 0;font-family:var(--font-sans)}.hx-config-studio-for-claude-code .cs-keys{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2)}.hx-config-studio-for-claude-code .cs-kk{position:relative;display:inline-grid}.hx-config-studio-for-claude-code .cs-kk code{grid-area:1 / 1;font:600 13px var(--font-mono);padding:5px 10px;border-radius:8px;white-space:nowrap;color:var(--at);background:color-mix(in srgb,var(--a) 12%,transparent);border:1px solid color-mix(in srgb,var(--a) 40%,transparent);opacity:0;animation:cs-turn var(--cyc) infinite;animation-delay:calc(var(--p) * var(--turn))}.hx-config-studio-for-claude-code .cs-stack{display:grid;gap:8px}.hx-config-studio-for-claude-code .cs-layer{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:12px;margin-left:calc(var(--l) * 14px);padding:11px 14px 11px 12px;border-radius:14px;isolation:isolate;background:linear-gradient(90deg,#15161d,#101117);border:1px solid #262833;color:#d7dae0;box-shadow:0 16px 30px -22px #000000e6}.hx-config-studio-for-claude-code .cs-rank{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font:700 12px var(--font-mono);color:#9aa0ae;background:#ffffff0d;border:1px solid rgb(255 255 255 / .08)}.hx-config-studio-for-claude-code .cs-meta{display:grid;min-width:0}.hx-config-studio-for-claude-code .cs-meta b{font-size:14px;font-weight:650}.hx-config-studio-for-claude-code .cs-meta code{font:11.5px var(--font-mono);color:#8a8f9c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-config-studio-for-claude-code .cs-vals{display:grid;justify-items:end;min-width:112px}.hx-config-studio-for-claude-code .cs-v{grid-area:1 / 1;font:600 13px var(--font-mono);padding:4px 9px;border-radius:7px;white-space:nowrap;opacity:0;animation:cs-turn var(--cyc) infinite;animation-delay:calc(var(--p) * var(--turn))}.hx-config-studio-for-claude-code .cs-v.win{color:#0b0b10;background:var(--a)}.hx-config-studio-for-claude-code .cs-v.lose{color:#8a8f9c;text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--a) 70%,#fff);background:#ffffff0a}.hx-config-studio-for-claude-code .cs-v.none{color:#5d6270;font-weight:400;font-style:italic}.hx-config-studio-for-claude-code .cs-glow{position:absolute;inset:-1px;z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;border:1px solid var(--a);background:linear-gradient(90deg,color-mix(in srgb,var(--a) 22%,#15161d),#101117 70%);box-shadow:0 0 36px -8px var(--a);animation:cs-turn var(--cyc) infinite;animation-delay:calc(var(--p) * var(--turn))}.hx-config-studio-for-claude-code .cs-out{display:flex;align-items:center;gap:14px;margin-left:56px;padding:12px 16px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--a) 50%,transparent);background:color-mix(in srgb,var(--a) 7%,transparent)}.hx-config-studio-for-claude-code .cs-oh{font:600 11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.hx-config-studio-for-claude-code .cs-rs{display:grid;min-width:0;flex:1}.hx-config-studio-for-claude-code .cs-r{grid-area:1 / 1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;opacity:0;animation:cs-turn var(--cyc) infinite;animation-delay:calc(var(--p) * var(--turn))}.hx-config-studio-for-claude-code .cs-r code{font:600 13px var(--font-mono);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-config-studio-for-claude-code .cs-r code em{font-style:normal;color:var(--at)}.hx-config-studio-for-claude-code .cs-r small{font-size:12px;color:var(--ink-3);white-space:nowrap}.hx-config-studio-for-claude-code .cs-strip{margin-top:auto;width:100vw;overflow:hidden;margin-left:calc(-1 * (var(--bleed, 16px) + (100vw - 2 * var(--bleed, 16px) - 48px) / 2.08 + 48px))}.hx-config-studio-for-claude-code .cs-track{display:flex;gap:8px;width:max-content;animation:cs-drift 70s linear infinite}.hx-config-studio-for-claude-code .cs-strip:hover .cs-track{animation-play-state:paused}@keyframes cs-drift{to{transform:translate(-50%)}}@media(max-width:980px){.hx-config-studio-for-claude-code .cs-strip{margin-left:calc(-1 * var(--bleed, 16px))}}.hx-config-studio-for-claude-code .cs-s{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px 0 9px;border-radius:99px;white-space:nowrap;font-size:12.5px;font-weight:500;color:var(--ink-2);border:1px solid var(--rule);background:var(--card)}.hx-config-studio-for-claude-code .cs-s svg{width:15px;height:15px;color:var(--at)}@keyframes cs-turn{0%{opacity:0;transform:translateY(4px)}4%,30%{opacity:1;transform:none}33.3%,to{opacity:0}}:root[data-theme=light] .hx-config-studio-for-claude-code .cs-layer{background:linear-gradient(90deg,#fff,#f8f7f4);border-color:#10121b1a;color:var(--ink);box-shadow:0 14px 28px -18px #10121b73}:root[data-theme=light] .hx-config-studio-for-claude-code .cs-rank{color:var(--ink-3);background:#10121b0a;border-color:#10121b14}:root[data-theme=light] .hx-config-studio-for-claude-code .cs-meta code,:root[data-theme=light] .hx-config-studio-for-claude-code .cs-v.lose{color:var(--ink-3)}:root[data-theme=light] .hx-config-studio-for-claude-code .cs-v.lose{background:#10121b0a;text-decoration-color:var(--a)}:root[data-theme=light] .hx-config-studio-for-claude-code .cs-v.none{color:#9a9ca6}:root[data-theme=light] .hx-config-studio-for-claude-code .cs-v.win{color:#fff;background:color-mix(in srgb,var(--a) 88%,#000)}:root[data-theme=light] .hx-config-studio-for-claude-code .cs-glow{background:linear-gradient(90deg,color-mix(in srgb,var(--a) 14%,#fff),#fff 70%);box-shadow:0 0 30px -10px var(--a)}:root[data-theme=light] .hx-config-studio-for-claude-code .cs-s{box-shadow:0 1px 2px #10121b0f}@media(max-width:980px){.hx-config-studio-for-claude-code{min-height:0}.hx-config-studio-for-claude-code .cs-layer{margin-left:calc(var(--l) * 6px);padding:9px 10px}.hx-config-studio-for-claude-code .cs-meta code{display:none}.hx-config-studio-for-claude-code .cs-out{margin-left:0}}@media(prefers-reduced-motion:reduce){.hx-config-studio-for-claude-code .cs-track,.hx-config-studio-for-claude-code .cs-kk code,.hx-config-studio-for-claude-code .cs-v,.hx-config-studio-for-claude-code .cs-glow,.hx-config-studio-for-claude-code .cs-r{animation:none}.hx-config-studio-for-claude-code [style*="--p:0"]{opacity:1}}