.cs-sandbox{--cs-bg:#0c0a09;--cs-surface:#141210;--cs-surface-hover:#1c1a17;--cs-surface-elevated:#22201d;--cs-border:#ffffff14;--cs-border-subtle:#ffffff0a;--cs-border-accent:#f9731666;--cs-accent:#f97316;--cs-accent-glow:#f9731633;--cs-emerald:#10b981;--cs-text-primary:#fafaf9;--cs-text-secondary:#a8a29e;--cs-text-muted:#78716c;--cs-radius-lg:1rem;--cs-radius-md:.625rem;--cs-radius-sm:.375rem;border-radius:var(--cs-radius-lg);border:1px solid var(--cs-border);background:radial-gradient(120% 100% at 50% 0%, #1a1816 0%, var(--cs-bg) 65%);color:var(--cs-text-primary);flex-direction:column;gap:.9rem;margin:0 0 2rem;padding:1.5rem;display:flex;container:sandbox/inline-size}:root[data-theme=light] .cs-sandbox{--cs-bg:#1c1917;--cs-surface:#24211e;--cs-surface-hover:#2c2926;--cs-surface-elevated:#35312d;--cs-border:#ffffff1a;--cs-text-primary:#fafaf9;--cs-text-secondary:#d6d3d1}.cs-toolbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.65rem;display:flex}.cs-tabs{background:var(--cs-surface);border:1px solid #ffffff24;border-radius:9999px;flex:100%;gap:.35rem;padding:.3rem;display:inline-flex}@media (width<=720px){.cs-tabs{border-radius:var(--cs-radius-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@container sandbox (width<=44rem){.cs-tabs{border-radius:var(--cs-radius-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.cs-tab{appearance:none;min-width:0;min-height:2.35rem;color:var(--cs-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.cs-tab-name{text-overflow:ellipsis;overflow:hidden}.cs-tab-num{font-size:.7rem;font-family:var(--sl-font-mono,monospace);color:var(--cs-text-muted);background:#ffffff0d;border-radius:9999px;padding:.1rem .35rem}.cs-tab:hover:not(.is-active){color:var(--cs-text-primary);background:#ffffff08}.cs-tab:focus-visible{outline:2px solid var(--cs-accent);outline-offset:2px}.cs-tab.is-active{background:var(--cs-surface-elevated);color:var(--cs-text-primary);border-color:#ffffff1f}.cs-tab.is-active .cs-tab-num{background:var(--cs-accent-glow);color:var(--cs-accent)}.cs-target-segmented{background:var(--cs-surface);border:1px solid #ffffff24;border-radius:9999px;margin-inline-start:auto;padding:.2rem;display:inline-flex}.cs-target-btn{appearance:none;color:var(--cs-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.45rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.cs-target-btn.is-active{background:var(--cs-surface-elevated);color:var(--cs-text-primary);border-color:#ffffff1f}.cs-target-btn:hover:not(.is-active){color:var(--cs-text-primary);background:#ffffff0a}.cs-target-btn:focus-visible{outline:2px solid var(--cs-accent);outline-offset:2px}.cs-status-dot{background:var(--cs-emerald);width:.45rem;height:.45rem;box-shadow:0 0 8px var(--cs-emerald);border-radius:9999px}.cs-footer{border-top:1px solid var(--cs-border);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.65rem .85rem;padding-top:.75rem;display:flex}.cs-cli-chip{appearance:none;background:var(--cs-surface);border:1px solid var(--cs-border);color:var(--cs-text-secondary);font-size:.75rem;font-family:var(--sl-font-mono,monospace);cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem .85rem;transition:all .15s;display:inline-flex}.cs-cli-chip:hover{background:var(--cs-surface-elevated);color:var(--cs-text-primary);border-color:#fff3}.cs-cli-prompt{color:var(--cs-accent);font-weight:700}.cs-cli-badge{color:var(--cs-text-muted);background:#ffffff14;border-radius:9999px;padding:.1rem .4rem;font-size:.6875rem}.cs-footer-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-inline-start:auto;display:flex}.cs-toast{z-index:60;color:#34d399;background:#06281ef2;border:1px solid #10b98159;border-radius:9999px;padding:.5rem .85rem;font-size:.75rem;font-weight:600;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 8px 24px #00000073}.cs-btn{appearance:none;cursor:pointer;border-radius:.5rem;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.8125rem;font-weight:650;display:inline-flex}.cs-btn:focus-visible{outline-offset:2px;outline:2px solid #fdba74}.cs-btn--secondary{background:var(--cs-surface-elevated);border:1px solid var(--cs-border);color:var(--cs-text-primary)}.cs-btn--secondary:hover{background:var(--cs-surface-hover);border-color:#fff3}.cs-btn--primary{color:#fff;background:#ea580c;border:1px solid #ea580c}.cs-btn--primary:hover{background:#f97316;border-color:#f97316}.cs-view-btn:focus-visible,.cs-mode-btn:focus-visible,.cs-test-btn:focus-visible,.cs-mini-btn:focus-visible,.cs-cli-chip:focus-visible{outline:2px solid var(--cs-accent);outline-offset:2px}.cs-canvas{border-radius:var(--cs-radius-md);background:linear-gradient(180deg, #ffffff05 0%, #00000059 100%), var(--cs-surface);border:1px solid var(--cs-border);padding:1.5rem}.cs-pipeline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;display:grid}@media (width<=900px){.cs-pipeline{grid-template-columns:1fr;gap:1rem}}.cs-node{border-radius:var(--cs-radius-md);background:var(--cs-surface-elevated);border:1px solid var(--cs-border);flex-direction:column;gap:.7rem;min-width:0;padding:.9rem 1rem;display:flex}.cs-node:hover{border-color:#ffffff29}.cs-node-head{flex-direction:column;align-items:stretch;gap:.35rem;min-width:0;display:flex}.cs-node-kicker{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.cs-step-pill{text-transform:uppercase;letter-spacing:.04em;color:var(--cs-text-muted);background:#ffffff0f;border-radius:9999px;padding:.15rem .5rem;font-size:.6875rem;font-weight:700}.cs-method-tag{font-family:var(--sl-font-mono,monospace);border-radius:var(--cs-radius-sm);padding:.15rem .45rem;font-size:.75rem;font-weight:750}.cs-method--get{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.cs-method--post{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.cs-node-path{font-family:var(--sl-font-mono,monospace);color:var(--cs-text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8125rem;font-weight:600;overflow:hidden}.cs-status-badge{border-radius:9999px;align-items:center;margin-left:auto;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.cs-status--ok,.cs-status--verified{color:#34d399;background:#10b98124;border:1px solid #10b98147}.cs-status--failed{color:#f87171;background:#ef444424;border:1px solid #ef444447}.cs-node-snippet{flex-direction:column;gap:.35rem;display:flex}.cs-snippet-label{text-transform:uppercase;letter-spacing:.05em;color:var(--cs-text-muted);font-size:.6875rem;font-weight:600}.cs-node-body,.cs-node-snippet{min-width:0}.cs-code-preview{border-radius:var(--cs-radius-sm);border:1px solid var(--cs-border-subtle);font-family:var(--sl-font-mono,monospace);color:var(--cs-text-secondary);white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;background:#00000059;min-width:0;max-width:100%;margin:0;padding:.65rem .85rem;font-size:.78rem;line-height:1.45;overflow-x:auto}.cs-code-preview code{white-space:inherit;overflow-wrap:inherit;word-break:normal}.cs-hl-token{color:#fdba74;background:#f9731640;border:1px solid #f9731666;border-radius:.25rem;padding:.05rem .3rem;font-weight:600}.cs-hl-cookie{color:#34d399;font-weight:600}.cs-hl-var{color:#60a5fa;background:#3b82f626;border-radius:.25rem;padding:.05rem .3rem;font-weight:600}.cs-hl-err{color:#f87171;background:#ef444426;border-radius:.25rem;padding:.05rem .3rem;font-weight:600}.cs-conduit-bridge{justify-content:center;justify-self:center;align-items:center;width:100%;min-width:0;max-width:14.5rem;display:flex;position:relative}@media (width<=900px){.cs-conduit-bridge{min-width:unset;flex-direction:column;padding:.5rem 0}}.cs-cable{flex:auto;align-items:center;height:16px;display:flex;position:relative}@media (width<=900px){.cs-cable{width:16px;height:32px;transform:rotate(90deg)}}.cs-cable-svg{width:100%;height:16px;overflow:visible}.cs-cable-track{stroke:#ffffff1f;stroke-width:2px;stroke-dasharray:4 3}.cs-cable-pulse{stroke:var(--cs-accent);stroke-width:2px;stroke-dasharray:12 36;animation:1.6s linear infinite cs-cable-flow}.cs-cable-arrow{fill:var(--cs-accent)}@keyframes cs-cable-flow{0%{stroke-dashoffset:48px}to{stroke-dashoffset:0}}.cs-extractor-badge{border:1px solid var(--cs-border-accent);color:#fdba74;font-family:var(--sl-font-mono,monospace);text-align:center;text-wrap:balance;z-index:2;background:#f973161f;border-radius:.5rem;justify-content:center;align-items:center;gap:.4rem;max-width:12.5rem;padding:.45rem .7rem;font-size:.72rem;font-weight:650;line-height:1.35;display:inline-flex;position:relative}.cs-extractor-icon{color:var(--cs-accent);flex-shrink:0}.cs-extractor-badge.is-broken{color:#fca5a5;background:#ef44441a;border-color:#ef444473}.cs-extractor-badge.is-broken .cs-extractor-icon{color:#f87171}.cs-drawer{border-radius:var(--cs-radius-md);background:var(--cs-surface);border:1px solid var(--cs-border);overflow:hidden}.cs-drawer-head{border-bottom:1px solid var(--cs-border);background:#0000002e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.15rem;display:flex}.cs-view-pills,.cs-mode-segmented{border-radius:var(--cs-radius-sm);background:var(--cs-bg);border:1px solid #ffffff24;padding:.2rem;display:inline-flex}.cs-view-btn,.cs-mode-btn{appearance:none;color:var(--cs-text-muted);border-radius:calc(var(--cs-radius-sm) - .0625rem);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.cs-view-btn.is-active,.cs-mode-btn.is-active{background:var(--cs-surface-elevated);color:var(--cs-text-primary);border-color:#ffffff1f}.cs-view-btn:hover:not(.is-active),.cs-mode-btn:hover:not(.is-active){color:var(--cs-text-primary);background:#ffffff0a}.cs-mode-dot{background:var(--cs-emerald);width:.4rem;height:.4rem;box-shadow:0 0 6px var(--cs-emerald);border-radius:9999px}.cs-drawer-body{min-height:16rem;padding:1.25rem}.cs-specs{border:1px solid var(--cs-border);border-radius:var(--cs-radius-sm);grid-template-columns:1fr 1fr;gap:0;margin:0 0 1rem;display:grid;overflow:hidden}.cs-spec{background:var(--cs-surface-elevated);border-bottom:1px solid var(--cs-border-subtle);grid-template-columns:8.25rem minmax(0,1fr);align-items:baseline;gap:.35rem .75rem;margin:0;padding:.6rem .8rem;display:grid}.cs-spec--span{grid-column:1/-1}.sl-markdown-content .cs-spec dt,.sl-markdown-content .cs-spec dd,.cs-spec dt,.cs-spec dd{margin:0;padding:0}@media (width<=640px){.cs-specs{grid-template-columns:1fr}}@container sandbox (width<=36rem){.cs-specs{grid-template-columns:1fr}}.cs-spec-label{text-transform:uppercase;letter-spacing:.04em;color:var(--cs-text-muted);font-size:.6875rem;font-weight:600}.cs-spec-val,.cs-spec-code{color:var(--cs-text-primary);overflow-wrap:anywhere;word-break:normal;font-size:.8125rem;font-weight:600}.cs-spec-code{font-family:var(--sl-font-mono,monospace);color:#e7e5e4;background:#ffffff0f;border-radius:.3rem;padding:.12rem .45rem}.cs-spec-code--accent{color:#fdba74;font-weight:700}.cs-test-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.cs-test-btn{appearance:none;color:#fdba74;border-radius:var(--cs-radius-sm);cursor:pointer;background:#f9731624;border:1px solid #f9731666;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:650;transition:all .15s;display:inline-flex}.cs-test-btn:hover{color:var(--cs-text-primary);background:#f9731640;border-color:#f9731699;transform:translateY(-1px)}.cs-test-btn:disabled{opacity:.55;cursor:wait;transform:none}.cs-test-hint{color:var(--cs-text-muted);font-size:.78rem}.cs-console{border-radius:var(--cs-radius-sm);background:var(--cs-bg);border:1px solid var(--cs-border);margin-top:.75rem;overflow:hidden}.cs-console-head{background:#ffffff0a;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.5rem .85rem;display:flex}.cs-mac-dots{gap:.35rem;display:flex}.cs-mac-dot{background:#fff3;border-radius:9999px;width:.55rem;height:.55rem}.cs-console-status{font-size:.75rem;font-weight:700;font-family:var(--sl-font-mono,monospace);flex:1;padding-inline:.75rem}.cs-status--ok-text{color:#34d399}.cs-status--err-text{color:#f87171}.cs-console-link{color:var(--cs-accent);font-size:.75rem;font-weight:600;text-decoration:none}.cs-console-link:hover{text-decoration:underline}.cs-console-pre{font-family:var(--sl-font-mono,monospace);color:#e7e5e4;max-height:16rem;margin:0;padding:.85rem;font-size:.78rem;line-height:1.45;overflow-y:auto}.cs-jmx-toolbar{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.cs-jmx-meta{color:var(--cs-text-muted);font-size:.75rem;font-family:var(--sl-font-mono,monospace)}.cs-mini-btn{appearance:none;background:var(--cs-surface-elevated);border:1px solid var(--cs-border);color:var(--cs-text-secondary);border-radius:var(--cs-radius-sm);cursor:pointer;padding:.3rem .7rem;font-size:.75rem;font-weight:600}.cs-mini-btn:hover{color:var(--cs-text-primary);border-color:#fff3}.cs-jmx-pre{border-radius:var(--cs-radius-sm);background:var(--cs-bg);border:1px solid var(--cs-border);color:#e7e5e4;max-height:22rem;margin:0;padding:1rem;font-size:.78rem;overflow:auto}.cs-steps-list{flex-direction:column;gap:.5rem;display:flex}.cs-step-row{border-radius:var(--cs-radius-sm);background:var(--cs-surface-elevated);border:1px solid var(--cs-border-subtle);grid-template-columns:auto auto minmax(0,max-content) minmax(0,1fr);align-items:baseline;gap:.45rem .7rem;padding:.6rem .8rem;font-size:.8125rem;display:grid}.cs-step-row-num{color:var(--cs-text-muted);font-size:.75rem;font-weight:700}.cs-step-row-path{font-family:var(--sl-font-mono,monospace);color:var(--cs-text-primary);text-overflow:ellipsis;background:#ffffff0d;border-radius:.3rem;min-width:0;padding:.1rem .45rem;overflow:hidden}.cs-step-row-desc{color:var(--cs-text-secondary);margin:0;font-size:.75rem}@container sandbox (width<=40rem){.cs-step-row{grid-template-columns:auto auto minmax(0,1fr)}.cs-step-row-desc{grid-column:1/-1}}