.flow-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;margin-top:.625rem;display:flex}.flow-title{font-size:clamp(1.75rem,2.78vw,2.5rem);font-weight:500;line-height:1.15}.flow-steps,.flow-steps>li{align-items:center;gap:.375rem;display:flex}.flow-steps-line{background:var(--color-slate);width:1.5rem;height:1px}.flow-step{border:1px solid var(--color-slate);height:2.25rem;color:var(--color-ash);font:600 .8125rem/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.5rem;padding:0 .875rem 0 .375rem;display:inline-flex}.flow-step:disabled{cursor:default}.flow-step:hover:not(:disabled){border-color:var(--color-stone);color:var(--color-paper)}.flow-step[data-state=current]{border-color:var(--color-accent);background:color-mix(in srgb, var(--ui-sel) 12%, transparent);color:var(--color-accent)}.flow-step-n{background:var(--color-graphite);width:1.5rem;height:1.5rem;color:var(--color-ash);border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.flow-step[data-state=current] .flow-step-n{background:var(--color-accent);color:var(--color-obsidian)}.flow-step[data-state=done] .flow-step-n{background:var(--color-accent-deep);color:var(--color-accent)}.flow-step-icon{border:1px solid var(--color-accent-deep);background:color-mix(in srgb, var(--ui-sel) 8%, transparent);width:1.875rem;height:1.875rem;color:var(--color-accent);border-radius:4px;flex:none;justify-content:center;align-items:center;display:inline-flex}.flow-input{flex-direction:column;gap:1.75rem;margin-top:clamp(1.25rem,2.2vw,2.25rem);display:flex}.flow-box{flex-direction:column;min-height:18.75rem;padding:1.875rem 2rem 1.375rem;display:flex}.flow-textarea{resize:vertical;width:100%;min-height:9.375rem;color:var(--color-paper);background:0 0;border:0;outline:none;flex:1;font-size:clamp(1.125rem,1.67vw,1.5rem);font-weight:300;line-height:1.35}.flow-textarea::placeholder{color:var(--color-ash)}.flow-box-bar{flex-wrap:wrap;align-items:center;gap:.625rem;margin-top:1rem;display:flex}.flow-file{border-radius:4px;height:2.25rem;padding:0 .875rem;font-size:.8125rem}.flow-sep{background:var(--color-slate);width:1px;height:1.375rem;margin:0 .25rem}.flow-length{color:var(--color-stone);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem}.flow-purpose{margin-bottom:1.5rem}.flow-purposes{flex-wrap:wrap;gap:.5rem;display:flex}.purpose-chip{border:1px solid var(--color-slate);background:var(--color-charcoal);min-height:2.375rem;color:var(--color-pearl);cursor:pointer;border-radius:4px;align-items:center;gap:.5rem;padding:0 .875rem;font-size:.875rem;line-height:1.2;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.purpose-chip:hover:not(:disabled){border-color:var(--color-stone);color:var(--color-paper)}.purpose-chip[aria-checked=true]{border-color:var(--color-accent);background:color-mix(in srgb, var(--ui-sel) 12%, transparent);color:var(--color-accent)}.purpose-chip:disabled{opacity:.45;cursor:default}.flow-purpose-hint{color:var(--color-stone);margin:0;font-size:.8125rem}.flow-options{flex-wrap:wrap;align-items:flex-end;gap:1.25rem 1.75rem;display:flex}.flow-option{flex-direction:column;gap:.625rem;min-width:0;display:flex}.flow-tones{grid-template-columns:repeat(4,7.75rem)}.flow-tones .opt-tile{justify-content:center;height:4.375rem}.flow-counter,.flow-asis{border-radius:4px;align-items:center;height:4.375rem;display:flex}.flow-counter{padding:0 .5rem}.flow-counter-value{flex-direction:column;align-items:center;gap:2px;width:4.375rem;display:flex}.flow-counter-value strong{font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:600}.flow-counter-value small{color:var(--color-ash);font-size:.625rem}.flow-asis{cursor:pointer;gap:.625rem;padding:0 .875rem;font-size:.8125rem;font-weight:600}.flow-go{min-height:3.25rem;margin-left:auto;padding:0 1.625rem;font-size:1.0625rem}.flow-error{border-radius:4px;padding:1rem 1.25rem;font-size:.9375rem}.flow-file-note{margin-top:.75rem}.flow-link{flex-wrap:wrap;gap:.625rem;margin-top:.75rem;display:flex}.flow-link .input{flex:16rem;min-width:0}.blank{margin-top:clamp(1.5rem,2.8vw,2.75rem);position:relative}.blank-head{align-items:center;gap:.625rem;min-height:2rem;padding-right:10rem;display:flex}.blank-title{font-size:clamp(1.25rem,1.67vw,1.5rem);font-weight:500}.blank-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.375rem 1.5625rem;margin-top:1.125rem;display:grid}.blank-card{width:100%;color:var(--color-paper);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.625rem;padding:0;display:flex}.blank-cover{box-shadow:0 0 0 1px var(--ui-cover-ring);border-radius:2px;transition:box-shadow .15s;display:block;overflow:hidden}.blank-card:hover .blank-cover{box-shadow:0 0 0 1px var(--color-accent)}.blank-card[data-pending]{cursor:progress}.blank-card[data-pending] .blank-cover{opacity:.6}.blank-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.blank-toggle{height:2rem;color:var(--color-accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;padding:0;font-size:.8125rem;font-weight:600;display:inline-flex;position:absolute;top:0;right:0}.blank-toggle:hover{text-decoration:underline}.blank-toggle svg{transition:transform .15s}.blank-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.plan-row{border-radius:4px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.plan-grip{color:var(--color-stone);cursor:grab;touch-action:none;background:0 0;border:0;margin-top:.25rem;padding:.25rem 2px;display:none}.plan-grip:hover{color:var(--color-paper)}.plan-row-tools{flex-direction:column;flex:none;display:flex}.plan-tool{border-radius:4px;width:1.875rem;height:1.875rem}.plan-add{border-radius:4px;height:2.25rem;margin-top:1rem;padding:0 .875rem;font-size:.8125rem}.plan-extra{width:fit-content;height:auto;margin-top:.875rem;padding:.375rem 0}.plan-extra[data-locked]{color:var(--ui-text2);cursor:pointer}@media (min-width:640px){.plan-row{padding:.75rem 1rem}.plan-grip{display:block}.plan-row-tools{flex-direction:row}}@media (max-width:1099px){.blank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.flow-box.glass{border-radius:1.75rem;min-height:15rem;padding:1.25rem 1.25rem 1rem}.flow-option,.flow-tones{width:100%}.flow-tones{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-go{width:100%}.blank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.blank-head{padding-right:7.5rem}}@media (max-width:420px){.flow-steps,.flow-steps>li{gap:.25rem}.flow-steps-line{width:.625rem}.flow-step{gap:.375rem;padding:0 .625rem 0 .25rem}}.flow-cost-line{letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--ui-text3);font-size:.6875rem;font-weight:500}.flow-cost-line[data-short]{color:var(--ui-off)}.flow-build{background:var(--ui-panel);box-shadow:inset 0 0 0 1px var(--ui-line2);border-radius:4px;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;margin-top:2rem;padding:1rem;display:flex}.flow-build-cover{width:7.5rem;box-shadow:0 0 0 1px var(--ui-cover-ring);flex:none;overflow:hidden}.flow-build-name{margin:0;font-size:.9375rem;font-weight:500}.flow-build-meta{letter-spacing:.04em;text-transform:uppercase;color:var(--ui-text3);margin:2px 0 0;font-size:.6875rem;font-weight:500}
