.autopilot-preview{--ap-ink:#55249b;--ap-accent:#7136c8;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px 36px;margin:0 0 28px;padding:26px 28px;border-radius:16px;background:#f5f0fc;color:#27123f;text-align:left;min-width:0}
.autopilot-preview,.autopilot-preview *{box-sizing:border-box}
.autopilot-preview__eyebrow{display:flex;align-items:center;gap:8px;color:var(--ap-ink);font-size:13px;font-weight:700;line-height:1.5}
.autopilot-preview svg{width:20px;height:20px;flex-shrink:0}
.autopilot-preview__intro h3{margin:14px 0 12px!important;font-size:clamp(23px,2.2vw,29px)!important;font-weight:800;line-height:1.15;letter-spacing:-.025em;color:#27123f;text-wrap:balance}
.autopilot-preview__intro p{max-width:43ch;margin:0!important;font-size:15px!important;line-height:1.65;color:var(--ap-ink)}
.autopilot-preview__control{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #d8c6ec}
.autopilot-preview__control strong{display:block;font-size:17px;font-weight:750;line-height:1.4}
.autopilot-preview__control small{display:block;margin-top:3px;color:var(--ap-ink);font-size:13px;line-height:1.5}
.autopilot-preview button.autopilot-preview__switch{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;flex:0 0 auto;min-height:48px;width:auto;min-width:0;height:auto;margin:0;padding:4px 0;border:0;border-radius:8px;background:transparent;color:var(--ap-ink);cursor:pointer;box-shadow:none;font-size:14px;line-height:1.4;font-weight:700;white-space:nowrap}
.autopilot-preview__switch:focus-visible{outline:3px solid #55249b;outline-offset:5px}
.autopilot-preview__track{display:block;position:relative;width:64px;height:36px;border-radius:20px;background:#d8c7ed;transition:background 220ms ease;flex:0 0 64px}
.autopilot-preview__thumb{position:absolute;display:flex;align-items:center;justify-content:center;top:4px;left:4px;width:28px;height:28px;border-radius:50%;background:#fff;color:#785997;box-shadow:0 2px 4px #29114526;transition:transform 260ms cubic-bezier(.16,1,.3,1),color 220ms ease}
.autopilot-preview__thumb svg{width:17px;height:17px}
.autopilot-preview__switch-label{width:24px}
.autopilot-preview.is-running .autopilot-preview__track{background:var(--ap-accent)}
.autopilot-preview.is-running .autopilot-preview__thumb{transform:translateX(28px);color:var(--ap-accent)}
.autopilot-preview__steps{list-style:none;margin:18px 0!important;padding:0!important;display:grid;gap:16px}
.autopilot-preview__steps li{display:flex;align-items:flex-start;gap:12px;margin:0!important;padding:0!important;position:relative}
.autopilot-preview__step-mark{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:1px;flex:0 0 24px;border:1px solid #b89acf;border-radius:50%;background:#f5f0fc;color:#785997;transition:background 220ms ease,color 220ms ease,border-color 220ms ease}
.autopilot-preview__step-mark svg{width:15px;height:15px}
.autopilot-preview__steps li:not(:last-child):before{content:"";position:absolute;top:29px;bottom:-12px;left:11px;width:1px;background:#d1b8e4}
.autopilot-preview.is-running .autopilot-preview__step-mark{background:var(--ap-accent);border-color:var(--ap-accent);color:#fff}
.autopilot-preview.is-running li:nth-child(2) .autopilot-preview__step-mark{transition-delay:120ms}
.autopilot-preview.is-running li:nth-child(3) .autopilot-preview__step-mark{transition-delay:240ms}
.autopilot-preview__steps strong{display:block;font-size:14px;font-weight:750;line-height:1.4}
.autopilot-preview__steps small{display:block;margin-top:2px;font-size:13px;line-height:1.5;color:var(--ap-ink)}
.autopilot-preview p.autopilot-preview__result{margin:0!important;font-size:14px!important;line-height:1.55;color:var(--ap-ink);min-height:4.65em}
.autopilot-preview p.autopilot-preview__note{grid-column:1/-1;margin:0!important;padding-top:16px;border-top:1px solid #d8c6ec;font-size:13px!important;line-height:1.6;color:var(--ap-ink)}
@media(max-width:700px){.autopilot-preview{grid-template-columns:minmax(0,1fr);padding:22px 18px;gap:22px}.autopilot-preview__intro p{max-width:none}.autopilot-preview__control{gap:8px}.autopilot-preview__intro h3{font-size:25px!important}.autopilot-preview p.autopilot-preview__result{min-height:6.2em}}
@media(prefers-reduced-motion:reduce){.autopilot-preview *{transition:none!important}}