.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}}