.xp{display:flex;flex-direction:column;min-width:0;padding:20px;background:var(--surface);color:var(--ink);height:100%;font-size:16px;line-height:1.45}.s3 .xp .xp-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--graphite)}.s3 .xp .xp-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.s3 .xp .xp-stages span{padding-top:7px;border-top:2px solid var(--line);font-size:12px;line-height:1.2;color:var(--graphite)}.s3 .xp .xp-stages [data-current=true]{color:var(--ink);border-color:var(--accent);font-weight:600}.s3 .xp .xp-stages [data-past=true]{border-color:var(--accent)}.s3 .xp .xp-panel{flex:1;min-height:185px}.s3 .xp .xp-status{display:inline-block;border-radius:4px;padding:3px 7px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--crit) 9%,var(--paper));color:var(--crit)}.s3 .xp .xp-name{font-size:18px;line-height:1.3;font-weight:600;margin:12px 0 0;max-width:25ch}.s3 .xp .xp-meta{font-size:14px;color:var(--graphite);margin:10px 0 0}.s3 .xp .xp-label{font-size:13px;font-weight:600;color:var(--accent);margin:0}.s3 .xp .xp-next{font-size:20px;line-height:1.35;letter-spacing:-.015em;margin:12px 0 0;max-width:22ch}.s3 .xp .xp-draft{font-size:16px;line-height:1.5;white-space:pre-line;margin:10px 0 0}.s3 .xp .xp-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font:inherit;font-size:14px;font-weight:600;min-height:44px;padding:10px 0;margin-top:10px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;text-align:left}.s3 .xp .xp-action:hover{color:var(--accent)}.s3 .xp .xp-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:no-preference){.s3 .xp .xp-content{animation:xp-arrive .3s cubic-bezier(.2,.7,.2,1) both}.s3 .xp .xp-stages span{transition:border-color .25s ease,color .25s ease}.s3 .xp .xp-action span{transition:transform .2s ease}.s3 .xp .xp-action:hover span{transform:translateX(3px)}}@keyframes xp-arrive{0%{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}.s3 .xp .xp-status--waiting{background:color-mix(in srgb,var(--warn) 9%,var(--paper));color:var(--warn)}.s3 .xp .xp-status--steady{background:color-mix(in srgb,var(--ok) 9%,var(--paper));color:var(--ok)}.s3 .xp[data-steps="2"] .xp-stages{grid-template-columns:repeat(2,minmax(0,1fr))}