.sd-cf{--cf-bg:#fbfbfa;--cf-fg:#0b0b0b;--cf-mute:#6e6e73;--cf-line:#00000014;--cf-card:#fff;--cf-soft:#0000000a;--cf-on:#0b0b0b;--cf-ok:#12824a;--cf-ease:cubic-bezier(.16, 1, .3, 1);background:var(--cf-bg);width:100%;color:var(--cf-fg);-webkit-font-smoothing:antialiased;padding:clamp(64px,8vw,104px) clamp(16px,4vw,48px);font-family:inherit}:where(.dark) .sd-cf{--cf-bg:#0a0a0a;--cf-fg:#f4f4f2;--cf-mute:#8f8f94;--cf-line:#ffffff17;--cf-card:#111112;--cf-soft:#ffffff0d;--cf-on:#f4f4f2;--cf-ok:#4ade80}:where(.sd-cf) :where(h2,p,ol){margin:0;padding:0}:where(.sd-cf) :where(ol){list-style:none}:where(.sd-cf) :where(button){font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.sd-cf__head{max-width:1120px;margin:0 auto clamp(40px,6vw,64px)}.sd-cf__eyebrow{color:var(--cf-mute);letter-spacing:.01em;font-size:13px}.sd-cf__title{letter-spacing:-.04em;text-wrap:balance;max-width:16ch;margin-top:12px;font-size:clamp(32px,4.4vw,56px);font-weight:600;line-height:1.02}.sd-cf__intro{max-width:38em;color:var(--cf-mute);margin-top:16px;font-size:17px;line-height:1.55}.sd-cf__body{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,64px);max-width:1120px;margin:0 auto;display:grid}.sd-cf__list{gap:4px;display:grid}.sd-cf__item{width:100%;transition:grid-template-rows .6s var(--cf-ease), background-color .3s;border-radius:14px;grid-template-rows:auto 0fr;grid-template-columns:28px minmax(0,1fr);column-gap:14px;padding:18px 16px 18px 22px;display:grid;position:relative}.sd-cf__item:hover{background:var(--cf-soft)}.sd-cf__item:focus-visible{outline:2px solid var(--cf-fg);outline-offset:2px}[data-active]>.sd-cf__item{background:var(--cf-card);box-shadow:0 0 0 1px var(--cf-line), 0 12px 30px -20px #00000040;grid-template-rows:auto 1fr}.sd-cf__rail{background:var(--cf-line);opacity:0;border-radius:2px;width:2px;transition:opacity .3s;position:absolute;top:20px;bottom:20px;left:10px;overflow:hidden}[data-active] .sd-cf__rail{opacity:1}.sd-cf__fill{background:var(--cf-fg);transform-origin:top;animation:sd-cf-fill var(--cf-ms) linear forwards;animation-play-state:paused;position:absolute;inset:0;transform:scaleY(0)}.sd-cf[data-running] .sd-cf__fill{animation-play-state:running}@keyframes sd-cf-fill{to{transform:scaleY(1)}}.sd-cf__num{color:var(--cf-mute);font-variant-numeric:tabular-nums;padding-top:3px;font:12px/1.6 ui-monospace,SF Mono,Menlo,monospace}.sd-cf__name{letter-spacing:-.02em;color:var(--cf-mute);font-size:18px;font-weight:600;transition:color .3s}[data-active] .sd-cf__name{color:var(--cf-fg)}.sd-cf__text{grid-column:2;overflow:hidden}.sd-cf__text span{color:var(--cf-mute);opacity:0;transition:opacity .4s var(--cf-ease), transform .5s var(--cf-ease);padding-top:8px;font-size:15px;line-height:1.55;display:block;transform:translateY(-4px)}[data-active] .sd-cf__text span{opacity:1;transition-delay:.15s;transform:none}.sd-cf__stage{aspect-ratio:5/4;background:var(--cf-soft);box-shadow:inset 0 0 0 1px var(--cf-line);border-radius:22px;position:relative;overflow:hidden}.sd-cf__scene{clip-path:inset(100% 0 0 round 22px);transition:clip-path .9s var(--cf-ease), opacity .6s var(--cf-ease), transform .9s var(--cf-ease);place-items:center;padding:clamp(20px,4vw,44px);display:grid;position:absolute;inset:0}.sd-cf__scene[data-state=active]{clip-path:inset(0 round 22px);z-index:1}.sd-cf__scene[data-state=idle]{opacity:0;clip-path:inset(0 round 22px);transition-duration:.5s;transform:scale(.97)}.sd-cf__s{background:var(--cf-card);width:min(100%,420px);box-shadow:0 0 0 1px var(--cf-line), 0 30px 60px -36px #00000073;border-radius:16px;padding:16px;font-size:13px}.sd-cf__cap{color:var(--cf-mute);margin-bottom:10px;font-size:12px}[data-state=active] .sd-cf__s>*{animation:sd-cf-in .6s var(--cf-ease) both;animation-delay:calc(.25s + var(--d,0) * 90ms)}@keyframes sd-cf-in{0%{opacity:0;transform:translateY(8px)}}.sd-cf__field{height:42px;box-shadow:inset 0 0 0 1px var(--cf-line);border-radius:11px;align-items:center;gap:10px;margin-bottom:8px;padding:0 12px;display:flex}.sd-cf__field svg{fill:none;width:15px;height:15px;stroke:var(--cf-mute);stroke-width:1.5px;stroke-linecap:round}.sd-cf__field kbd{color:var(--cf-mute);box-shadow:inset 0 0 0 1px var(--cf-line);border-radius:6px;margin-left:auto;padding:2px 6px;font:11px ui-monospace,Menlo,monospace}.sd-cf__typed{white-space:nowrap;width:0;font-weight:500;position:relative;overflow:hidden}[data-state=active] .sd-cf__typed{animation:1.2s steps(17,end) .4s forwards sd-cf-type}.sd-cf__typed:after{content:"";background:var(--cf-fg);width:1.5px;animation:1s step-end infinite sd-cf-blink;position:absolute;top:2px;bottom:2px;right:0}@keyframes sd-cf-type{to{width:17ch}}@keyframes sd-cf-blink{50%{opacity:0}}.sd-cf__hit{border-radius:9px;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:10px;height:40px;padding:0 10px;display:grid}.sd-cf__hit:first-of-type{background:var(--cf-soft)}.sd-cf__hit span{color:var(--cf-mute);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sd-cf__hit i{color:var(--cf-mute);opacity:0;font-style:normal}.sd-cf__hit:first-of-type i{opacity:1}[data-state=active] .sd-cf__hit{animation-delay:calc(1.5s + var(--d) * 90ms)}.sd-cf__row{border-top:1px solid var(--cf-line);justify-content:space-between;align-items:center;height:44px;display:flex}.sd-cf__toggle{background:var(--cf-line);border-radius:99px;width:34px;height:20px;transition:background-color .3s;position:relative}.sd-cf__toggle:after{content:"";background:var(--cf-card);border-radius:99px;width:16px;height:16px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}[data-state=active] [data-on] .sd-cf__toggle{animation:1ms both sd-cf-on;animation-delay:calc(.7s + var(--d) * .26s)}[data-state=active] [data-on] .sd-cf__toggle:after{animation:.4s cubic-bezier(.34,1.56,.64,1) both sd-cf-knob;animation-delay:calc(.7s + var(--d) * .26s)}@keyframes sd-cf-on{to{background:var(--cf-on)}}@keyframes sd-cf-knob{to{transform:translate(14px)}}.sd-cf__big{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:600}.sd-cf__big em{letter-spacing:0;color:var(--cf-ok);vertical-align:middle;font-size:13px;font-style:normal;font-weight:500}.sd-cf__bars{align-items:flex-end;gap:6px;height:150px;margin-top:14px;display:flex}.sd-cf__bars span{height:var(--h);background:color-mix(in srgb, var(--cf-fg) 16%, transparent);transform-origin:bottom;border-radius:5px 5px 2px 2px;flex:1;transform:scaleY(0)}.sd-cf__bars span[data-last]{background:var(--cf-fg)}[data-state=active] .sd-cf__bars{animation:none}[data-state=active] .sd-cf__bars span{animation:sd-cf-grow .9s var(--cf-ease) forwards;animation-delay:calc(.4s + var(--d) * 60ms)}@keyframes sd-cf-grow{to{transform:scaleY(1)}}.sd-cf__deploy{justify-content:space-between;align-items:center;margin-bottom:8px;font:500 12.5px ui-monospace,SF Mono,Menlo,monospace;display:flex}.sd-cf__status{background:var(--cf-soft);height:24px;color:var(--cf-mute);border-radius:99px;grid-template-columns:6px auto;align-items:center;gap:6px;padding:0 10px;font-family:inherit;font-size:11.5px;font-weight:500;display:inline-grid;position:relative}.sd-cf__status i{background:currentColor;border-radius:99px;width:6px;height:6px}.sd-cf__st{grid-area:1/2;transition:opacity .3s}.sd-cf__st--ok{opacity:0}[data-state=active] .sd-cf__status{animation:.3s 2.3s both sd-cf-ready}[data-state=active] .sd-cf__st--wait{animation:.3s 2.3s both sd-cf-out}[data-state=active] .sd-cf__st--ok{animation:.3s 2.3s both sd-cf-show}@keyframes sd-cf-ready{to{color:var(--cf-ok);background:color-mix(in srgb, var(--cf-ok) 12%, transparent)}}@keyframes sd-cf-out{to{opacity:0}}@keyframes sd-cf-show{to{opacity:1}}.sd-cf__log{border-top:1px solid var(--cf-line);grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;height:34px;font-size:12.5px;display:grid}.sd-cf__log i{width:12px;height:12px;box-shadow:inset 0 0 0 1.5px var(--cf-line);border-radius:99px}[data-state=active] .sd-cf__log i{animation:1ms both sd-cf-done;animation-delay:calc(.5s + var(--d) * .38s)}@keyframes sd-cf-done{to{background:var(--cf-ok);box-shadow:none}}.sd-cf__log small{color:var(--cf-mute);font:11px ui-monospace,Menlo,monospace}[data-state=active] .sd-cf__log{animation-delay:calc(.2s + var(--d) * .38s)}@media (max-width:860px){.sd-cf__body{grid-template-columns:minmax(0,1fr)}.sd-cf__stage{aspect-ratio:4/3;order:-1}}@media (prefers-reduced-motion:reduce){.sd-cf *,.sd-cf :before,.sd-cf :after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-delay:0s!important}.sd-cf__fill{display:none}}