.now-running{position:sticky;top:12px;z-index:12;display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;margin-bottom:18px;padding:18px 22px;background:#102d40;color:#fff;border-left:5px solid #7ee4bb;box-shadow:0 16px 40px rgba(7,29,44,.16)}
.now-running>span{font-family:"Roboto Mono",monospace;font-size:.68rem;letter-spacing:.12em;color:#7ee4bb}.now-running strong,.now-running small{display:block}.now-running small{margin-top:2px;color:#b9c7cf;font-size:.78rem}
.file-control{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;background:#eef6f3;border:1px solid #9cc7b7;font-size:.8rem;font-weight:800;cursor:pointer}.upload-zone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pipeline-pane{max-height:800px;overflow:auto;scrollbar-color:#a9c8bc #eef3f1}.pipeline-pane>.pane-head{position:sticky;top:0;z-index:4;background:#fff}.pipeline .phase-marker{min-height:42px;margin:14px -28px 0;padding:0 28px;grid-template-columns:48px 1fr;background:#eaf5f1;border:0;color:#1f6d58}.pipeline .phase-marker:before{display:none}.phase-marker span{font-family:"Roboto Mono",monospace;font-size:.67rem}.phase-marker strong{text-transform:uppercase;letter-spacing:.09em;font-size:.7rem}
.pipeline li.running{outline:2px solid #e8a323;outline-offset:-2px;background:linear-gradient(90deg,rgba(126,228,187,.3),rgba(255,255,255,.9));animation:activeStep .7s ease-in-out infinite alternate}.pipeline li.complete{opacity:.76}.pipeline li.complete:hover{opacity:1}
.section-title>p{max-width:390px;color:#667582}.record-grid{grid-template-columns:repeat(4,1fr)}.storage-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}.storage-grid section{min-width:0}.storage-grid ul{overflow-wrap:anywhere}.storage-match{padding:8px 12px;border:1px solid #7ee4bb;color:#7ee4bb;white-space:nowrap}
.bank-card{max-width:880px;margin:auto;border:1px solid #d5dde1}.bank-card>div{display:flex;justify-content:space-between;gap:20px;padding:22px;background:#102d40;color:#fff}.bank-card>div span{font-family:"Roboto Mono",monospace;font-size:.7rem;color:#7ee4bb}.bank-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0}.bank-card dl div{padding:18px;border-right:1px solid #d5dde1;border-bottom:1px solid #d5dde1}.bank-card dt{font-size:.68rem;text-transform:uppercase;color:#667582}.bank-card dd{margin:5px 0 0;font-weight:700}.bank-card #bank-result{color:#237054}
@keyframes activeStep{to{box-shadow:inset 7px 0 #7ee4bb}}
@media(max-width:900px){.now-running{top:6px}.record-grid{grid-template-columns:repeat(2,1fr)}.storage-grid{grid-template-columns:1fr}.storage-match{justify-self:start}.bank-card dl{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.hero h1{font-size:clamp(2.7rem,13vw,3.5rem)}.now-running{position:relative;top:auto;grid-template-columns:1fr;padding:16px}.upload-zone{gap:12px}.upload-zone .button,.file-control{width:100%}.pipeline-pane{max-height:680px}.pipeline .phase-marker{margin-inline:-14px;padding-inline:14px}.record-grid,.bank-card dl{grid-template-columns:1fr}.section-title>p{font-size:.84rem}.output-tabs button{padding-inline:14px}.paper table{display:block;overflow:auto}.paper-total{gap:18px}}
@media(prefers-reduced-motion:reduce){.pipeline li.running{animation:none}.pipeline li{scroll-behavior:auto}}