.program-status-demo{--status-radius:6px;border:1px solid var(--edge);border-radius:var(--status-radius);background:var(--card);display:grid;overflow:hidden}.program-status-demo[data-look=grid]{--status-radius:0px;background:var(--ground)}.program-status-demo[data-look=pane]{--status-radius:14px;background:var(--sheet)}.program-status-demo[data-look=orbit]{--status-radius:12px;background:radial-gradient(at 100% 0,#7892ff12,#0000 70%),#ffffff06}.program-status-choices{border-bottom:1px solid var(--rule);background:color-mix(in oklab, var(--well) 65%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;padding:16px;display:grid}.program-status-session{color:var(--muted);grid-column:1/-1;margin-bottom:8px;font-size:.6875rem}.program-status-choice{border-radius:min(var(--status-radius), 8px);text-align:left;min-width:0;color:var(--ink);cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;padding:12px 10px;transition:background-color .15s,border-color .15s;display:flex}.program-status-choice:hover{background:var(--hover)}.program-status-choice[aria-pressed=true]{border-color:var(--edge);background:var(--card)}.program-status-choice:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.program-status-choice>:first-child{flex-shrink:0}.program-status-blocked-mark{color:var(--hold);align-items:center;gap:5px;display:inline-flex}.program-status-dots{min-height:16px;color:var(--run);align-items:center;gap:3px;display:inline-flex}.program-status-dots>span{opacity:.25;background:currentColor;border-radius:50%;width:3px;height:3px}.program-status-dots>.is-filled{opacity:1}.program-status-dots[data-state=error]{color:var(--stop)}.program-status-dots-header{grid-template-columns:repeat(2,3px);gap:2px;display:grid}.program-status-dots[data-state=working]:not([data-progress])>span{animation:1.8s ease-in-out infinite program-status-work}.program-status-dots[data-state=working]:not([data-progress])>:nth-child(2n){animation-delay:.3s}.program-status-dots[data-state=working]:not([data-progress])>:nth-child(3n){animation-delay:.6s}.program-status-report{min-width:0;padding:24px}.program-status-report-header{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.program-status-program{border:1px solid var(--edge);color:var(--ink);border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:.8125rem;display:inline-flex}.program-status-message{align-content:center;min-height:150px;padding-block:24px;display:grid}.program-status-notification{border:1px solid var(--edge);background:var(--card);border-radius:14px;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:22px;display:grid;box-shadow:0 18px 48px -30px #00000059}.program-status-notification[data-look=grid]{box-shadow:none;border-radius:0}.program-status-notification[data-look=current]{border-radius:6px}.program-status-notification-icon{border:1px solid var(--rule);background:var(--well);width:40px;height:40px;color:var(--ink);border-radius:8px;place-items:center;font-family:monospace;font-size:.875rem;display:grid}@keyframes program-status-work{0%,to{opacity:.25}50%{opacity:1}}@media (min-width:48rem){.program-status-demo{grid-template-columns:minmax(13rem,.8fr) minmax(0,1.2fr)}.program-status-choices{border-right:1px solid var(--rule);border-bottom:0;grid-template-columns:minmax(0,1fr);padding:20px}.program-status-report{padding:32px}.program-status-message{min-height:175px}}@media (prefers-reduced-motion:reduce){.program-status-dots[data-state=working]>span{animation:none}.program-status-choice{transition:none}}
