@layer components{.ind-flow{container-type:inline-size}.ind-flow-icon{display:flex}@container not (min-width:28rem){.ind-flow-icon{display:none}}.ind-stages{--ind-node:2rem;--ind-time:3rem;--ind-gap:calc(var(--spacing,.25rem) * 3);--ind-lead:0rem;margin:0;padding:0;list-style:none;display:grid}@container (min-width:28rem){.ind-stages{--ind-lead:calc(var(--ind-time) + var(--ind-gap))}}.ind-stage{grid-template-columns:var(--ind-node) minmax(0, 1fr);column-gap:var(--ind-gap);padding-bottom:calc(var(--spacing,.25rem) * 5);display:grid;position:relative}.ind-stage:last-child{padding-bottom:0}.ind-time{display:none}@container (min-width:28rem){.ind-stage{grid-template-columns:var(--ind-time) var(--ind-node) minmax(0, 1fr)}.ind-time{display:block}}.ind-time,.ind-time-inline{font-family:var(--font-mono);font-size:var(--text-mono);font-variant-numeric:tabular-nums;color:var(--color-muted);white-space:nowrap;line-height:1.35}.ind-time{padding-top:.35rem}.ind-meta{align-items:center;gap:calc(var(--spacing,.25rem) * 2.5);margin-top:calc(var(--spacing,.25rem) * 1.5);display:flex}@container (min-width:28rem){.ind-head{column-gap:calc(var(--spacing,.25rem) * 3);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.ind-meta{margin-top:0}.ind-time-inline{display:none}}.ind-node{z-index:1;width:var(--ind-node);height:var(--ind-node);border-radius:var(--radius-md);background:var(--color-quiet);color:var(--color-ink-2);justify-content:center;align-items:center;display:inline-flex;position:relative}.ind-stage[data-tone=ai] .ind-node{background:var(--color-ai-soft);color:var(--color-ai)}.ind-stage[data-tone=review] .ind-node{background:var(--color-review-soft);color:var(--color-review);box-shadow:inset 0 0 0 1px #ad721c73}@supports (color:color-mix(in lab, red, red)){.ind-stage[data-tone=review] .ind-node{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-review-solid) 45%, transparent)}}.ind-stage[data-tone=done] .ind-node{background:var(--color-success-soft);color:var(--color-success)}.ind-stage[data-tone=system] .ind-node{background:var(--color-surface);color:var(--color-ink-2);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.ind-stage:not(:last-child):before,.ind-stage:not(:last-child):after{content:"";top:calc(var(--ind-node) + 4px);bottom:4px;left:calc(var(--ind-lead) + var(--ind-node) / 2 - .75px);border-radius:1px;width:1.5px;position:absolute}.ind-stage:not(:last-child):before{background:var(--color-border-strong)}.ind-stage:not(:last-child):after{background:var(--color-brand);transform-origin:top;transition:transform var(--duration-reveal) var(--ease-out);transition-delay:calc(var(--i,0) * .17s + .17s)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-ind-play=false] .ind-stage:not(:last-child):after{transform:scaleY(0)}html:not([data-hydrated]) .ind-stage:not(:last-child):after{animation:1ms linear 2.5s forwards ind-spine-safety}}@keyframes ind-spine-safety{to{transform:scaleY(1)}}.ind-body{min-width:0;padding-top:.3rem}.ind-fields{gap:calc(var(--spacing,.25rem) * 2) calc(var(--spacing,.25rem) * 4);margin-top:calc(var(--spacing,.25rem) * 2.5);padding:calc(var(--spacing,.25rem) * 2.5) calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-md);background:var(--color-quiet);grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));display:grid}.ind-stage[data-tone=ai] .ind-fields{background:#edf2f9}@supports (color:color-mix(in lab, red, red)){.ind-stage[data-tone=ai] .ind-fields{background:color-mix(in oklab, var(--color-ai-soft) 75%, var(--color-surface))}}.ind-stage[data-tone=ai] .ind-fields{box-shadow:inset 0 0 0 1px #315e9129}@supports (color:color-mix(in lab, red, red)){.ind-stage[data-tone=ai] .ind-fields{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-ai) 16%, transparent)}}.ind-stage[data-tone=review] .ind-fields{background:var(--color-review-soft);box-shadow:inset 0 0 0 1px #ad721c66}@supports (color:color-mix(in lab, red, red)){.ind-stage[data-tone=review] .ind-fields{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-review-solid) 40%, transparent)}}@container not (min-width:36rem){.ind-fields{gap:calc(var(--spacing,.25rem) * 1.5);grid-template-columns:minmax(0,1fr)}.ind-fields>div{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}.ind-fields dd{text-align:right;justify-content:flex-end;min-width:0}}.ind-quote{margin-top:calc(var(--spacing,.25rem) * 2.5);padding:calc(var(--spacing,.25rem) * 2) calc(var(--spacing,.25rem) * 3);border-left:2px solid var(--color-border-strong);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-quiet);font-size:var(--text-ui);color:var(--color-ink-2);line-height:1.5}.ind-stage[data-tone=done] .ind-quote{border-left-color:var(--color-success);background:#ebf5ef}@supports (color:color-mix(in lab, red, red)){.ind-stage[data-tone=done] .ind-quote{background:color-mix(in oklab, var(--color-success-soft) 70%, var(--color-surface))}}@media not all and (min-width:64rem){@container not (min-width:28rem){[data-compact] .ind-stage:not([data-tone=review]) :is(.ind-fields,.ind-quote,.ind-detail){display:none}[data-compact] .ind-stage{padding-bottom:calc(var(--spacing,.25rem) * 4)}[data-compact] .ind-stage:last-child{padding-bottom:0}}}.ind-stage :is(.ind-time,.ind-node,.ind-body){transition:opacity var(--duration-reveal) var(--ease-out), translate var(--duration-reveal) var(--ease-out);transition-delay:calc(var(--i,0) * .17s)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-ind-play=false] .ind-stage :is(.ind-time,.ind-node,.ind-body){opacity:0;translate:0 6px}html:not([data-hydrated]) .ind-stage :is(.ind-time,.ind-node,.ind-body){animation:reveal-safety var(--duration-reveal) var(--ease-out) 2.5s forwards}}@media (prefers-reduced-motion:reduce){.ind-stage:not(:last-child):after,.ind-stage :is(.ind-time,.ind-node,.ind-body){transition-delay:0s}}.ind-panel-grid{row-gap:calc(var(--spacing,.25rem) * 8);grid-template-columns:minmax(0,1fr);grid-template-areas:"head""preview""rest";display:grid}.ind-panel-head{grid-area:head}.ind-panel-preview{grid-area:preview;align-self:start;min-width:0}.ind-panel-rest{grid-area:rest}@media (min-width:64rem){.ind-panel-grid{column-gap:calc(var(--spacing,.25rem) * 12);row-gap:calc(var(--spacing,.25rem) * 8);grid-template:"head preview""rest preview"1fr/minmax(0,9fr) minmax(0,11fr)}}@media (min-width:80rem){.ind-panel-grid{column-gap:calc(var(--spacing,.25rem) * 16)}}.ind-collapse-toggle{display:flex}@media (min-width:80rem),(scripting:none){.ind-collapse-toggle{display:none}}@media (not (min-width:80rem)) and (scripting:enabled){.ind-collapse:not([data-open]){display:none}}}@keyframes reveal-safety{to{opacity:1;translate:0}}
