:root{--ink:#273343;--muted:#627084;--paper:#f7f6f2;--surface:#fff;--line:#dcddd8;--line-strong:#bfc8d1;--slate:#344966;--blue:#4b638b;--pale:#e8eef0;--amber:#c68d48;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a{color:var(--slate);text-underline-offset:3px}button,a,input,textarea,summary,[tabindex]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--amber);outline-offset:3px}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:12px;background:#fff;padding:12px;z-index:10}.skip-link:focus{top:12px}.masthead{background:var(--slate);color:white;border-bottom:4px solid var(--amber)}.masthead-inner{max-width:1280px;margin:auto;padding:15px 32px;display:flex;justify-content:space-between;gap:24px;align-items:center}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;flex-shrink:0}.brand strong{font-size:23px;line-height:1.15;letter-spacing:.02em}.brand-online{font-weight:400;color:#d6dfeb}.brand small{display:block;color:#d6dfeb;font-size:11px;letter-spacing:.035em;margin-top:3px}nav{display:flex;align-items:center;gap:6px}nav a{font-size:14px;padding:10px 13px;color:#eff2f6;text-decoration:none;border-bottom:2px solid transparent}nav a:hover,nav a.active{border-bottom-color:var(--amber)}.shell{max-width:1280px;margin:auto;padding:36px 32px 56px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line-strong);margin-bottom:28px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin:0 0 8px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:38px;line-height:1.15;letter-spacing:-.035em;color:var(--slate);margin-bottom:10px}.page-heading>div>p:last-child{margin-bottom:0;font-size:16px;color:var(--muted)}.service-label{font-size:11px;color:var(--muted);white-space:nowrap;padding-bottom:2px}.service-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--amber);margin-right:5px}.service-divider{margin:0 7px;color:var(--line-strong)}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:28px;align-items:start}.panel{border:1px solid var(--line);background:var(--surface)}.panel-heading{background:var(--slate);color:white;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 20px;min-height:51px}.panel-heading h2{font-size:16px;margin:0;line-height:1.3;font-weight:600}.panel-heading>span{color:#d6dfeb;font-size:12px}.section-number{font-family:var(--mono);font-size:11px;font-weight:400;color:#b7cddc;margin-right:12px}.form-body{padding:24px}.field{margin-bottom:23px}label{font-weight:700;font-size:13px;display:block}.optional{font-weight:400;color:var(--muted);font-size:11px;margin-left:6px}input,textarea{background:white;color:var(--ink);border:1px solid var(--line-strong);border-radius:2px;width:100%;padding:11px 12px}input{margin-top:7px;font-size:14px}input::placeholder,textarea::placeholder{color:#7e8996}textarea{font-family:var(--mono);font-size:13px;line-height:1.7;resize:vertical;min-height:195px;display:block}.sequence-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.text-button{border:0;background:transparent;padding:0;color:var(--blue);font-size:12px;text-decoration:underline;text-underline-offset:3px}.input-meta{display:flex;justify-content:space-between;gap:15px;margin-top:8px;font-size:11px;color:var(--muted)}#sequence-length{font-family:var(--mono);white-space:nowrap}.length-note{font-size:12px;color:var(--muted);line-height:1.6;margin:15px 0 22px}.length-note.long-sequence{padding:10px 12px;background:#faf0e3;border-left:3px solid var(--amber);color:#77542d}.submit-row{display:flex;align-items:center;gap:17px}.submit-row>span{font-size:11px;line-height:1.6;color:var(--muted);max-width:170px}.button{display:inline-flex;justify-content:center;align-items:center;gap:19px;min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:2px;text-decoration:none;font-size:13px;font-weight:700;line-height:1.4;white-space:nowrap}.primary{background:var(--blue);color:white}.primary:hover:not(:disabled){background:var(--slate)}.secondary{background:white;border-color:var(--line-strong);color:var(--slate)}.secondary:hover:not(:disabled){background:var(--pale)}.compact{min-height:34px;font-size:12px;padding:7px 11px}.storage-note{font-size:10px;line-height:1.65;color:var(--muted);margin:18px 0 0}.error-message{color:#923c2e;border-left:3px solid #bb6452;background:#fff2ed;font-size:13px;padding:12px 14px;margin:15px 0}.method-panel{padding:15px 5px 0 4px}.method-panel h2{font-size:27px;color:var(--slate);line-height:1.17;letter-spacing:-.025em;margin-bottom:15px}.method-panel>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.7;max-width:380px}.workflow{list-style:none;padding:4px 0 0;margin:22px 0}.workflow li{display:flex;gap:13px;margin-bottom:19px}.workflow-number{flex:none;display:flex;justify-content:center;align-items:center;width:25px;height:25px;border:1px solid var(--line-strong);border-radius:50%;font-family:var(--mono);font-size:11px;color:var(--slate);margin-top:1px}.workflow strong{font-size:13px;color:var(--slate)}.workflow p{font-size:12px;color:var(--muted);line-height:1.65;margin:3px 0 0}.scope-note{border-left:3px solid var(--amber);background:#faf0e3;padding:12px 14px;margin-bottom:19px}.scope-note strong{font-size:12px;color:#75532d}.scope-note p{font-size:11px;color:#77634d;line-height:1.7;margin:5px 0 0}.atlas-link{font-size:12px;font-weight:700;color:var(--blue);text-decoration:none;line-height:1.6}.atlas-link:hover{text-decoration:underline}.service-version{font-size:10px!important;overflow-wrap:anywhere;margin-top:14px!important}.job-panel{margin-top:28px}.job-body{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 24px 16px}.job-copy h3{font-size:20px;letter-spacing:-.02em;line-height:1.3;margin-bottom:7px}.job-copy p{font-size:13px;color:var(--muted);line-height:1.65;margin:0;max-width:720px}.job-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-badge{font-size:11px!important;border:1px solid #73879e;border-radius:3px;padding:2px 8px}.status-badge[data-status=complete]{background:#e9f4ef;border-color:#e9f4ef;color:#365848}.status-badge[data-status=failed]{background:#fff2ed;border-color:#fff2ed;color:#923c2e}.job-details{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:0 24px 19px;color:var(--muted);font-size:10px}.job-details>span:first-child{font-family:var(--mono);overflow-wrap:anywhere}.poll-message{margin:0;padding:0 24px 14px;font-size:12px;color:#806033}.poll-message:empty{display:none}.result-panel{margin-top:24px}.download-links{display:flex;gap:18px;align-items:center}.download-links a,.download-links button{color:#eff2f6;text-decoration:none;border:0;padding:0;background:transparent;font-size:12px}.download-links a:hover,.download-links button:hover{text-decoration:underline}.result-body{padding:24px}.result-intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.result-intro h3{font-size:23px;line-height:1.3;margin-bottom:0;letter-spacing:-.025em;overflow-wrap:anywhere}.result-intro .eyebrow{font-size:10px;margin-bottom:5px}.result-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:23px 0 29px;padding:15px 0}.result-metrics>div{padding:0 20px;border-right:1px solid var(--line)}.result-metrics>div:last-child{border-right:0}.result-metrics dt{font-size:11px;color:var(--muted)}.result-metrics dd{font-size:23px;font-weight:600;color:var(--slate);font-variant-numeric:tabular-nums;margin:3px 0 0}.result-metrics dd small{font-size:12px;font-weight:400;color:var(--muted);margin-left:5px}.chart-heading,.sequence-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}h4{font-size:14px;margin-bottom:0}.chart-heading>span{font-size:11px;color:var(--muted)}.threshold-key{width:21px;display:inline-block;vertical-align:middle;border-top:2px dashed var(--amber);margin-right:5px}.probability-chart{width:100%;margin-top:12px}.probability-chart svg{display:block;width:100%;height:auto;min-height:165px;touch-action:pan-y}.chart-axis-text{fill:var(--muted);font-family:var(--mono);font-size:11px}.chart-grid-line{stroke:var(--line);stroke-width:1}.chart-caption{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:10px;margin:5px 0 28px}.chart-caption>span:first-child{white-space:nowrap}#residue-readout{text-align:right;font-variant-numeric:tabular-nums}.sequence-toolbar{border-top:1px solid var(--line);padding-top:24px}.sequence-toolbar p{font-size:11px;color:var(--muted);margin:5px 0 0}.color-key{display:flex;align-items:center;gap:8px;font-size:10px;font-family:var(--mono);color:var(--muted)}.color-gradient{height:10px;width:120px;border:1px solid var(--line-strong);background:linear-gradient(90deg,#fff,#153b63)}.residue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));column-gap:13px;row-gap:13px;margin-top:20px}.residue-group{min-width:0}.residue-group-label{display:block;font:10px var(--mono);color:var(--muted);margin-bottom:5px}.residue-cells{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:1px}.residue-cell{display:flex;align-items:center;justify-content:center;position:relative;min-height:27px;font:11px var(--mono);border:1px solid #dce2e8;border-radius:1px;cursor:crosshair}.residue-cell.positive{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.residue-cell:hover{outline:2px solid var(--amber);z-index:1}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.pagination>span{font-size:11px;color:var(--muted)}.pagination>div{display:flex;gap:7px}.provenance{border-top:1px solid var(--line);margin-top:27px;padding-top:17px}.provenance summary{font-weight:700;font-size:12px;cursor:pointer;color:var(--slate)}.provenance dl{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;row-gap:12px;margin:18px 0}.provenance dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;font-size:11px}.provenance dt{color:var(--muted)}.provenance dd{margin:0;overflow-wrap:anywhere}.provenance p{font-size:10px;color:var(--muted);margin-bottom:0;line-height:1.7}.footer{max-width:1216px;margin:0 auto;padding:22px 0 28px;border-top:1px solid var(--line-strong);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.footer>div{display:flex;gap:18px;align-items:center}.footer strong{font-size:12px;color:var(--slate)}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{text-decoration:underline}
@media(min-width:1200px){.residue-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1050px){.service-label{display:none}.workspace{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px}.sequence-heading{align-items:start;flex-direction:column;gap:6px}.submit-row{flex-wrap:wrap;gap:10px}.submit-row>span{max-width:none}.footer{margin:0 32px}.job-body{align-items:start}.job-controls{flex-direction:column;flex-shrink:0}.result-metrics>div{padding:0 13px}}
@media(max-width:760px){.masthead-inner{padding:14px 20px}.brand strong{font-size:20px}.brand small{font-size:10px}nav{gap:0}nav a{padding:9px;font-size:12px}nav a:first-child{display:none}.shell{padding:27px 20px 36px}.workspace{grid-template-columns:1fr;gap:26px}.page-heading{margin-bottom:23px;padding-bottom:20px}h1{font-size:33px}.page-heading>div>p:last-child{font-size:14px}.method-panel{padding:0 4px}.method-panel h2{font-size:23px}.method-panel h2 br{display:none}.method-panel>p:not(.eyebrow){max-width:none}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.workflow li{display:block;margin:0}.workflow-number{margin-bottom:8px}.scope-note{margin-top:20px}.job-body{padding:20px;flex-direction:column;gap:17px}.job-controls{flex-direction:row;justify-content:start}.job-details{padding:0 20px 18px;gap:6px}.poll-message{padding-left:20px}.result-body{padding:20px}.result-metrics{grid-template-columns:1fr 1fr;gap:17px 0;padding:17px 0;margin-bottom:25px}.result-metrics>div:nth-child(2){border-right:0}.result-metrics dd{font-size:22px}.provenance dl{grid-template-columns:1fr}.footer{margin:0 20px}.footer>div{display:block}.footer>div>span{display:block;margin-top:4px}.footer>a{max-width:145px;text-align:right}.chart-caption{flex-direction:column;gap:5px}#residue-readout{text-align:left}.sequence-toolbar{align-items:start}.color-gradient{width:70px}.result-intro{align-items:start}.result-intro h3{font-size:20px}.result-intro>a{max-width:100px;text-align:right}}
@media(max-width:430px){.masthead-inner{padding:12px 16px;gap:10px}.brand{gap:7px}.brand svg{width:28px}.brand strong{font-size:18px}.brand small{font-size:8px}nav a{font-size:11px;padding:8px 6px}nav a[href="#method"]{display:none}.shell{padding:25px 14px 32px}.form-body{padding:19px 16px}.panel-heading{padding:12px 16px}.panel-heading h2{font-size:14px}.panel-heading>span{font-size:10px}.section-number{margin-right:8px}.optional{display:block;margin:2px 0 0}.input-meta{align-items:start;font-size:10px;gap:8px}.input-meta>span:first-child{max-width:195px}.workflow{grid-template-columns:1fr;gap:15px}.workflow li{display:flex;gap:11px}.workflow-number{margin-bottom:0}.method-panel h2{font-size:24px}.result-body{padding:18px 14px}.download-links{gap:11px}.download-links a,.download-links button{font-size:10px}.result-metrics dt{font-size:10px}.result-metrics dd small{font-size:10px}.sequence-toolbar{flex-wrap:wrap;gap:12px}.color-gradient{width:100px}.residue-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}.residue-cell{font-size:10px;min-height:25px}.pagination{align-items:start;flex-direction:column}.pagination>div{align-self:flex-end}.chart-heading>span{font-size:10px}.chart-heading{gap:10px}h4{font-size:13px}.result-intro{flex-direction:column;gap:9px}.result-intro>a{max-width:none;text-align:left}.job-copy h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}