.cf-shell{max-width:46rem}.cf-steps{display:flex;align-items:stretch;margin:0 0 -1px;padding:0;list-style:none}.cf-step-item{flex:1 1;display:flex;min-width:0}.cf-sr{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.cf-step{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem .5rem;background:none;border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-display);font-size:1.0625rem;font-weight:500;letter-spacing:.05em;cursor:default;transition:color .2s var(--ease),background-color .2s var(--ease)}.cf-step-item+.cf-step-item .cf-step{border-left:0}.cf-step-done{cursor:pointer;color:var(--color-text)}.cf-step-done:hover{color:var(--color-link);background:var(--color-tint)}.cf-step-active{position:relative;z-index:1;color:var(--color-text);background:var(--color-raised);border-bottom-color:var(--color-raised);box-shadow:inset 0 2px 0 var(--color-accent)}.cf-step-num{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid;font-family:var(--font-main);font-size:.8rem;font-weight:700;line-height:1;flex-shrink:0}.cf-step-active .cf-step-num{background:var(--color-action-bg);border-color:var(--color-action-bg);color:var(--color-on-accent)}.cf-panel{--cut-bg:var(--color-surface);padding:clamp(1.25rem,3vw,2rem);background:var(--color-raised);border:1px solid var(--color-border)}.cf-stage{display:flex;flex-direction:column;gap:1rem}html[data-fx]:not([data-fx="0"]) .cf-stage{animation:cf-fade .3s var(--ease-out) both}@keyframes cf-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cf-shell .cf-question{font-size:var(--step-2);margin:0}.cf-shell :is(.cf-question,.cf-done h3):focus-visible{outline:var(--focus-outline);outline-offset:4px}.cf-note{color:var(--color-text-muted);font-size:1rem;margin-top:-.5rem}.cf-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.cf-option{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;text-align:left;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:border-color .2s var(--ease),background-color .2s var(--ease)}.cf-option:hover{border-color:var(--color-accent);background:var(--color-tint)}.cf-option-picked{border-color:var(--color-accent-secondary)}.cf-option-label{font-family:var(--font-display);font-size:var(--step-1);font-weight:700;line-height:1.15}.cf-option-hint{font-size:.92rem;line-height:1.45;color:var(--color-text-muted)}.cf-field{display:flex;flex-direction:column;gap:.4rem}.cf-field-label{font-weight:700;font-size:.95rem;color:var(--color-text)}.cf-optional{font-weight:400;color:var(--color-text-muted)}.cf-input,.cf-select,.cf-textarea{width:100%;padding:.75rem .9rem;font-family:var(--font-main);font-size:1rem;color:var(--color-text);background:var(--color-page);border:1px solid var(--color-control-border);border-radius:var(--radius-button);transition:border-color .2s var(--ease)}.cf-textarea{resize:vertical;min-height:8rem;line-height:1.6}.cf-shell :is(.cf-input,.cf-select,.cf-textarea):focus-visible{outline:var(--focus-outline);outline-offset:0;border-color:var(--color-accent)}.cf-input::placeholder,.cf-textarea::placeholder{color:var(--color-text-muted);opacity:1}.cf-actions{display:flex;justify-content:space-between;gap:.75rem;margin-top:.5rem}.cf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.875rem;padding:.6rem 1.6rem;font-family:var(--font-display);font-size:1.125rem;font-weight:700;letter-spacing:.04em;line-height:1.1;background:var(--color-action-bg);border:1px solid var(--color-action-bg);cursor:pointer;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.cf-shell .cf-btn,.cf-shell .cf-btn:hover{color:var(--color-on-accent)}.cf-btn:hover:not(:disabled){background:var(--color-action-bg-hover);border-color:var(--color-action-bg-hover)}.cf-btn-disabled,.cf-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.cf-shell .cf-btn-ghost,.cf-shell .cf-btn-ghost:hover:not(:disabled){background:none;color:var(--color-text);border-color:var(--color-border-strong)}.cf-shell .cf-btn-ghost:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-link)}.cf-done{--cut-bg:var(--color-surface);padding:clamp(1.25rem,3vw,2rem);background:var(--color-raised);border:1px solid var(--color-border);border-top:2px solid var(--color-accent-secondary)}.cf-done-mark{font-size:2rem;line-height:1;color:var(--color-secondary-text);margin-bottom:.75rem}.cf-shell .cf-done h3{font-size:var(--step-2);margin-bottom:.5rem}.cf-done p,.cf-transcript{color:var(--color-text-muted);margin-bottom:1.25rem}.cf-transcript{max-height:18rem;overflow-y:auto;padding:1rem;background:var(--color-page);border:1px solid var(--color-border);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.cf-done-actions{display:flex;flex-wrap:wrap;gap:.75rem}.cf-fallback{margin-top:1.25rem;font-size:.95rem;color:var(--color-text-muted)}.cf-done p a,.cf-fallback a{text-decoration:underline;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);text-underline-offset:.22em}@media (max-width:640px){.cf-step{padding:.6rem .3rem}.cf-step-label{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.cf-options{grid-template-columns:minmax(0,1fr)}.cf-actions{flex-direction:column-reverse}.cf-btn{width:100%}}