@layer components{.pas-card{border:1px solid var(--border);background:var(--card);--pa-tone:var(--primary);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.pas-card[data-status=done]{--pa-tone:var(--success,#10b981)}.pas-card[data-status=error]{--pa-tone:var(--danger,#dc2626)}.pas-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pas-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.pas-label{font-size:14px;font-weight:600}.pas-detail{color:var(--muted-foreground);font-size:12px}.pas-percent{font-variant-numeric:tabular-nums;color:var(--pa-tone);font-size:20px;font-weight:700}.pas-track{background:var(--muted);border-radius:999px;height:10px;position:relative;overflow:visible}.pas-buffer,.pas-fill{border-radius:inherit;transform-origin:0;transition:transform var(--pa-duration) var(--pa-easing);position:absolute;inset:0}.pas-buffer{background:var(--buffer,#cbd5e1);transform:scaleX(var(--pa-buffer))}.pas-fill{background:var(--pa-tone);transform:scaleX(var(--pa-fill));overflow:hidden}.pas-card[data-status=running][data-motion=animated][data-motion-running=true] .pas-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:1.6s linear infinite pas-sheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes pas-sheen{to{transform:translate(100%)}}.pas-checkpoint{background:var(--card);border:2px solid var(--border);width:14px;height:14px;transition:transform var(--pa-duration) var(--pa-pop-easing), background-color var(--pa-duration) var(--pa-easing), border-color var(--pa-duration) var(--pa-easing);border-radius:50%;margin-top:-7px;margin-left:-7px;position:absolute;top:50%;transform:scale(.85)}.pas-checkpoint[data-state=done]{background:var(--pa-tone);border-color:var(--card);transform:scale(1)}.pas-stages{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pas-stage{border-top:2px solid var(--border);flex-direction:column;gap:2px;min-width:0;padding-top:6px;font-size:12px;display:flex}.pas-stage[data-state=done]{border-top-color:var(--pa-tone)}.pas-stage[data-state=active]{border-top-color:var(--primary)}.pas-stage[data-state=failed]{border-top-color:var(--danger,#dc2626)}.pas-stage-glyph{display:none}.pas-stage-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pas-stage-state{color:var(--muted-foreground);text-transform:capitalize;font-variant-numeric:tabular-nums}.pas-stage[data-state=failed] .pas-stage-state{color:var(--danger,#dc2626);font-weight:600}.pas-status{color:var(--foreground);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.pas-status-dot{background:var(--pa-tone);border-radius:50%;width:8px;height:8px}.pas-card[data-status=paused] .pas-status-dot,.pas-card[data-status=idle] .pas-status-dot{background:var(--muted-foreground)}[data-motion=static] .pas-buffer,[data-motion=static] .pas-fill,[data-motion=static] .pas-fill:after,[data-motion=static] .pas-checkpoint{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.pas-buffer,.pas-fill,.pas-fill:after,.pas-checkpoint{transition:none!important;animation:none!important}}@media (max-width:480px){.pas-stages{grid-template-columns:repeat(2,minmax(0,1fr))!important}}}