.opencode-task[data-v-15e8361c]{font-family:var(--gs-font-sans);border:1px solid var(--color-border-default);border-radius:var(--radius-12);padding:var(--space-8)var(--space-12);margin:var(--space-4)0;background:var(--color-bg-subtle);animation:oc-fade-in-15e8361c var(--transition-medium)var(--easing-enter)}.opencode-task[data-v-15e8361c],.opencode-task[data-v-15e8361c] *{box-sizing:border-box}@keyframes oc-fade-in-15e8361c{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.task-header[data-v-15e8361c]{align-items:center;gap:var(--space-8);min-width:0;display:flex}.status-icon[data-v-15e8361c]{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.status-icon.status-completed[data-v-15e8361c]{color:var(--color-success)}.status-icon.status-running[data-v-15e8361c]{color:var(--color-brand-secondary);animation:oc-spin-15e8361c var(--loading-anim-ring)linear infinite}.status-icon.status-error[data-v-15e8361c]{color:var(--color-error)}@keyframes oc-spin-15e8361c{to{transform:rotate(1turn)}}.task-title[data-v-15e8361c]{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.label[data-v-15e8361c]{color:var(--color-text-primary);font-weight:600}.label[data-v-15e8361c],.task-desc[data-v-15e8361c]{font-size:var(--text-small)}.task-desc[data-v-15e8361c]{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status-badge[data-v-15e8361c]{font-size:var(--text-caption);padding:var(--space-2)var(--space-8);border-radius:var(--radius-10);background:color-mix(in srgb,var(--color-brand-secondary)12%,transparent);color:var(--color-brand-secondary);flex-shrink:0;font-weight:500}.status-badge.status-completed[data-v-15e8361c]{background:color-mix(in srgb,var(--color-success)12%,transparent);color:var(--color-success)}.status-badge.status-error[data-v-15e8361c]{background:color-mix(in srgb,var(--color-error)12%,transparent);color:var(--color-error)}.output-preview[data-v-15e8361c]{margin:var(--space-8)0 0 0;padding:var(--space-8);background:var(--color-bg-page);border:1px solid var(--color-border-subtle);border-radius:var(--radius-8);font-family:var(--gs-font-mono);font-size:var(--text-caption);color:var(--color-text-secondary);white-space:pre-wrap;overflow-x:auto}@media (prefers-reduced-motion:reduce){.opencode-task[data-v-15e8361c],.status-icon.status-running[data-v-15e8361c]{animation:none!important}}