.proc{display:flex;flex-direction:column;gap:.6rem;max-width:34rem;padding:clamp(1.5rem,6vh,4rem) 0}.proc-head{color:var(--ink);font-size:var(--text-h3);font-weight:500;letter-spacing:-.01em}.proc-rows>li{font-size:.9375rem;line-height:1.45;padding:.3rem 0}.proc-rows>li:before{top:1.05em}.proc-sq{display:inline-block;height:.6rem;margin-right:.6rem;transition:background-color var(--dur) var(--ease-out);vertical-align:.05em;width:.6rem}.proc-label{color:var(--ink);font-weight:500}.proc-rows .is-reading .proc-label,.proc-rows .is-working .proc-label{color:var(--ink-2)}.proc-rows .is-error .proc-label{color:var(--down)}.proc-foot,.proc-note{color:var(--ink-3)}.proc-foot{font-size:var(--text-body-sm)}.proc-dots:after{animation:procDots 1s steps(3) infinite;content:"…";display:inline-block;overflow:hidden;vertical-align:bottom;width:1em}@keyframes procDots{0%{width:0}to{width:1em}}.state{display:flex;flex-direction:column;gap:.6rem;max-width:40rem;padding:clamp(1.25rem,4vh,2.5rem) 0}.state.is-compact{padding:.75rem 0}.state-head{color:var(--ink);font-size:var(--text-h3);font-weight:500;letter-spacing:-.01em}.state-rows>li{font-size:.9375rem;line-height:1.45;padding:.3rem 0}.state-rows>li:before{top:1.05em}.state-rows .mute{color:var(--ink-3)}.state-out{color:var(--ink);font-weight:500}.state-out.is-error{color:var(--down)}.state-retry{color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-micro);height:2.5rem;margin-left:1.6rem;padding:0 .4rem;width:-webkit-fit-content;width:fit-content}.state-retry:focus-visible,.state-retry:hover{color:var(--ink);outline:none}.state-action{margin-left:1.6rem}@media (prefers-reduced-motion:reduce){.proc-dots:after{animation:none;width:1em}}.xlink{align-items:baseline;color:var(--ink);display:inline-flex;flex-wrap:wrap;font-size:var(--text-body-sm);font-weight:500;gap:0 .1rem;max-width:100%;padding:.35rem 0;width:-webkit-fit-content;width:fit-content}.xlink:focus-visible,.xlink:hover{outline:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.xlink-sq{align-self:center;background:var(--ink);display:inline-block;flex:none;height:.5rem;margin-right:.55rem;width:.5rem}.xlink-note{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-micro);font-weight:400}.xlinks{display:flex;flex-direction:column;gap:.5rem}.xlinks-head{color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-micro)}.xlinks .tree-rows>li{padding:.1rem 0}.xlinks .tree-rows>li:before{top:1.1em}