.pipely .sp-modal{border-radius:var(--pl-r-panel);background:var(--pl-secondary);width:min(620px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--pl-text);border:none;margin:auto;padding:0;overflow:hidden}.pipely .sp-modal::backdrop{backdrop-filter:blur(3px);background:#0f14178c}.pipely .sp-modal[open]{animation:.22s cubic-bezier(.2,.7,.3,1) sp-pop}@keyframes sp-pop{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}.pipely .sp-shell{max-height:calc(100dvh - 48px);padding:40px;position:relative;overflow-y:auto}.pipely .sp-close{color:var(--pl-text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:28px;line-height:1;transition:color .15s;position:absolute;top:16px;right:18px}.pipely .sp-close:hover{color:var(--color-red)}.pipely .sp-progress{gap:8px;margin-bottom:28px;margin-right:32px;display:flex}.pipely .sp-step-dot{border-radius:var(--pl-r-pill);background:var(--pl-border);flex:1;height:4px;transition:background .25s}.pipely .sp-step-dot.active{background:var(--color-ink)}.pipely .sp-step-dot.done{background:var(--color-red)}.pipely .sp-kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-red);margin-bottom:10px;font-size:11px;font-weight:600;display:block}.pipely .sp-title{font-family:var(--font-display);font-weight:var(--pl-fw-regular);letter-spacing:-.03em;font-size:clamp(22px,3.5vw,30px);line-height:1.1}.pipely .sp-title:focus{outline:none}.pipely .sp-sub{color:var(--pl-text-muted);margin-top:10px;font-size:15px;line-height:1.55}.pipely .sp-choice-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;display:grid}.pipely .sp-choice{text-align:left;border-radius:var(--pl-r-media);border:1.5px solid var(--pl-border);background:var(--pl-primary);color:inherit;font:inherit;cursor:pointer;flex-direction:column;gap:8px;padding:24px;transition:border-color .18s,transform .18s;display:flex}.pipely .sp-choice.is-wide{grid-column:1/-1}.pipely .sp-choice:hover{border-color:var(--color-ink);transform:translateY(-2px)}.pipely .sp-choice-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pl-text-muted);font-size:11px;font-weight:600}.pipely .sp-choice-tag.is-film{color:var(--pl-accent-film)}.pipely .sp-choice-tag.is-web{color:var(--pl-accent-web)}.pipely .sp-choice-name{font-family:var(--font-display);font-weight:var(--pl-fw-medium);letter-spacing:-.02em;font-size:18px}.pipely .sp-choice-desc{color:var(--pl-text-muted);font-size:13px;line-height:1.5}.pipely .sp-field{flex-direction:column;flex:1;gap:7px;margin-top:18px;display:flex}.pipely .sp-row{gap:16px;display:flex}.pipely .sp-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pl-text-muted);font-size:11px;display:block}.pipely .sp-field input,.pipely .sp-field textarea{border:1.5px solid var(--pl-border-strong);background:var(--pl-primary);width:100%;color:var(--pl-text);font-family:var(--font-body);border-radius:8px;padding:11px 13px;font-size:15px;transition:border-color .15s}.pipely .sp-field textarea{resize:vertical;line-height:1.5}.pipely .sp-field input:focus-visible,.pipely .sp-field textarea:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;border-color:var(--color-ink)}.pipely .sp-field input[aria-invalid=true]{border-color:var(--color-red)}.pipely .sp-fieldset{border:0;margin-top:24px;padding:0}.pipely .sp-fieldset legend{padding:0}.pipely .sp-chips{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.pipely .sp-chip{position:relative}.pipely .sp-chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pipely .sp-chip span{border:1.5px solid var(--pl-border-strong);border-radius:var(--pl-r-pill);background:var(--pl-primary);padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-block}.pipely .sp-chip:hover span{border-color:var(--color-ink)}.pipely .sp-chip input:checked+span{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-cream)}.pipely .sp-chip input:focus-visible+span{outline:2px solid var(--color-ink);outline-offset:2px}.pipely .sp-nav{align-items:center;gap:12px;margin-top:32px;display:flex}.pipely .sp-back{color:var(--pl-text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:8px 4px;font-size:14px;font-weight:600;transition:color .15s}.pipely .sp-back:hover{color:var(--pl-text)}.pipely .sp-advance{margin-left:auto}.pipely .sp-advance:disabled{opacity:.4;cursor:not-allowed}.pipely .sp-nav [hidden],.pipely .sp-nav[hidden],.pipely .sp-panel[hidden],.pipely .sp-progress[hidden]{display:none!important}.pipely .sp-error{color:var(--color-red);margin-top:14px;font-size:13px}.pipely .sp-error:empty{display:none}.pipely .sp-success{text-align:center;padding:20px 0}.pipely .sp-check{background:var(--color-red);width:64px;height:64px;color:var(--color-cream);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:32px;display:flex}.pipely .sp-success .pl-btn{margin-top:24px}.pipely .sp-pot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}@media (width<=560px){.pipely .sp-shell{padding:28px 22px}.pipely .sp-choice-grid{grid-template-columns:1fr}.pipely .sp-row{flex-direction:column}}@media (prefers-reduced-motion:reduce){.pipely .sp-modal[open]{animation:none}.pipely .sp-choice:hover{transform:none}}html.has-modal{overflow:hidden}