@layer stageshow{.ss-seg{grid-template-columns:repeat(var(--n), 1fr);border-radius:var(--ss-radius-md);background:var(--ss-ink-2);padding:2px;display:grid;position:relative}.ss-seg__thumb{width:calc((100% - 4px) / var(--n));border-radius:var(--ss-radius-sm);background:var(--ss-raised);transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;bottom:2px;left:2px;box-shadow:0 1px 2px #00000014,0 0 0 .5px #0000000f}.ss-seg__option{height:var(--ss-row);color:var(--ss-text);place-items:center;padding:0 10px;font-size:12px;font-weight:500;transition:color .2s;display:grid;position:relative}.ss-seg__option[data-on]{color:var(--ss-text-strong)}}
.hf .ss-stage{overflow:clip}.hf .hf-frame{padding:32px 32px 0;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 calc(100% - 72px),#0000);mask-image:linear-gradient(#000 calc(100% - 72px),#0000)}.hf .hf-window{width:100%;height:620px;box-shadow:var(--ss-shadow-hero)}.hf .hf-window .ss-window__body{background:var(--ss-surface)}.hf .hf-window .ss-window__url{font-size:12px}.hf .hf-app{height:100%;display:flex}.hf .hf-main{flex:1;min-width:0}.hf .hf-head{border-bottom:1px solid var(--ss-line);white-space:nowrap;align-items:baseline;gap:10px;padding:18px 24px 16px 36px;display:flex}.hf .hf-title{color:var(--ss-text-strong);letter-spacing:-.01em;font-size:15px;font-weight:600}.hf .hf-sub{color:var(--ss-text);font-size:12px}.hf .hf-steps{gap:14px;padding:20px 24px 0 36px;display:grid}.hf .hf-step{border:1px solid var(--ss-line);border-radius:var(--ss-radius-lg);background:var(--ss-surface);grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;padding:14px 16px;display:grid;position:relative}.hf .hf-step:not(:last-child):after{content:"";background:#0f111524;width:1px;height:16px;position:absolute;top:100%;left:32px}.hf .hf-step__body{flex-direction:column;min-width:0;display:flex}.hf .hf-step__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-height:20px;display:flex}.hf .hf-step__title{color:var(--ss-text-strong);letter-spacing:-.01em;font-size:13.5px;font-weight:600;line-height:20px}.hf .hf-avatar{width:32px;height:32px;color:var(--ss-text-strong);transition:color .3s;display:grid}.hf .hf-avatar__disc{background:var(--ss-well);border-radius:16px;grid-area:1/1;transition:border-radius .45s cubic-bezier(.45,0,.1,1),background-color .3s}.hf .hf-avatar[data-agent]{color:#fff}.hf .hf-avatar[data-agent] .hf-avatar__disc{background:var(--ss-text-strong);border-radius:9px}.hf .hf-avatar__person,.hf .hf-avatar__agent{grid-area:1/1;place-items:center;transition:opacity .16s .18s,transform .22s cubic-bezier(.25,.8,.25,1) .18s;display:grid}.hf .hf-avatar__agent,.hf .hf-avatar[data-agent] .hf-avatar__person{opacity:0;transition:opacity .14s,transform .18s ease-in;transform:scale(.6)}.hf .hf-avatar[data-agent] .hf-avatar__agent{opacity:1;transition:opacity .16s .18s,transform .22s cubic-bezier(.25,.8,.25,1) .18s;transform:none}.hf .hf-avatar__agent svg{width:16px;height:16px}.hf .hf-step--filler .hf-avatar__disc{background:var(--ss-ink-2)}.hf .hf-owner{white-space:nowrap;align-items:center;gap:6px;height:18px;margin-top:2px;display:flex}.hf .hf-owner__name{color:var(--ss-text-strong);font-size:12.5px;font-weight:500}.hf .hf-owner__kind{color:var(--ss-text);font-size:12px}.hf .hf-owner__kind:before{content:"·";color:var(--ss-text-faint);margin-right:6px}.hf .hf-context{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.hf .hf-chip{will-change:transform;border-radius:var(--ss-radius-sm);background:var(--ss-well);height:22px;color:var(--ss-text-strong);white-space:nowrap;align-items:center;gap:5px;padding:0 8px;font-size:12px;display:inline-flex}.hf .hf-chip svg{color:var(--ss-icon);flex:none}.hf .hf-ready{color:var(--ss-text);align-items:flex-start;gap:7px;margin-top:10px;font-size:12px;line-height:16px;display:flex}.hf .hf-ready__ic{color:var(--ss-icon);flex:none;margin:1px 1px 0}.hf .hf-step__line{align-items:center;height:20px;display:flex}.hf .hf-ready .hf-step__line{height:16px}.hf .hf-switch{will-change:transform;flex:none;display:inline-flex}.hf .hf-switch__button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.hf .hf-switch__button:after{content:"";position:absolute;inset:0}.hf .hf-switch__button:focus-visible{outline:none}.hf .hf-switch__button:focus-visible:after{border-radius:var(--ss-radius-sm);outline:2px solid var(--ss-accent);outline-offset:1px}.hf .hf-frame--cards{padding:14px 16px 0;-webkit-mask-image:linear-gradient(#000 calc(100% - 44px),#0000);mask-image:linear-gradient(#000 calc(100% - 44px),#0000)}.hf .hf-frame--cards .hf-head{border-bottom:0;padding:0 0 12px 2px}.hf .ss-stage[data-layout=compact] .hf-steps{padding:0}.hf .ss-stage[data-layout=compact] .hf-step{box-shadow:var(--ss-shadow-ground)}.hf .ss-stage[data-layout=compact] .hf-chip{gap:0;padding:0 7px}.hf .ss-stage[data-layout=compact] .hf-chip svg{display:none}.hf .ss-stage[data-layout=compact] .hf-step{grid-template-columns:24px minmax(0,1fr);gap:0 8px}.hf .ss-stage[data-layout=compact] .hf-step__body{display:contents}.hf .ss-stage[data-layout=compact] .hf-step__top,.hf .ss-stage[data-layout=compact] .hf-context,.hf .ss-stage[data-layout=compact] .hf-ready{grid-column:1/-1}.hf .ss-stage[data-layout=compact] .hf-step__top{flex-wrap:nowrap}.hf .ss-stage[data-layout=compact] .hf-avatar{grid-row:2;width:24px;height:24px;margin-top:1px}.hf .ss-stage[data-layout=compact] .hf-avatar__disc{border-radius:12px}.hf .ss-stage[data-layout=compact] .hf-avatar[data-agent] .hf-avatar__disc{border-radius:7px}.hf .ss-stage[data-layout=compact] .hf-avatar svg{width:14px;height:14px}.hf .ss-stage[data-layout=compact] .hf-owner{grid-row:2;height:24px;margin-top:1px}.hf .ss-stage[data-layout=compact] .hf-switch{--ss-row:24px}.hf .ss-stage[data-layout=compact] .hf-step[data-step="0"] .hf-avatar,.hf .ss-stage[data-layout=compact] .hf-step[data-step="0"] .hf-owner{margin-top:-3px}.hf .ss-stage[data-layout=compact] .hf-step:not(:last-child):after{left:28px}