@layer bronto{.ui-state{--state-tone: var(--text-dim);align-items: center;display: inline-flex;font-size: var(--text-sm);gap: 0.4rem}.ui-state::before{background: var(--state-tone);border-radius: 50%;block-size: 0.5rem;content: '';flex: none;inline-size: 0.5rem;print-color-adjust: exact}.ui-state__label{color: var(--text)}.ui-state__detail{color: var(--text-dim);font-size: var(--text-2xs)}.ui-state--busy::before{animation: uiStatePulse 1.1s ease-in-out infinite}@keyframes uiStatePulse{50%{opacity: 0.3}}@media (prefers-reduced-motion: reduce){.ui-state--busy::before{animation: none}}.ui-state--saving{--state-tone: var(--accent)}.ui-state--saved{--state-tone: var(--success)}.ui-state--queued{--state-tone: var(--text-dim)}.ui-state--offline{--state-tone: var(--warning)}.ui-state--stale{--state-tone: var(--warning)}.ui-state--conflict{--state-tone: var(--danger)}.ui-state--error{--state-tone: var(--danger)}.ui-state--locked{--state-tone: var(--text-dim)}.ui-state--reviewed{--state-tone: var(--success)}.ui-state--needs-review{--state-tone: var(--warning)}.ui-syncbar{align-items: center;border-block-end: 1px solid var(--line);display: flex;flex-wrap: wrap;gap: var(--space-sm) var(--space-md);justify-content: space-between;padding-block: var(--space-xs)}.ui-job{--job-progress: 0%;--job-tone: var(--text-dim);background: var(--panel);border: 1px solid var(--line);border-inline-start: 2px solid var(--job-tone);border-radius: var(--radius-md);display: grid;gap: var(--space-sm);padding: var(--space-md)}.ui-job__head{align-items: start;display: flex;flex-wrap: wrap;gap: var(--space-xs) var(--space-md);justify-content: space-between}.ui-job__title{color: var(--text);font-family: var(--display);font-size: var(--text-sm);letter-spacing: var(--tracking-wide);margin: 0;text-transform: uppercase}.ui-job__meta{color: var(--text-dim);font-family: var(--mono);font-size: var(--text-2xs);letter-spacing: var(--tracking-wide);text-transform: uppercase}.ui-job__body{color: var(--text-soft);margin: 0}.ui-job__progress{background: var(--panel-soft);border: 1px solid var(--line);border-radius: var(--radius-pill);block-size: 0.5rem;overflow: hidden}.ui-job__bar{background: var(--job-tone);block-size: 100%;display: block;inline-size: clamp(0%,var(--job-progress),100%);min-inline-size: 1px;print-color-adjust: exact;transition: inline-size var(--duration-base) var(--ease-standard)}.ui-job__actions{align-items: center;display: flex;flex-wrap: wrap;gap: var(--space-xs)}.ui-job--compact{gap: var(--space-xs);padding: var(--space-sm)}.ui-job--queued{--job-tone: var(--text-dim)}.ui-job--running{--job-tone: var(--accent)}.ui-job--blocked{--job-tone: var(--warning)}.ui-job--failed{--job-tone: var(--danger)}.ui-job--complete{--job-tone: var(--success)}.ui-job--running .ui-job__bar{background-image: linear-gradient( 90deg,var(--job-tone),color-mix(in srgb,var(--job-tone) 62%,var(--panel)) )}@media (prefers-reduced-motion: reduce){.ui-job__bar{transition: none}}@media (forced-colors: active){.ui-state::before{background: CanvasText}.ui-job{border-inline-start-color: CanvasText}.ui-job__bar{background: CanvasText}}}