@layer tokens,legacy;@layer components{.offline-line{margin-block:var(--space-tight) var(--space-inline);margin-inline:var(--space-page);flex-direction:column;flex:none;align-self:stretch;display:flex}.offline-line__row{inline-size:100%;min-block-size:var(--space-touch-small);padding:0 var(--space-page);border-radius:var(--radius-pill);background:var(--color-surface-inset);color:var(--color-text-muted);font:inherit;font-size:var(--t-meta);font-weight:var(--weight-strong);text-align:start;white-space:nowrap;text-overflow:ellipsis;border:0;align-items:center;margin:0;display:flex;overflow:hidden}.offline-line[data-tone=sent] .offline-line__row{background:var(--color-success-soft);color:var(--color-text)}.offline-line__list{margin:var(--space-tight) 0 0;padding:var(--space-inline) var(--space-page);border-radius:var(--radius-control);background:var(--color-surface);border:var(--border-width) solid var(--color-border);font-size:var(--t-meta);color:var(--color-text);list-style:none}.offline-line__list li{padding-block:var(--space-tight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queued-mark{align-items:center;gap:var(--space-tight);font-size:var(--t-meta);color:var(--color-text-muted);display:inline-flex}}