/* Progress card under + Create (js/jobs-now.js), and the "Shorts ready" pop-up. */
.jobs-now{display:flex;flex-direction:column;gap:6px}
.jobs-now:empty{display:none}
.jn{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px 12px 15px;border-radius:12px;border:1px solid var(--line);background:var(--raised);color:var(--ink);font:inherit;text-align:left;overflow:hidden}
button.jn{cursor:pointer}
button.jn:hover{border-color:var(--line-2)}
.jn .spin{width:18px;height:18px}
.jn>.ms{font-size:20px}
.jn-t{min-width:0;display:flex;flex-direction:column}
.jn-t b{font-size:.84rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jn-t small{font-size:.74rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jn em{font:600 .76rem var(--mono);font-style:normal;color:var(--primary-text)}
.jn-bar{position:absolute;left:12px;right:12px;bottom:6px;height:3px;border-radius:3px;background:var(--line)}
.jn-bar>i{display:block;height:100%;border-radius:3px;background:var(--primary);transition:width .6s}
.jn.ok,.jn.bad,.jn.paused{padding-bottom:10px}
.jn.paused>.ms{color:var(--muted)}
.jn.ok>.ms{color:var(--good)}
.jn.bad>.ms{color:var(--bad)}
.toast{position:fixed;right:20px;bottom:20px;z-index:70;display:flex;gap:10px;align-items:center;max-width:min(360px,calc(100vw - 32px));padding:12px 16px;border-radius:14px;border:1px solid var(--line-2);background:var(--panel);color:var(--ink);box-shadow:0 16px 40px rgba(0,0,0,.35);font:inherit;font-size:.86rem;text-align:left;cursor:pointer;animation:pc-rise .4s both}
.toast>.ms{color:var(--good);font-size:22px}
.toast.bad>.ms{color:var(--bad)}
.toast b{display:block;font-size:.9rem}
.toast.go{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
@media (max-width:1023px){
  .jobs-now{position:fixed;left:8px;right:8px;bottom:8px;z-index:50}
  .jn{background:var(--panel);box-shadow:0 10px 30px rgba(0,0,0,.3)}
  .toast{left:16px;right:16px;bottom:16px;max-width:none}
}
/* On phones the sidebar is the top bar; its blur would pin the card to the bar instead of the screen's bottom. */
@media (max-width:1023px){ .side{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--panel)!important} }