.clean-output{border-top:5px solid var(--mint,#58d6a6)}.output-summary{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:10px;margin:24px 0}.output-summary div{border:1px solid var(--line);padding:18px}.output-summary span,.output-summary strong{display:block}.output-summary span{font:500 .68rem "DM Mono",monospace;color:var(--muted);text-transform:uppercase}.output-summary strong{margin-top:6px}.output-actions{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#eef6f2;padding:20px}.output-actions p{margin:0;color:var(--muted)}.pipeline li.running{outline:3px solid #42c58f;outline-offset:-3px;box-shadow:0 0 28px rgba(66,197,143,.24)}.pipeline li.done span,.pipeline li.done b{color:#167052}.next-card .pulse{animation:tlPulse 1.5s ease-in-out infinite;outline:3px solid rgba(79,207,157,.45);outline-offset:5px}@keyframes tlPulse{50%{outline-width:8px;outline-color:rgba(79,207,157,.15)}}
@media(max-width:760px){.output-summary{grid-template-columns:1fr 1fr}.output-actions{align-items:stretch;flex-direction:column}.output-actions .button{width:100%}}
@media(max-width:480px){.output-summary{grid-template-columns:1fr}.next-card .button{width:100%}}
@media(prefers-reduced-motion:reduce){.next-card .pulse{animation:none;outline-width:4px}}