.live-connection{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin-bottom:20px;border:1px solid var(--border,#dce2d5);border-radius:12px;background:#f5f7ef;color:#365240;font-size:12px;line-height:1.6}.live-connection a{color:inherit;font-weight:600}.live-connection.offline{background:#fff3df;color:#86562b}.live-min{min-width:0}.live-list{padding:0 22px 18px}.live-list>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #e8eadd;font-size:12px;flex-wrap:wrap}.live-list strong{font-weight:500}.live-list small{color:#777e6e}.live-artifact-placeholder{min-height:170px;background:#e8eddc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#365240}.live-artifact-placeholder span{font-size:12px}.live-json{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;padding:14px;border-radius:10px;background:#f1f3ec;font-size:12px;line-height:1.7}.live-assets{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.live-asset{border:1px solid #dce2d5;padding:14px;border-radius:12px;display:flex;align-items:flex-start;flex-direction:column;gap:10px;overflow-wrap:anywhere}.live-asset small{color:#68705e;font-size:11px}.live-preview{display:block;width:100%;max-height:320px;object-fit:contain}.timeline-step small{display:block;margin-top:5px;color:#777e6e}.timeline-step .badge{margin-left:8px}.live-connection button{flex-shrink:0}@media(max-width:600px){.live-connection{align-items:flex-start;flex-direction:column}.live-assets{grid-template-columns:1fr}}
.live-connection ~ .workspace-grid .task-row>.pill-label{white-space:nowrap}
@media(max-width:1180px) and (min-width:961px),(max-width:720px){.workspace-grid .task-row>.pill-label{display:none}}