.hst-root{width:100%}.hst-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-md)}@media (min-width:960px){.hst-stage{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}.hst-surface{min-width:0;height:480px;overflow:hidden;border-radius:10px}.hst-surface .sc-row{animation:hst-rise var(--duration-very-slow) var(--ease-smooth-out) both}.hst-lane{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0;padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface)}.hst-lane-title{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--color-muted);text-transform:uppercase}.hst-steps{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0;padding:0;list-style:none}.hst-step{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-sm);opacity:.42;transition:opacity var(--duration-slow) var(--ease-smooth-out),background-color var(--duration-slow) var(--ease-smooth-out),border-color var(--duration-slow) var(--ease-smooth-out)}.hst-step-active,.hst-step-done{opacity:1}.hst-step-active{border-color:color-mix(in srgb,var(--color-brand-lavender) 55%,transparent);background:var(--color-surface-raised)}.hst-step-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--color-gray-20);border-radius:8px;background:var(--color-background);color:var(--color-iron-gray-5)}.hst-step-active .hst-step-icon{color:var(--color-brand-lavender)}.hst-step-text{display:flex;flex:1;flex-direction:column;min-width:0;padding-top:5px}.hst-step-title{font-family:var(--font-sans);font-size:14px;font-weight:600;line-height:1.4;color:var(--color-foreground)}.hst-step-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-slow) var(--ease-smooth-out)}.hst-step-active .hst-step-reveal,.hst-step-done .hst-step-reveal{grid-template-rows:1fr}.hst-step-detail{overflow:hidden;font-family:var(--font-sans);font-size:12.5px;line-height:1.5;color:var(--color-muted)}.hst-step-state{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:30px;color:var(--color-brand-lavender)}.hst-step-done .hst-step-state{color:var(--color-system-la-palma)}.hst-spin{animation:hst-spin .9s var(--ease-linear) infinite}.hst-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:10px 16px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-background) 72%,transparent)}.hst-caption{margin:0;font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:500;color:var(--color-foreground);animation:hst-rise var(--duration-slow) var(--ease-smooth-out) both}.hst-progress{display:flex;flex-shrink:0;gap:4px}.hst-tick{width:18px;height:3px;border-radius:2px;background:color-mix(in srgb,var(--color-white) 22%,transparent);transition:background-color var(--duration-fast) var(--ease-in-out)}.hst-tick-on{background:var(--color-foreground)}.hst-app{display:flex;flex-direction:column;gap:10px;height:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);font-family:var(--font-ui);font-size:12.5px;line-height:1.5;color:var(--color-iron-gray-5);text-align:left}.hst-app-bar,.hst-app-foot{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.hst-app-foot{min-height:22px}.hst-file{overflow:hidden;font-family:var(--font-mono);font-size:12px;color:var(--color-iron-gray-10);text-overflow:ellipsis;white-space:nowrap}.hst-chip{display:flex;flex-shrink:0;align-items:center;gap:5px;padding:1px 8px;border:1px solid var(--color-gray-20);border-radius:var(--radius-pill);font-size:11px;color:var(--color-muted);white-space:nowrap}.hst-app-bar .hst-chip:first-of-type{margin-left:auto}.hst-chip-good,.hst-run-succeeded{border-color:color-mix(in srgb,var(--color-system-la-palma) 40%,transparent);background:color-mix(in srgb,var(--color-system-la-palma) 12%,transparent);color:var(--color-system-la-palma)}.hst-run-failed{border-color:color-mix(in srgb,var(--color-system-red) 40%,transparent);background:color-mix(in srgb,var(--color-system-red) 12%,transparent);color:var(--color-system-red)}.hst-run-running{border-color:color-mix(in srgb,var(--color-ai-gradient-blue) 40%,transparent);color:var(--color-ai-gradient-blue)}.hst-prompt{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 12px;border:1px solid color-mix(in srgb,var(--color-brand-lavender) 45%,transparent);border-radius:var(--radius-sm);background:var(--color-brand-lilac);color:var(--color-brand-light-lavender)}.hst-code{margin:0;overflow:hidden;padding:10px 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);font-family:var(--font-mono);font-size:12px;line-height:1.75;color:var(--color-iron-gray-10);white-space:pre}.hst-code>div{overflow:hidden;padding:0 12px;text-overflow:ellipsis}.hst-code-no{display:inline-block;width:26px;color:var(--color-subtle)}.hst-code-added{background:color-mix(in srgb,var(--color-system-la-palma) 16%,transparent)}.hst-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:11.5px}.hst-table td,.hst-table th{padding:3px 10px;border-bottom:1px solid var(--color-border);text-align:left}.hst-table th{font-weight:500;color:var(--color-muted)}.hst-table td{color:var(--color-iron-gray-10)}.hst-table .hst-table-new{color:var(--color-brand-lavender)}.hst-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background)}.hst-card>img,.hst-card>svg{flex-shrink:0;margin-top:2px}.hst-card-result{border-color:color-mix(in srgb,var(--color-brand-lavender) 55%,transparent)}.hst-card-result>svg{color:var(--color-brand-lavender)}.hst-card-text{flex:1;min-width:0}.hst-card-text strong{margin-right:6px;font-weight:600;color:var(--color-foreground)}.hst-nodes{display:flex;flex-direction:column}.hst-node{gap:10px;padding:7px 4px;border-bottom:1px solid var(--color-border);color:var(--color-subtle);transition:color var(--duration-fast) var(--ease-in-out)}.hst-node,.hst-node-state{display:flex;align-items:center}.hst-node-state{justify-content:center;width:22px;height:22px;border:1px solid;border-radius:50%}.hst-node-label{margin-left:auto;font-size:11px;text-transform:capitalize}.hst-node-ok{color:var(--color-system-la-palma)}.hst-node-failed{color:var(--color-system-red)}.hst-node-running{color:var(--color-ai-gradient-blue)}.hst-log{padding:8px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-system-red) 14%,transparent);font-family:var(--font-mono);font-size:11.5px;color:var(--color-system-red)}.hst-in{animation:hst-rise var(--duration-very-slow) var(--ease-smooth-out) both}@keyframes hst-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hst-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.hst-caption,.hst-in,.hst-spin,.hst-surface .sc-row{animation:none}.hst-step,.hst-step-reveal,.hst-tick{transition:none}}.api-tile{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--api-size);height:var(--api-size);border-radius:calc(var(--api-size) * .28);background:linear-gradient(135deg,var(--api-from),var(--api-to));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-white) 34%,transparent),0 6px 16px rgba(0,0,0,.28);color:var(--color-background)}.api-code-ide{--api-from:var(--color-ai-gradient-blue);--api-to:var(--color-ai-gradient-purple)}.api-bolt{--api-from:var(--color-system-lime);--api-to:var(--color-system-la-palma)}.api-agent{--api-from:var(--color-ai-gradient-pink);--api-to:var(--color-ai-gradient-lavender)}.api-radar{--api-from:var(--color-system-red);--api-to:var(--color-brand-pinkish-purple)}.api-integrations{--api-from:var(--color-brand-light-lavender);--api-to:var(--color-brand-lavender)}.api-plain{border:1px solid var(--color-gray-20);background:var(--color-surface-raised);box-shadow:0 6px 16px rgba(0,0,0,.28);color:var(--color-foreground)}.api-mask{width:50%;height:50%;background:currentColor;mask:var(--api-mask) center /contain no-repeat}.api-logo{width:58%;height:58%;object-fit:contain}.cs-root{--cs-surface:var(--color-surface);--cs-border:var(--color-border);--cs-foreground:var(--color-foreground);--cs-muted:var(--color-muted);--cs-subtle:var(--color-subtle);--cs-accent:var(--color-brand-violet-sapphire);--cs-glow-a:var(--color-ai-gradient-purple);--cs-glow-b:var(--color-ai-gradient-lavender);display:flex;flex-direction:column;gap:var(--spacing-xl);font-family:var(--font-sans,sans-serif)}.cs-root,.cs-root *{box-sizing:border-box}.cs-stage-wrap{position:relative;border-radius:var(--radius-md);border:1px solid var(--cs-border);background:var(--cs-surface);overflow:hidden;padding:var(--spacing-xl);min-height:420px;display:flex}.cs-stage-glow{position:absolute;inset:0;background:radial-gradient(55% 55% at 30% 20%,color-mix(in srgb,var(--cs-glow-a) 38%,transparent) 0,transparent 70%),radial-gradient(50% 50% at 80% 80%,color-mix(in srgb,var(--cs-glow-b) 30%,transparent) 0,transparent 70%);pointer-events:none}.cs-stage{position:relative;width:100%;display:flex;align-items:center;justify-content:center;animation:cs-fade-in .3s ease both}@keyframes cs-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.cs-stage{animation:none!important}}.cs-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.cs-tab-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);text-align:left;background:var(--cs-surface);border:1px solid var(--cs-border);border-radius:var(--radius-md);padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + 4px);cursor:pointer;font-family:inherit;overflow:hidden;transition:border-color .2s ease,background .2s ease}.cs-tab-card:hover{border-color:color-mix(in srgb,var(--cs-accent) 40%,var(--cs-border))}.cs-tab-card-active{border-color:color-mix(in srgb,var(--cs-accent) 55%,var(--cs-border));background:color-mix(in srgb,var(--cs-accent) 6%,var(--cs-surface))}.cs-tab-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,var(--cs-accent) 15%,transparent)}.cs-tab-progress-fill{display:block;height:100%;width:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--cs-accent) 55%,transparent),var(--cs-accent));transform:scaleX(1);transform-origin:left}.cs-tab-progress-fill-animated{animation-name:cs-progress-fill;animation-timing-function:linear;animation-fill-mode:both}@keyframes cs-progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.cs-tab-progress-fill-animated{animation:none!important;transform:scaleX(1)}}.cs-tab-icon{color:var(--cs-accent)}.cs-tab-title{font-size:14.5px;font-weight:600;color:var(--cs-foreground)}.cs-tab-desc{font-size:13px;line-height:1.55;color:var(--cs-muted)}@media (max-width:820px){.cs-tabs{grid-template-columns:1fr}}