.hd:where(.astro-k4ncn42c){border:1px solid var(--elev-border,#ffffff29);background:var(--surface-2,#161e2e);border-radius:16px;overflow:hidden;box-shadow:0 2px 6px #0000004d,0 30px 60px -30px #000000b3}.hd-tabs:where(.astro-k4ncn42c){gap:6px;padding:12px 12px 0;display:flex}.hd-tab:where(.astro-k4ncn42c){color:var(--muted,#a2adc0);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px 10px 0 0;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 8px;font-family:inherit;font-size:12.5px;font-weight:600;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.hd-tab:where(.astro-k4ncn42c) .vl:where(.astro-k4ncn42c){object-fit:contain;flex:none;width:15px;height:15px}.hd-tab:where(.astro-k4ncn42c):hover{color:var(--text,#edf0f6)}.hd-tab:where(.astro-k4ncn42c):focus-visible{outline:2px solid var(--ring,#8fb0ffa6);outline-offset:2px}.hd-tab:where(.astro-k4ncn42c)[aria-selected=true]{color:var(--text,#edf0f6);background:#ffffff0a;border-color:#ffffff1a #ffffff1a #0000}.hd-tab:where(.astro-k4ncn42c).chatgpt[aria-selected=true]{color:#eaeaea;box-shadow:inset 0 -2px #10a37f}.hd-tab:where(.astro-k4ncn42c).claude[aria-selected=true]{color:#d2734b;box-shadow:inset 0 -2px #d2734b}.hd-tab:where(.astro-k4ncn42c).vscode[aria-selected=true]{color:#3aa0f0;box-shadow:inset 0 -2px #3aa0f0}.hd-tab:where(.astro-k4ncn42c).yourapp[aria-selected=true]{color:var(--mint-l,#3fe0c4);box-shadow:inset 0 -2px #20d6b5}.hd-stage:where(.astro-k4ncn42c){border-top:1px solid #ffffff14;transition:background-color .3s}.hd-body:where(.astro-k4ncn42c){padding:18px 16px 16px}.hd-msg:where(.astro-k4ncn42c){margin-bottom:9px;display:flex}.hd-msg:where(.astro-k4ncn42c).user{justify-content:flex-end}.hd-bubble:where(.astro-k4ncn42c){border-radius:14px 14px 4px;max-width:80%;padding:8px 12px;font-size:12.5px;line-height:1.4}.hd-say:where(.astro-k4ncn42c){margin:0 0 11px;font-size:12.5px;line-height:1.45}.hd-foot:where(.astro-k4ncn42c){border-top:1px solid #ffffff14;margin:0;padding:11px 15px;font-size:11.5px;line-height:1.45}.hd-foot:where(.astro-k4ncn42c) code{font-family:var(--font-mono);border-radius:5px;padding:1px 6px;font-size:10.5px}.hd-stage:where(.astro-k4ncn42c)[data-host=yourapp]{background:#0a1122}.hd-stage:where(.astro-k4ncn42c)[data-host=yourapp] .hd-bubble:where(.astro-k4ncn42c){color:#dbe4f2;background:#3fe0c421}.hd-stage:where(.astro-k4ncn42c)[data-host=yourapp] .hd-say:where(.astro-k4ncn42c){color:#aeb9cc}.hd-stage:where(.astro-k4ncn42c)[data-host=yourapp] .hd-foot:where(.astro-k4ncn42c){color:#8f9bb0;border-top-color:#3fe0c429}.hd-stage:where(.astro-k4ncn42c)[data-host=yourapp] .hd-foot:where(.astro-k4ncn42c) code{color:#9af0e0;background:#3fe0c41f}.hd-stage:where(.astro-k4ncn42c)[data-host=chatgpt]{background:#1e1e20}.hd-stage:where(.astro-k4ncn42c)[data-host=chatgpt] .hd-bubble:where(.astro-k4ncn42c){color:#ececec;background:#2f2f31}.hd-stage:where(.astro-k4ncn42c)[data-host=chatgpt] .hd-say:where(.astro-k4ncn42c){color:#b6bac0}.hd-stage:where(.astro-k4ncn42c)[data-host=chatgpt] .hd-foot:where(.astro-k4ncn42c){color:#a2a7b0;border-top-color:#2a2b2e}.hd-stage:where(.astro-k4ncn42c)[data-host=chatgpt] .hd-foot:where(.astro-k4ncn42c) code{color:#d4dae6;background:#ffffff12}.hd-stage:where(.astro-k4ncn42c)[data-host=claude]{background:#f3eee4}.hd-stage:where(.astro-k4ncn42c)[data-host=claude] .hd-bubble:where(.astro-k4ncn42c){color:#4a4238;background:#e7dcc8}.hd-stage:where(.astro-k4ncn42c)[data-host=claude] .hd-say:where(.astro-k4ncn42c){color:#6a5f50}.hd-stage:where(.astro-k4ncn42c)[data-host=claude] .hd-foot:where(.astro-k4ncn42c){color:#6a5f50;border-top-color:#e2d9c7}.hd-stage:where(.astro-k4ncn42c)[data-host=claude] .hd-foot:where(.astro-k4ncn42c) code{color:#4a4238;background:#0000000f}.hd-stage:where(.astro-k4ncn42c)[data-host=vscode]{background:#1e1e1e}.hd-stage:where(.astro-k4ncn42c)[data-host=vscode] .hd-bubble:where(.astro-k4ncn42c){color:#d4d7db;background:#2a2d2e}.hd-stage:where(.astro-k4ncn42c)[data-host=vscode] .hd-say:where(.astro-k4ncn42c){color:#9ea4ac}.hd-stage:where(.astro-k4ncn42c)[data-host=vscode] .hd-foot:where(.astro-k4ncn42c){color:#9ea4ac;border-top-color:#333}.hd-stage:where(.astro-k4ncn42c)[data-host=vscode] .hd-foot:where(.astro-k4ncn42c) code{color:#cfe6f7;background:#ffffff0f}.sapp:where(.astro-k4ncn42c){color:#0b0f1a;font-family:var(--font-body), system-ui, sans-serif;background:#fff;border:1px solid #e6e9ef;border-radius:12px;padding:13px 14px;box-shadow:0 1px 2px #0b0f1a0f,0 16px 34px -20px #00000080}.sapp:where(.astro-k4ncn42c) .s-top:where(.astro-k4ncn42c){align-items:center;gap:10px;margin-bottom:11px;display:flex}.sapp:where(.astro-k4ncn42c) .s-glyph:where(.astro-k4ncn42c){color:#2563ff;background:#2563ff1a;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:grid}.sapp:where(.astro-k4ncn42c) .s-glyph:where(.astro-k4ncn42c) svg:where(.astro-k4ncn42c){width:18px;height:18px}.sapp:where(.astro-k4ncn42c) .s-meta:where(.astro-k4ncn42c){flex-direction:column;min-width:0;display:flex}.sapp:where(.astro-k4ncn42c) .s-title:where(.astro-k4ncn42c){letter-spacing:-.01em;font-size:13.5px;font-weight:700;line-height:1.15}.sapp:where(.astro-k4ncn42c) .s-sub:where(.astro-k4ncn42c){font-family:var(--font-mono);color:#6b7280;margin-top:1px;font-size:10.5px}.sapp:where(.astro-k4ncn42c) .pill:where(.astro-k4ncn42c){border-radius:20px;flex:none;align-items:center;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.sapp:where(.astro-k4ncn42c) .pill:where(.astro-k4ncn42c).amber{color:#9a6208;background:#f59e0b29}.sapp:where(.astro-k4ncn42c) .list:where(.astro-k4ncn42c){flex-direction:column;gap:7px;display:flex}.sapp:where(.astro-k4ncn42c) .item:where(.astro-k4ncn42c){background:#f7f9fc;border:1px solid #eef1f6;border-radius:9px;align-items:center;gap:9px;padding:7px 10px;display:flex}.sapp:where(.astro-k4ncn42c) .item:where(.astro-k4ncn42c) .a:where(.astro-k4ncn42c){color:#33406a;background:#e2e8f5;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:grid}.sapp:where(.astro-k4ncn42c) .item:where(.astro-k4ncn42c) .nm:where(.astro-k4ncn42c){font-size:11.5px;font-weight:600}.sapp:where(.astro-k4ncn42c) .item:where(.astro-k4ncn42c) .su:where(.astro-k4ncn42c){color:#6b7280;font-size:10.5px}.sapp:where(.astro-k4ncn42c) .acts:where(.astro-k4ncn42c){gap:8px;margin-top:12px;display:flex}.sapp:where(.astro-k4ncn42c) .btn:where(.astro-k4ncn42c){cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 13px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.sapp:where(.astro-k4ncn42c) .btn:where(.astro-k4ncn42c) svg:where(.astro-k4ncn42c){width:14px;height:14px}.sapp:where(.astro-k4ncn42c) .btn:where(.astro-k4ncn42c).pri{color:#fff;background:#2563ff}.sapp:where(.astro-k4ncn42c) .btn:where(.astro-k4ncn42c).gho{color:#0b0f1a;background:#fff;border-color:#d3d8e0}@media (prefers-reduced-motion:reduce){.hd-stage:where(.astro-k4ncn42c){transition:none}}