.sp-state{border:1px dashed var(--sp-line-2);border-radius:var(--sp-radius-lg);padding:var(--sp-e5) var(--sp-e4);margin:var(--sp-e4) 0;text-align:center;background:var(--sp-paper-2)}.sp-state__label{font-family:var(--sp-font-mono);font-size:var(--sp-txt-sm);font-weight:500;letter-spacing:.06em;color:var(--sp-graphite);margin:0 0 var(--sp-e2)}.sp-state__title{font-size:var(--sp-txt-md);font-weight:600;color:var(--sp-ink);margin:0 0 var(--sp-e1)}.sp-state__detail{font-size:var(--sp-txt-base);color:var(--sp-graphite);max-width:25rem;margin:0 auto var(--sp-e3);line-height:var(--sp-leading-normal)}.sp-state__detail>:last-child{margin-bottom:0}.sp-state__action{font-family:var(--sp-font-ui);font-size:var(--sp-txt-base);font-weight:500;color:var(--sp-paper);background:var(--sp-ink);border:0;border-radius:var(--sp-radius);padding:var(--sp-e3) var(--sp-e5);min-height:var(--sp-touch);cursor:pointer;transition:opacity var(--sp-dur-button) var(--sp-ease-out)}@media (hover:hover) and (pointer:fine){.sp-state__action:hover{opacity:.88}}.sp-state__action:focus-visible{outline:2px solid var(--sp-signal);outline-offset:2px}.sp-state--offline{border-color:var(--sp-warning);background:var(--sp-warning-bg)}.sp-state--offline .sp-state__label{color:var(--sp-warning)}.sp-state--error{border-color:var(--sp-danger);background:var(--sp-danger-bg)}.sp-state--error .sp-state__label{color:var(--sp-danger)}.sp-strip{display:flex;align-items:center;gap:var(--sp-e3);padding:var(--sp-e3) var(--sp-e4);border-radius:var(--sp-radius);margin:var(--sp-e4) 0;font-size:var(--sp-txt-base);color:var(--sp-ink-2);border:1px solid;line-height:var(--sp-leading-normal)}.sp-strip__mark{font-family:var(--sp-font-mono);font-size:var(--sp-txt-xs);font-weight:500;letter-spacing:.05em;flex-shrink:0}.sp-strip--waiting{background:var(--sp-warning-bg);border-color:color-mix(in srgb,var(--sp-warning) 40%,transparent)}.sp-strip--waiting .sp-strip__mark{color:var(--sp-warning)}.sp-strip--done{background:var(--sp-ok-bg);border-color:color-mix(in srgb,var(--sp-ok) 40%,transparent)}.sp-strip--done .sp-strip__mark{color:var(--sp-ok)}@media (max-width:600px){.sp-strip{flex-direction:column;align-items:flex-start;gap:var(--sp-e1)}}