body.with-channel-rail{padding-left:252px}.channel-rail{position:fixed;left:16px;top:24px;bottom:24px;width:224px;background:#fff;border:1px solid #e8eaf2;border-radius:24px;box-shadow:0 12px 35px #2a304b0d;display:flex;flex-direction:column;z-index:5;overflow:hidden}.rail-toggle{border:0;background:#fff;color:#171922;display:flex;align-items:center;gap:8px;padding:18px 16px;min-height:60px;font-weight:800;text-align:left;width:100%;cursor:pointer}.rail-count{background:#efedff;color:#7067f0;border-radius:20px;padding:3px 8px;font-size:12px}.rail-chevron{margin-left:auto;color:#747887}.rail-toggle[aria-expanded=true] .rail-chevron{transform:rotate(180deg)}#channel-list-content{overflow:auto;padding:0 10px 14px;min-height:0}.saved-channel-list{display:flex;flex-direction:column;gap:5px}.saved-channel{display:flex;align-items:center;min-width:0;border-radius:14px}.saved-channel:has([aria-current=page]){background:#efedff}.saved-channel-link{display:flex;align-items:center;gap:9px;min-width:0;flex:1;min-height:52px;padding:6px;color:#363849}.saved-channel-link[aria-current=page]{color:#6156dc;font-weight:700}.channel-initial{width:32px;height:32px;flex-shrink:0;background:#f0efff;border-radius:11px;display:grid;place-items:center;font-weight:800}.channel-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-channel{border:0;background:transparent;color:#858896;min-width:34px;min-height:44px;padding:0;font-size:20px;border-radius:10px;cursor:pointer}.remove-channel:hover{background:#fff0f3;color:#a52947}.rail-hint,.rail-empty{font-size:12px;line-height:1.8;color:#747887;padding:6px 8px}.rail-empty{padding:12px 8px}#channel-list-content[hidden]{display:none!important}.channel-rail a:focus-visible,.channel-rail button:focus-visible,.history-filter:focus-visible{outline:3px solid #7067f0;outline-offset:-3px}.history-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.history-heading .section-title{margin-bottom:4px}.history-heading p{margin:4px 0 14px}.history-heading>.btn{flex-shrink:0;font-size:13px}.history-filters{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0 18px}.history-filter{border:1px solid #e8eaf2;background:#fff;padding:9px 13px;border-radius:13px;color:#747887;min-height:44px;cursor:pointer}.history-filter[aria-pressed=true]{background:#efedff;color:#6156dc;border-color:#d9d4ff;font-weight:700}.job-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.job-card{border:1px solid #e8eaf2;border-radius:20px;padding:16px;position:relative;min-width:0;background:#fbfbfe}.job-open{display:flex;gap:12px;min-width:0;padding-top:26px}.job-thumbnail{width:104px;aspect-ratio:16/9;align-self:start;background:#efedff;border-radius:12px;overflow:hidden;flex-shrink:0}.job-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.job-details{min-width:0}.job-title{font-size:14px!important;margin:0 0 5px!important;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.job-channel{font-size:12px;color:#747887;margin:0 0 6px}.job-types{display:flex;gap:5px;flex-wrap:wrap}.job-types span{padding:3px 7px;background:#f0f1f7;border-radius:7px;font-size:11px;color:#626879}.job-status-badge{position:absolute;top:13px;left:16px;font-size:11px;font-weight:700;color:#6b6c79}.job-status-badge.completed{color:#25815d}.job-status-badge.running,.job-status-badge.queued{color:#7067f0}.job-status-badge.failed{color:#a52947}.job-stage{font-size:12px;color:#747887;line-height:1.6;margin:12px 0 8px;overflow-wrap:anywhere}.job-stage.failure{color:#a52947}.job-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:11px;color:#747887;margin:14px 0}.job-card-actions{display:flex;gap:7px;flex-wrap:wrap}.job-card-actions .btn{font-size:12px;padding:10px 12px;min-height:44px}.history-empty{grid-column:1/-1;text-align:center;padding:26px 10px;color:#747887;font-size:14px}.history-message{font-size:13px;color:#a52947;line-height:1.7}.history-message:empty{display:none}.rich-history{padding:24px;margin-top:18px}.rich-history .progress{height:9px;width:100%;accent-color:#7067f0}.job-card .danger{background:#fff0f3;color:#a52947}@media(max-width:1200px){.job-cards{grid-template-columns:1fr}}@media(max-width:1000px){body.with-channel-rail{padding-left:0}.channel-rail{position:relative;inset:auto;width:calc(100% - 32px);margin:16px auto 0;max-height:60dvh;border-radius:20px}.rail-toggle{min-height:52px;padding:14px 18px}#channel-list-content{max-height:45dvh}.saved-channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.job-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.job-cards,.saved-channel-list{grid-template-columns:1fr}.channel-rail{width:calc(100% - 20px);margin-top:10px}.rich-history{padding:18px}.history-heading>.btn{padding:10px;font-size:12px}.history-heading .section-title{font-size:20px}.job-thumbnail{width:86px}.job-card{padding:13px}.job-status-badge{left:13px}.history-filter{font-size:12px;padding:8px 10px}.remove-channel{min-width:44px}}
@media(max-width:560px){.topbar{gap:8px}.topbar .brand{gap:8px;min-width:0}.topbar .brand-mark{width:34px;height:34px;flex-shrink:0}.topbar .brand>div:nth-child(2){font-size:13px}.topbar .nav{flex-shrink:0}.topbar .nav a{white-space:nowrap;padding:9px 6px}}