.job-hero{display:flex;align-items:center;gap:22px;background:radial-gradient(circle at 85% 20%,#d7f5e8,transparent 42%),linear-gradient(135deg,#fff,#f6fbf8);overflow:hidden}.job-hero h1{margin:4px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--accent)}.job-orbit{width:76px;height:76px;flex:0 0 76px;border-radius:50%;display:grid;place-items:center;position:relative;background:#103d31;color:white;box-shadow:0 0 0 8px #dff1e9}.job-orbit i{font-style:normal;font-weight:900}.job-orbit span{position:absolute;inset:-9px;border:2px solid transparent;border-top-color:#39bd8e;border-radius:50%;animation:spin 2.4s linear infinite}.job-status-line{margin:0;color:var(--muted)}.live-dot{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#2fca90;box-shadow:0 0 0 5px #2fca9028;animation:pulse 1.4s infinite}.live-dot.stopped{animation:none;background:#8b9692;box-shadow:none}
.graph-card{margin-top:16px;padding:26px;background:linear-gradient(145deg,#102b24,#183e34);border-radius:16px;color:#eefaf5;box-shadow:0 18px 40px #102b2426}.graph-head{display:flex;align-items:end;justify-content:space-between}.graph-head h2{margin:3px 0}.graph-head .eyebrow{color:#65d7ad}.graph-head>strong{font-size:26px;color:#79e6bd}.progress-track{height:4px;background:#ffffff1c;border-radius:9px;margin:17px 0 25px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#23ae7a,#8ef2cc);box-shadow:0 0 12px #75e5ba;transition:width .6s ease}.pipeline{display:flex;align-items:center}.node{min-width:105px;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:.38;transition:.35s}.node b{font-size:13px;margin-top:8px}.node small{font-size:10px;color:#b8cec6}.node-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #8daaa0;border-radius:12px;font-size:12px;font-weight:800}.node.done,.node.active{opacity:1}.node.done .node-icon{background:#2eb983;border-color:#2eb983;color:white}.node.active .node-icon{background:#ecfff8;color:#12664f;border-color:#79e6bd;box-shadow:0 0 0 7px #55d9a82b,0 0 24px #55d9a84d;animation:nodepulse 1.4s infinite}.edge{height:2px;flex:1;background:#ffffff24;margin:-28px 5px 0;position:relative;overflow:hidden}.edge.done{background:#2eb983}.edge:after{content:"";position:absolute;width:35%;height:100%;background:linear-gradient(90deg,transparent,#8ef2cc,transparent);animation:flow 1.5s linear infinite}.job-output{margin-top:16px}.console-title{display:flex;align-items:center;gap:9px;margin-bottom:10px;font-size:13px;font-weight:700}.console-title i{width:7px;height:7px;border-radius:50%;background:#31c98f}.job-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.result-button{margin-left:auto}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 9px #2fca9000}}@keyframes nodepulse{50%{transform:translateY(-3px)}}@keyframes flow{from{left:-40%}to{left:110%}}@media(max-width:700px){.pipeline{display:grid;grid-template-columns:1fr 20px 1fr;gap:14px}.edge{width:20px;margin:-25px 0 0}.job-orbit{width:58px;height:58px;flex-basis:58px}.graph-card{padding:20px 14px}}
.inline-generate{display:flex;align-items:center;gap:8px}.inline-generate label{margin:0}.inline-generate input{width:76px}.summary-preview{width:100%;height:78vh;min-height:640px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:var(--shadow)}@media(max-width:700px){.inline-generate{width:100%;flex-wrap:wrap}.summary-preview{height:70vh;min-height:520px}}
.document-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}