.diag-entry{flex-direction:column;gap:.5rem;display:flex}.diag-entry-input{border-radius:var(--radius-sm);border:1px solid color-mix(in oklab, var(--color-night-text) 18%, transparent);background:var(--color-night);min-width:0;min-height:3.5rem;color:var(--color-night-text);transition:border-color var(--dur-1) ease, box-shadow var(--dur-1) ease;flex:1;padding-inline:1rem;font-size:1rem}.diag-entry-input::placeholder{color:var(--color-night-muted)}.diag-entry-input:hover{border-color:color-mix(in oklab, var(--color-night-text) 30%, transparent)}.diag-entry-input:focus{border-color:var(--color-signal-night);box-shadow:var(--ring-field-night);outline:none}@media (min-width:40rem){.diag-entry{border-radius:calc(var(--radius-sm) + .375rem);border:1px solid color-mix(in oklab, var(--color-night-text) 14%, transparent);background:var(--color-night);transition:border-color var(--dur-1) ease, box-shadow var(--dur-1) ease;flex-direction:row;padding:.375rem}.diag-entry:focus-within{border-color:var(--color-signal-night);box-shadow:var(--ring-field-night)}.diag-entry .diag-entry-input{background:0 0;border:0;min-height:3.25rem}.diag-entry .diag-entry-input:focus{box-shadow:none}}.diag-console{border:1px solid color-mix(in oklab, var(--color-night-text) 10%, transparent);background:var(--color-night-2);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-night-text) 6%, transparent), 0 40px 80px -48px #0009}@supports (color:lab(0% 0 0)){.diag-console{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-night-text) 6%, transparent), 0 40px 80px -48px lab(0% 0 0/.6)}}.diag-entry[data-invalid]{border-color:var(--color-hold-night)}.field-error-night{color:var(--color-hold-night);animation:enter-up var(--dur-1) var(--ease-enter) both;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.field-error-sq{background:currentColor;border-radius:1.5px;flex:none;width:.5rem;height:.5rem}.diag-cost{font-family:var(--font-mono);color:var(--color-night-text);flex-wrap:wrap;gap:.35rem 1rem;font-size:.75rem;display:flex}.diag-cost>li{white-space:nowrap;align-items:center;gap:.45rem;display:inline-flex}.diag-cost>li:before{content:"";background:var(--color-signal-night);border-radius:1px;width:.375rem;height:.375rem}.diag-how{gap:1.5rem;display:grid}@media (min-width:40rem){.diag-how{grid-template-columns:repeat(3,1fr)}}.dp{grid-template-columns:repeat(5,1fr);margin-bottom:1.25rem;display:grid}.dp-step{justify-items:start;gap:.2rem;min-width:0;padding-top:1.35rem;display:grid;position:relative}.dp-step+.dp-step:before{content:"";background:color-mix(in oklab, var(--color-night-text) 40%, transparent);transform-origin:0;width:calc(100% - 1.125rem);height:1px;position:absolute;top:.3125rem;left:calc(.875rem - 100%)}.dp-node{background:var(--color-signal-night);border-radius:2px;width:.625rem;height:.625rem;position:absolute;top:0;left:0}.dp-step[data-last] .dp-node{box-shadow:inset 0 0 0 1px var(--color-signal-night);background:0 0}.dp-title{color:var(--color-night-text);font-size:.85rem;font-weight:500}.dp-detail{font-family:var(--font-mono);color:var(--color-night-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;overflow:hidden}@media (max-width:39.99rem){.dp-detail{display:none}.dp-title{font-size:.75rem}}.dp-wrap[data-phase=out] .dp-node,.dp-wrap[data-phase=out] .dp-step+.dp-step:before{opacity:.2;transition:opacity .45s var(--ease-in-out-soft)}.dp-wrap[data-paused] *,.dp-wrap[data-paused] :before{animation-play-state:paused!important}@media (prefers-reduced-motion:no-preference){.dp-node{animation:dp-node .32s var(--ease-enter) var(--d) both}.dp-step+.dp-step:before{animation:dp-link .42s var(--ease-in-out-soft) calc(var(--d) - .42s) both}.dp-title,.dp-detail{animation:fg-label .48s var(--ease-enter) var(--d) both}}@keyframes dp-node{0%{opacity:.2;transform:scale(.5)}}@keyframes dp-link{0%{transform:scaleX(0)}}.diag-preview{border-radius:var(--radius-lg);border:1px solid color-mix(in oklab, var(--color-night-text) 10%, transparent);background:var(--color-night-2);box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-night-text) 6%, transparent), 0 30px 60px -30px #0000008c;margin:0;overflow:hidden}@supports (color:lab(0% 0 0)){.diag-preview{box-shadow:inset 0 1px 0 color-mix(in oklab, var(--color-night-text) 6%, transparent), 0 30px 60px -30px lab(0% 0 0/.55)}}.diag-preview-bar{border-bottom:1px solid color-mix(in oklab, var(--color-night-text) 8%, transparent);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-night-muted);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;font-size:.75rem;display:flex}.diag-level>span[aria-hidden]{background:color-mix(in oklab, var(--color-night-text) 14%, transparent);border-radius:2px;width:.625rem;height:.625rem}.diag-level[data-level="3"]>span[aria-hidden],.diag-level[data-level="2"]>span[aria-hidden]:nth-child(-n+3){background:var(--color-ok-night)}.diag-flow{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-night-muted);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.diag-flow>li{align-items:center;gap:.45rem;display:inline-flex}.diag-flow>li+li:before{content:"";background:color-mix(in oklab, var(--color-night-text) 16%, transparent);width:1rem;height:1px;margin-right:.25rem}.diag-flow-sq{border:1px solid color-mix(in oklab, var(--color-night-text) 30%, transparent);border-radius:1.5px;width:.5rem;height:.5rem}.diag-flow>li[data-state=done] .diag-flow-sq{background:var(--color-ok-night);border-color:var(--color-ok-night)}.diag-flow>li[data-state=active],.diag-flow>li[data-state=running]{color:var(--color-night-text)}.diag-flow>li[data-state=active] .diag-flow-sq{background:var(--color-signal-night);border-color:var(--color-signal-night)}.diag-flow>li[data-state=running] .diag-flow-sq{border-color:var(--color-signal-night);animation:1.2s ease-in-out infinite diag-blink}@media (max-width:47.99rem){.diag-flow>li:not([data-state=active]) .diag-flow-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.diag-flow>li+li:before{width:.5rem}}.diag-locked{border-radius:var(--radius-md);border:1px dashed color-mix(in oklab, var(--color-night-text) 16%, transparent);padding:1rem 1.1rem;position:relative;overflow:hidden}.diag-locked-lines{filter:blur(6px);opacity:.35;-webkit-user-select:none;user-select:none;gap:.55rem;display:grid}.diag-locked-lines>span{font-size:.9rem}.diag-locked-label{text-align:left;justify-content:center;align-items:center;gap:.75rem;font-size:.875rem;display:flex;position:absolute;inset:0}.diag-locked-label>span{border-radius:var(--radius-sm);border:1px solid color-mix(in oklab, var(--color-night-text) 12%, transparent);background:var(--color-night-3);padding:.55rem .85rem}.diag-locked-label{gap:0}.diag-locked-label>svg{display:none}.hero-backdrop{pointer-events:none;background:radial-gradient(60% 55% at 78% 92%, color-mix(in oklab, var(--color-signal-night) 7%, transparent), transparent 70%), linear-gradient(to right, color-mix(in oklab, var(--color-night-text) 4%, transparent) 1px, transparent 1px) -1px -1px / 56px 56px, linear-gradient(to bottom, color-mix(in oklab, var(--color-night-text) 4%, transparent) 1px, transparent 1px) -1px -1px / 56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 60% 75%,#000,#0000);mask-image:radial-gradient(75% 70% at 60% 75%,#000,#0000)}.trust-node{background:var(--color-ok);border-radius:2px;flex:none;width:.75rem;height:.75rem;margin-top:.4rem}.anim-pulse{animation:1.6s ease-out 3 pulse-node}@keyframes diag-blink{50%{background:color-mix(in oklab, var(--color-signal-night) 60%, transparent)}}@keyframes enter-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fg-label{0%{opacity:.25}}@keyframes pulse-node{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, currentColor 40%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklab, currentColor 0%, transparent)}}