.back{font-size:13px;font-weight:700;color:#2477e8}.section-page{overflow:hidden}.section-hero{padding:105px 8vw 90px;max-width:1100px}.section-hero h1{font-size:clamp(46px,7vw,86px);line-height:1.02;max-width:930px;margin:19px 0 27px}.section-hero p{font-size:20px;line-height:1.6;color:#66758a;max-width:740px}.topic-row{padding:0 7vw 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.topic-row article{min-height:250px;padding:30px;border:1px solid #dfe6ee;background:linear-gradient(160deg,#fff,#f5f8fc)}.topic-row small{color:#2477e8;font-weight:700}.topic-row h2{font-size:25px;margin:47px 0 12px}.topic-row p{color:#66758a;line-height:1.5}.topic-row a{display:inline-block;margin-top:14px;font-size:13px;color:#2477e8;font-weight:700}.early{background:#071b3d;color:white;padding:70px 8vw;display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:35px}.early>span{font-size:10px;letter-spacing:.15em;color:#8fb9ff}.early h2{color:white;font-size:32px}.early a{color:#cbdcff;font-weight:700;white-space:nowrap}@media(max-width:760px){.section-hero{padding:75px 22px 60px}.section-hero p{font-size:17px}.topic-row{padding:0 22px 70px;grid-template-columns:1fr}.topic-row article{min-height:210px}.early{padding:55px 22px;grid-template-columns:1fr}.early h2{font-size:28px}}
.toolbox-page{padding:72px 8vw 100px;max-width:1180px;margin:0 auto}.toolbox-heading{display:block;margin-bottom:34px}.toolbox-heading .breadcrumb{display:block;width:max-content;margin-bottom:26px}.toolbox-heading .kicker{display:block}.toolbox-heading h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:14px 0 16px}.toolbox-heading p{font-size:18px;line-height:1.6;color:#66758a;max-width:680px}.molarity-tabs [data-slot=tabs-list]{display:grid;grid-template-columns:repeat(4,1fr);width:100%;height:auto;background:#e9eff7;padding:5px;margin-bottom:20px}.molarity-tabs [data-slot=tabs-trigger]{min-height:44px;font-size:15px}.calculator-card{border:1px solid #d9e2ec;background:#fff;box-shadow:0 20px 60px rgba(7,27,61,.08);padding:36px}.calculator-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding-bottom:26px;border-bottom:1px solid #e5ebf2}.calculator-heading h2{font-size:clamp(26px,3vw,38px);margin:10px 0 0}.calculator-heading code{font-size:13px;line-height:1.5;background:#f1f5fa;color:#41546d;border-radius:6px;padding:10px 12px}.calculator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}.calc-field>span,.calc-output-unit{display:block;font-size:14px;font-weight:700;color:#233650}.calc-field>div{display:flex;margin-top:9px}.calc-field input{height:46px;border-radius:6px 0 0 6px;font-size:16px}.calc-field select,.calc-field b{min-width:86px;height:46px;border:1px solid #ccd7e4;border-left:0;background:#f5f8fc;padding:0 12px;border-radius:0 6px 6px 0;font-size:15px;color:#233650;display:flex;align-items:center;justify-content:center}.calc-field b{font-weight:600}.calc-output-unit{align-self:end;display:flex;align-items:center;gap:10px;min-height:46px}.calc-output-unit select{height:40px;border:1px solid #ccd7e4;border-radius:6px;background:white;padding:0 30px 0 10px}.calc-result{grid-column:1/-1;background:#071b3d;color:#fff;min-height:105px;padding:22px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:8px}.calc-result>span{font-size:12px;letter-spacing:.12em;color:#8fb9ff;font-weight:700}.calc-result strong{font-size:clamp(28px,5vw,48px);font-variant-numeric:tabular-nums;text-align:right}.calc-result small{font-size:.48em;color:#cbdcff}.calc-result.error strong{font-size:16px;line-height:1.5;color:#ffd2d2}.calculator-actions{margin-top:22px}.calculator-actions button{min-height:46px;background:#2477e8}.calculator-note{margin-top:24px;border-left:3px solid #2477e8;background:#f5f8fc;padding:20px 22px;color:#233650}.calculator-note p{margin-top:7px;color:#66758a;line-height:1.55}.calculator-note strong{font-size:15px}.toolbox-home{padding:88px 8vw 110px}.toolbox-home-intro{max-width:900px}.toolbox-home-intro h1{font-size:clamp(48px,7vw,84px);line-height:1.02;margin:18px 0 22px}.toolbox-home-intro p{font-size:20px;line-height:1.6;color:#66758a;max-width:680px}.toolbox-library{margin-top:80px;padding-top:36px;border-top:1px solid #d9e2ec}.toolbox-library h2{font-size:34px;margin:10px 0 26px}.tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card{display:flex;gap:22px;min-height:260px;padding:28px;border:1px solid #d9e2ec;background:linear-gradient(145deg,#fff,#f3f7fc);transition:transform .2s,border-color .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-3px);border-color:#9fc4f5;box-shadow:0 18px 45px rgba(7,27,61,.08)}.tool-number{font-size:13px;font-weight:800;color:#2477e8}.tool-card small{font-size:11px;letter-spacing:.12em;color:#66758a}.tool-card h3{font-size:28px;margin:24px 0 12px}.tool-card p{font-size:16px;line-height:1.55;color:#66758a}.tool-card strong{display:block;margin-top:25px;color:#2477e8;font-size:14px}@media(max-width:760px){.toolbox-page{padding:44px 20px 70px}.toolbox-heading{margin-bottom:26px}.toolbox-heading p{font-size:16px}.molarity-tabs [data-slot=tabs-list]{grid-template-columns:repeat(2,1fr)}.calculator-card{padding:24px 18px}.calculator-heading{display:block}.calculator-heading code{display:block;margin-top:16px}.calculator-fields{grid-template-columns:1fr;gap:18px}.calc-result{grid-column:auto;display:block}.calc-result strong{display:block;text-align:left;margin-top:10px;overflow-wrap:anywhere}.calculator-actions button{width:100%}.toolbox-home{padding:58px 20px 80px}.toolbox-home-intro p{font-size:17px}.toolbox-library{margin-top:55px}.tool-card-grid{grid-template-columns:1fr}.tool-card{min-height:235px}}
.sanger-page{padding:72px 8vw 100px;max-width:1380px;margin:0 auto}.sanger-upload{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:30px 34px;background:#071b3d;color:#fff}.sanger-upload h2{font-size:28px;margin:8px 0}.sanger-upload p{color:#cbdcff;line-height:1.5}.file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:170px;min-height:48px;padding:0 22px;background:#2477e8;color:white;font-weight:750;cursor:pointer;border-radius:6px}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.sanger-error{margin-top:16px;padding:16px 20px;background:#fff0f0;border-left:3px solid #d64545;color:#8f2727}.sanger-empty{padding:70px 25px;text-align:center;border:1px solid #d9e2ec;border-top:0;background:#fbfcfe}.sanger-empty h2{font-size:28px;margin:20px 0 8px}.sanger-empty p{color:#66758a;max-width:620px;margin:0 auto;line-height:1.55}.empty-trace{display:flex;align-items:center;justify-content:center;gap:4px;height:55px}.empty-trace i{display:block;width:80px;height:2px;background:#169b62;transform:rotate(-12deg)}.empty-trace i:nth-child(2){background:#2477e8;transform:rotate(8deg)}.empty-trace i:nth-child(3){background:#15243a;transform:rotate(-5deg)}.empty-trace i:nth-child(4){background:#e5484d;transform:rotate(15deg)}.trace-summary{display:flex;flex-wrap:wrap;border:1px solid #d9e2ec;border-top:0}.trace-summary>div{min-width:170px;padding:17px 22px;border-right:1px solid #e5ebf2}.trace-summary small{display:block;font-size:10px;letter-spacing:.12em;color:#7b899a}.trace-summary strong{display:block;margin-top:4px;color:#233650;font-size:14px}.trace-panel,.sequence-panel,.alignment-panel{margin-top:24px;border:1px solid #d9e2ec;background:#fff;padding:28px;box-shadow:0 15px 45px rgba(7,27,61,.055)}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:24px}.panel-title h2,.alignment-panel h2,.sanger-controls h2{font-size:28px;margin:7px 0 0}.panel-title>label{font-size:13px;font-weight:700;color:#66758a;display:flex;align-items:center;gap:10px}.trace-legend{display:flex;align-items:center;gap:16px;margin:20px 0 10px;font:700 13px ui-monospace,monospace}.trace-legend span{display:flex;align-items:center;gap:5px}.trace-legend span>i{width:16px;height:2px}.trace-legend .quality-key{margin-left:auto;color:#66758a;font-family:inherit;font-weight:600}.quality-key b{color:#169b62}.quality-key em{font-style:normal;color:#c58b00}.quality-key>i{color:#d95b5b;width:auto;height:auto}.trace-scroll{overflow-x:auto;border:1px solid #e5ebf2;background:white;overscroll-behavior-x:contain}.trace-scroll:focus{outline:2px solid #2477e8;outline-offset:2px}.trace-scroll canvas{display:block}.sanger-workspace{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,2fr);gap:24px;margin-top:24px}.sanger-controls{border:1px solid #d9e2ec;background:#f5f8fc;padding:28px}.sanger-controls fieldset{border:0;border-top:1px solid #d9e2ec;margin:24px 0 0;padding:22px 0 0}.sanger-controls legend{font-size:13px;font-weight:800;color:#233650;padding-right:8px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mode-grid button{min-height:40px;border:1px solid #ccd7e4;background:#fff;color:#41546d;border-radius:5px;font-size:12px;font-weight:700}.mode-grid button.active{border-color:#2477e8;background:#2477e8;color:#fff}.trim-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.trim-grid label,.alignment-actions label{font-size:12px;font-weight:700;color:#41546d}.trim-grid input{margin-top:6px;background:#fff}.text-action{border:0;background:transparent;color:#2477e8;font-size:12px;font-weight:750;padding:9px 0;cursor:pointer}.inline-actions{display:flex;align-items:center;gap:13px;margin-top:10px}.sequence-panel{margin-top:0;min-width:0}.sequence-ruler{display:flex;flex-wrap:wrap;align-content:flex-start;margin-top:24px;padding:18px;background:#f5f8fc;border:1px solid #e1e8f0;min-height:190px}.sequence-ruler button{position:relative;width:19px;height:34px;padding:0 0 10px;border:0;background:transparent;font:750 15px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.sequence-ruler button:hover{background:#dceaff}.sequence-ruler button.highlighted{background:#ffdc68;color:#071b3d!important}.sequence-ruler button.trimmed{opacity:.27}.sequence-ruler small{position:absolute;bottom:0;right:1px;color:#7b899a;font-size:7px;font-weight:500}.sequence-panel>p{margin-top:12px;color:#66758a;font-size:13px}.alignment-panel{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center;background:linear-gradient(135deg,#071b3d,#102d5e);color:#fff}.alignment-panel p{margin-top:12px;color:#cbdcff;line-height:1.55}.alignment-actions{display:grid;gap:12px}.alignment-actions label{color:#cbdcff}.alignment-actions select{display:block;width:100%;height:46px;margin-top:7px;padding:0 12px;border:1px solid #58749d;border-radius:5px;background:#fff;color:#15243a}.align-button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;background:#2477e8;color:#fff;font-weight:750;border-radius:5px}.align-button.disabled{opacity:.45;pointer-events:none}.alignment-actions small{color:#9fb4d2;line-height:1.45}.sanger-page>.calculator-note{margin-top:24px}@media(max-width:850px){.sanger-page{padding:44px 20px 70px}.sanger-upload{display:block;padding:26px 22px}.file-button{margin-top:20px;width:100%}.trace-summary>div{flex:1 1 50%;border-bottom:1px solid #e5ebf2}.trace-panel,.sequence-panel,.alignment-panel{padding:21px 18px}.panel-title{align-items:flex-start}.panel-title>label{display:block}.sanger-workspace,.alignment-panel{grid-template-columns:1fr}.alignment-panel{gap:25px}.sequence-panel{margin-top:0}.trace-legend{flex-wrap:wrap}.trace-legend .quality-key{width:100%;margin-left:0}.sequence-ruler{padding:11px}.sequence-ruler button{width:18px}.mode-grid{grid-template-columns:1fr}.trim-grid{grid-template-columns:1fr 1fr}}
.align-button{border:0;cursor:pointer}.align-button:disabled{opacity:.45;cursor:not-allowed}
.toolbox-ad{max-width:none;margin:52px 0 0;padding:0}.toolbox-ad-bottom{margin-top:-60px;margin-bottom:70px}.protocol-index-ad{max-width:850px;margin:48px 0 28px;padding:0}.protocol-inline-ad,.protocol-bottom-ad{margin:18px 0 46px;padding:0}.protocol-inline-ad .ad-slot{min-height:250px}.protocol-bottom-ad{margin-top:8px}.protocol-body>.ad-wrap>span{margin-bottom:6px}.protocol-body>.ad-wrap .ad-slot{border-color:#dce4ed;background:#f8fafc}@media(max-width:800px){.toolbox-ad{margin-top:38px}.toolbox-ad-bottom{margin-top:-35px;margin-bottom:48px}.protocol-index-ad{margin-top:34px}.protocol-inline-ad .ad-slot{min-height:280px}.protocol-bottom-ad{margin-bottom:35px}}
.trace-tabs{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:20px 0 0}.trace-tabs>[role=tablist]{display:flex;gap:7px;overflow-x:auto;min-width:0;padding-bottom:1px}.trace-tabs [role=tab]{flex:0 0 auto;min-width:130px;max-width:210px;padding:11px 14px;border:1px solid #ccd7e4;border-bottom:3px solid transparent;background:#f5f8fc;color:#41546d;text-align:left;border-radius:6px 6px 0 0;cursor:pointer}.trace-tabs [role=tab].active{border-color:#91b9ef;border-bottom-color:#2477e8;background:#fff;color:#071b3d}.trace-tabs [role=tab] span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750}.trace-tabs [role=tab] small{display:block;margin-top:3px;color:#7b899a}.trace-tabs>div:last-child{display:flex;gap:14px;flex:0 0 auto;padding-bottom:8px}.trace-tabs>div:last-child>button,.add-traces{position:relative;border:0;background:transparent;color:#2477e8;font-size:13px;font-weight:750;cursor:pointer}.trace-tabs>div:last-child>button{color:#66758a}.add-traces input{position:absolute;inset:0;opacity:0;cursor:pointer}.trace-summary>button{margin-left:auto;padding:0 22px;border:0;background:transparent;color:#b23a3a;font-size:13px;font-weight:750;cursor:pointer}.compare-controls{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;align-items:center;margin-top:24px;padding:30px;border:1px solid #cbdcf1;background:#edf5ff}.compare-controls h2{font-size:28px;margin:7px 0}.compare-controls p{color:#5e7087;line-height:1.55}.compare-controls>div:last-child{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.compare-controls label{font-size:13px;font-weight:750;color:#41546d}.compare-controls select{display:block;width:100%;height:44px;margin-top:7px;padding:0 12px;border:1px solid #b9cbe0;border-radius:5px;background:#fff;color:#15243a}.compare-controls button{height:44px;background:#2477e8}.comparison-panel{margin-top:24px;padding:28px;border:1px solid #d9e2ec;background:#fff;box-shadow:0 15px 45px rgba(7,27,61,.055)}.comparison-length{font-size:13px;color:#66758a}.change-legend{display:flex;gap:20px;margin:18px 0;font-size:13px;color:#53657c}.change-legend span{display:flex;align-items:center;gap:7px}.change-legend i{width:18px;height:18px;border-radius:3px}.change-legend .substitution,.alignment-base.substitution{background:#ffd5d9;color:#9e2130}.change-legend .insertion,.alignment-base.insertion{background:#d9eaff;color:#135eae}.change-legend .deletion,.alignment-base.deletion{background:#ffe8b7;color:#7a5100}.alignment-scroll{overflow-x:auto;padding-bottom:8px}.alignment-block{min-width:940px;margin-top:20px;padding:14px 0;border-top:1px solid #e5ebf2}.alignment-position{margin:0 0 8px 180px;font:11px ui-monospace,monospace;color:#8290a1}.alignment-row{display:grid;grid-template-columns:165px auto;gap:15px;align-items:center;margin:4px 0}.alignment-row>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#41546d}.alignment-row>strong small{display:block;margin-top:2px;font-size:8px;letter-spacing:.1em;color:#2477e8}.alignment-row code{display:flex;font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0}.alignment-base{display:inline-flex;align-items:center;justify-content:center;width:9.2px;height:23px;color:#233650;border-radius:2px}.alignment-row.reference .alignment-base{color:#071b3d;background:#eef2f7}.comparison-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.comparison-summary article{padding:17px;border:1px solid #e1e8f0;background:#f8fafc}.comparison-summary article>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#233650}.comparison-summary article>span{display:block;margin-top:4px;color:#2477e8;font-size:13px;font-weight:750}.comparison-summary dl{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:15px}.comparison-summary dl div{min-width:0}.comparison-summary dt{font-size:9px;color:#7b899a;overflow:hidden;text-overflow:ellipsis}.comparison-summary dd{margin:3px 0 0;font-size:16px;font-weight:750;color:#233650}@media(max-width:850px){.trace-tabs{display:block}.trace-tabs>div:last-child{padding:11px 0}.trace-summary>button{width:100%;min-height:42px;text-align:left;border-top:1px solid #e5ebf2}.compare-controls{grid-template-columns:1fr;gap:20px;padding:23px 19px}.compare-controls>div:last-child{grid-template-columns:1fr}.comparison-panel{padding:21px 17px}.change-legend{flex-wrap:wrap}.comparison-summary{grid-template-columns:1fr}.comparison-summary dl{grid-template-columns:repeat(4,1fr)}}
.edittracker-page{padding:72px 8vw 100px;max-width:1240px;margin:0 auto}.edittracker-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center;padding:30px 34px;background:#071b3d;color:#fff}.edittracker-intro h2{font-size:30px;margin:8px 0}.edittracker-intro p{color:#cbdcff;line-height:1.55}.edittracker-intro ol{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none}.edittracker-intro li{font-size:12px;color:#cbdcff}.edittracker-intro li b{display:block;font-size:24px;color:#4f9cff;margin-bottom:7px}.edit-file-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.edit-file{position:relative;min-height:180px;padding:28px;border:1px dashed #9db1c9;background:#f8fafc}.edit-file.loaded{border-style:solid;border-color:#9fc4f5;background:#edf5ff}.edit-file>span{font-size:10px;letter-spacing:.13em;fone-columns:repeat(4,1fr);gap:5px;margin-top:15px}.comparison-summary dl div{min-width:0}.comparison-summary dt{font-size:9px;color:#7b899a;overflow:hidden;text-overflow:ellipsis}.comparison-summary dd{margin:3px 0 0;font-size:16px;font-weight:750;color:#233650}@media(max-width:850px){.trace-tabs{display:block}.trace-tabs>div:last-child{padding:11px 0}.trace-summary>button{width:100%;min-height:42px;text-align:left;border-top:1px solid #e5ebf2}.compare-controls{grid-template-columns:1fr;gap:20px;padding:23px 19px}.compare-controls>div:last-child{grid-template-columns:1fr}.comparison-panel{padding:21px 17px}.change-legend{flex-wrap:wrap}.comparison-summary{grid-template-columns:1fr}.comparison-summary dl{grid-template-columns:repeat(4,1fr)}}
.edittracker-page{padding:72px 8vw 100px;max-width:1240px;margin:0 auto}.edittracker-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;align-items:center;padding:30px 34px;background:#071b3d;color:#fff}.edittracker-intro h2{font-size:30px;margin:8px 0}.edittracker-intro p{color:#cbdcff;line-height:1.55}.edittracker-intro ol{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none}.edittracker-intro li{font-size:12px;color:#cbdcff}.edittracker-intro li b{display:block;font-size:24px;color:#4f9cff;margin-bottom:7px}.edit-file-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.edit-file{position:relative;min-height:180px;padding:28px;border:1px dashed #9db1c9;background:#f8fafc}.edit-file.loaded{border-style:solid;border-color:#9fc4f5;background:#edf5ff}.edit-file>span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#2477e8}.edit-file h3{font-size:24px;margin:9px 0 22px}.edit-file label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 17px;background:#2477e8;color:#fff;border-radius:5px;font-size:13px;font-weight:750;cursor:pointer}.edit-file label input{position:absolute;inset:0;opacity:0}.edit-file strong,.edit-file small{display:block}.edit-file strong{overflow-wrap:anywhere;color:#233650}.edit-file small{margin-top:5px;color:#66758a}.edit-file button{position:absolute;right:22px;bottom:24px;border:0;background:transparent;color:#2477e8;font-weight:750;cursor:pointer}.edit-file p{margin-top:12px;color:#9e2130;font-size:12px}.edittracker-setup{margin-top:22px;padding:30px;border:1px solid #d9e2ec;background:#fff;box-shadow:0 15px 45px rgba(7,27,61,.055)}.edittracker-setup select,.edittracker-setup input,.edittracker-setup textarea{width:100%;margin-top:7px;border:1px solid #cbd6e3;border-radius:5px;background:#fff;color:#15243a}.edittracker-setup select{height:42px;padding:0 12px}.edittracker-setup textarea{padding:12px;resize:vertical;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.edittracker-setup label{font-size:12px;font-weight:750;color:#41546d}.edit-orientation,.cut-controls,.hdr-input{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #e3e9f0}.edit-orientation>div{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.cut-controls>div{display:grid;grid-template-columns:2fr auto 1fr 1fr;gap:12px;align-items:end;margin-top:14px}.cut-controls button{height:42px;padding:0 14px;border:1px solid #2477e8;background:#fff;color:#2477e8;border-radius:5px;font-weight:750;cursor:pointer}.cut-controls button:disabled{opacity:.45}.cut-controls>small{display:block;margin-top:10px;color:#66758a;line-height:1.45}.hdr-input>label{display:block;margin-top:14px}.expected-preview{margin-top:12px}.expected-preview>strong{font-size:13px;color:#233650}.expected-preview>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.expected-preview span,.hdr-change-list span{padding:6px 9px;border-radius:4px;background:#eef2f7;color:#41546d;font:11px ui-monospace,monospace}.expected-preview .substitution,.hdr-change-list .substitution{background:#ffd5d9;color:#8f2633}.expected-preview .insertion,.hdr-change-list .insertion{background:#d9eaff;color:#135eae}.expected-preview .deletion,.hdr-change-list .deletion{background:#ffe8b7;color:#7a5100}.edit-analyze{min-width:230px;background:#2477e8}.edit-results{margin-top:24px}.edit-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.edit-metrics article{padding:23px;background:#071b3d;color:#fff}.edit-metrics small{font-size:10px;letter-spacing:.12em;color:#8fb9ff}.edit-metrics strong{display:block;margin:10px 0 4px;font-size:39px}.edit-metrics span{color:#cbdcff;font-size:12px}.spectrum-panel,.hdr-results{margin-top:18px;padding:28px;border:1px solid #d9e2ec;background:#fff}.spectrum-panel .panel-title>span{font-size:12px;color:#66758a}.spectrum-chart{display:flex;align-items:flex-end;gap:7px;height:270px;margin:25px 0;padding:18px 12px 0;border-bottom:1px solid #9aa8b8;overflow-x:auto}.spectrum-chart>div{display:flex;flex:1 0 28px;min-width:28px;max-width:55px;height:100%;flex-direction:column;align-items:center;justify-content:flex-end}.spectrum-chart span{margin-bottom:5px;font-size:9px;color:#53657c}.spectrum-chart i{display:block;width:72%;min-height:3px;background:#2477e8;border-radius:3px 3px 0 0}.spectrum-chart .deletion i{background:#e2a514}.spectrum-chart .wildtype i{background:#7b899a}.spectrum-chart b{margin:7px 0 -20px;font-size:11px}.spectrum-panel table{width:100%;border-collapse:collapse;margin-top:34px}.spectrum-panel th,.spectrum-panel td{padding:11px 10px;border-bottom:1px solid #e3e9f0;text-align:left;font-size:13px}.spectrum-panel th{font-size:10px;letter-spacing:.1em;color:#66758a}.hdr-results{display:grid;grid-template-columns:1fr 1.2fr;gap:38px}.hdr-results h2{font-size:28px;margin:8px 0}.hdr-results p{color:#66758a;line-height:1.55}.hdr-change-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px}.hdr-change-list span b{display:block;margin-bottom:4px;text-transform:uppercase;font-size:8px;letter-spacing:.08em}.edittracker-page>.calculator-note{margin-top:24px}@media(max-width:800px){.edittracker-page{padding:44px 20px 70px}.editer;padding:24px 28px;border:1px solid #d9e2ec;border-top:0;background:#f5f8fc}.gene-found>div{display:flex;align-items:center;gap:18px}.gene-symbol{display:flex;align-items:center;justify-content:center;min-width:78px;height:54px;padding:0 12px;background:#2477e8;color:#fff;font-size:20px;font-weight:800}.gene-found strong{font-size:14px;color:#233650}.gene-found p{margin-top:4px;color:#66758a;line-height:1.45}.gene-found dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gene-found dt{font-size:12px;color:#7b899a}.gene-found dd{margin:4px 0 0;color:#233650;font-size:14px;font-weight:750;overflow-wrap:anywhere}.guide-config{display:grid;grid-template-columns:1fr 1.4fr;gap:36px;align-items:end;padding:28px}.guide-config p,.guide-results-heading p{color:#66758a;line-height:1.5}.guide-config>div:last-child{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.hdr-config{padding:24px 28px;background:#f8fafc}.hdr-toggle{display:flex;align-items:flex-start;gap:13px;cursor:pointer}.hdr-toggle input{width:18px;height:18px;margin-top:2px;accent-color:#2477e8}.hdr-toggle b,.hdr-toggle small{display:block}.hdr-toggle b{font-size:16px;color:#233650}.hdr-toggle small{margin-top:4px;color:#66758a;font-size:14px}.hdr-config-fields{display:grid;grid-template-columns:1fr 1fr .6fr .8fr auto;gap:12px;align-items:end;margin-top:22px;padding-top:22px;border-top:1px solid #d9e2ec}.guide-results{padding:28px}.guide-results-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.guide-results-heading>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:300px}.guide-table{margin-top:24px;border:1px solid #dce4ed}.guide-table table{min-width:980px}.guide-table th{height:44px;padding:0 12px;background:#f1f5fa;color:#53657c;font-size:12px}.guide-table td{padding:12px;font-size:14px;cursor:pointer}.guide-table tr[data-selected=true]{background:#dfedff}.guide-table code{font:700 14px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em;color:#15243a}.guide-table td b{display:block;color:#8d6700}.guide-table td b.good{color:#138052}.guide-table td small{display:block;margin-top:3px;color:#b04a4a;font-size:11px}.table-limit{margin-top:12px;color:#66758a;font-size:13px}.selected-guide{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px;padding:21px 23px;background:#071b3d;color:#fff}.selected-guide>div>span,.selected-guide small{display:block}.selected-guide>div>span{font-size:11px;letter-spacing:.12em;color:#8fb9ff}.selected-guide strong{display:block;margin:8px 0 5px;font:750 20px ui-monospace,monospace;overflow-wrap:anywhere}.selected-guide mark,.donor-sequence mark{background:#ffca5c;color:#071b3d;padding:2px 3px}.selected-guide small{color:#cbdcff;font-size:13px}.selected-guide button{flex:0 0 auto;color:#fff;border-color:#7c99be}.donor-results{padding:28px}.donor-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.donor-heading>span{font-size:14px;color:#66758a}.donor-arm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.donor-arm-grid article,.donor-sequence{position:relative;padding:20px;border:1px solid #dce4ed;background:#f8fafc}.donor-arm-grid small,.donor-sequence small{display:block;margin-bottom:10px;color:#66758a;font-size:12px;letter-spacing:.07em}.donor-arm-grid code,.donor-sequence code{display:block;padding-right:74px;font:700 14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;color:#233650}.donor-arm-grid button,.donor-sequence button{position:absolute;right:15px;top:15px;border:0;background:transparent;color:#2477e8;font-size:13px;font-weight:750;cursor:pointer}.donor-sequence{display:grid;grid-template-columns:1fr auto;gap:20px;margin-top:14px;background:#edf5ff}.guide-page>.calculator-note{margin-top:22px}@media(max-width:850px){.guide-page{padding:44px 20px 70px}.guide-search,.guide-config,.gene-found{grid-template-columns:1fr}.guide-search{gap:20px;padding:24px 20px}.guide-search-fields,.guide-config>div:last-child,.hdr-config-fields{grid-template-columns:1fr}.gene-found{gap:18px}.gene-found dl{grid-template-columns:1fr 1fr}.guide-config,.guide-results,.donor-results{padding:22px 18px}.guide-results-heading,.donor-heading{display:block}.guide-results-heading>div:last-child{min-width:0;margin-top:18px}.donor-heading>span{display:block;margin-top:6px}.donor-arm-grid{grid-template-columns:1fr}.selected-guide{align-items:flex-start;flex-direction:column}.selected-guide button{width:100%}.donor-arm-grid code,.donor-sequence code{padding:35px 0 0}.hdr-config{padding:22px 18px}}
.gene-viewer{margin-top:20px;padding:28px;border:1px solid #d9e2ec;background:#fff}.viewer-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.viewer-heading h2{margin:8px 0;font-size:30px}.viewer-heading p{color:#66758a;line-height:1.5}.viewer-legend,.sequence-legend{display:flex;align-items:center;flex-wrap:wrap;gap:16px;color:#53657c;font-size:13px}.viewer-legend span:before{content:"";display:inline-block;width:15px;height:9px;margin-right:6px;vertical-align:middle}.legend-exon:before{background:#2477e8}.legend-guide:before{width:3px!important;background:#e09d13}.legend-selected:before{background:#ffca5c}.transcript-track{position:relative;height:104px;margin-top:28px;padding:0 8px}.track-line{position:absolute;left:0;right:0;top:50px;height:2px;background:#aebdcd}.track-direction{position:absolute;right:0;top:4px;color:#66758a;font:700 13px ui-monospace,monospace}.exon-block{position:absolute;top:36px;z-index:2;height:30px;min-width:8px;padding:0;border:2px solid #fff;background:#2477e8;box-shadow:0 0 0 1px #2477e8;color:#fff;cursor:pointer}.exon-block[data-active=true]{background:#ffca5c;box-shadow:0 0 0 2px #d68b00;color:#071b3d}.exon-block span{position:absolute;top:35px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:800}.guide-marker{position:absolute;top:22px;z-index:3;width:3px;height:58px;padding:0;border:0;background:#e09d13;cursor:pointer}.guide-marker:before{content:"";position:absolute;left:-4px;top:-1px;width:11px;height:11px;border-radius:50%;background:#e09d13}.guide-marker[data-active=true]{z-index:5;width:5px;background:#071b3d}.guide-marker[data-active=true]:before{left:-5px;width:15px;height:15px;background:#ffca5c;border:3px solid #071b3d}.sequence-viewer{margin-top:12px;border:1px solid #dce4ed;background:#f8fafc}.sequence-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #dce4ed}.sequence-toolbar strong,.sequence-toolbar span{display:block}.sequence-toolbar strong{font-size:18px;color:#15243a}.sequence-toolbar span{margin-top:4px;color:#66758a;font-size:13px}.sequence-toolbar>div:last-child{display:flex;align-items:end;gap:8px}.sequence-toolbar label{font-size:12px;font-weight:750;color:#53657c}.sequence-toolbar select{display:block;height:38px;margin-top:4px;padding:0 9px;border:1px solid #bac8d8;border-radius:4px;background:#fff;color:#15243a}.sequence-toolbar button{height:38px}.base-grid{display:grid;grid-template-columns:repeat(30,minmax(22px,1fr));gap:2px;padding:22px 20px 16px;overflow-x:auto}.base-grid button{position:relative;min-width:22px;height:45px;padding:0 0 12px;border:0;border-radius:2px;background:#fff;color:#233650;font:800 15px ui-monospace,monospace;cursor:pointer}.base-grid button:hover,.base-grid button:focus-visible{outline:2px solid #2477e8;outline-offset:1px}.base-grid button[data-role=guide]{background:#dcecff}.base-grid button[data-role=pam]{background:#ffe3a2}.base-grid button[data-edit=true]{outline:3px solid #d44269;background:#ffd9e3}.base-grid button small{position:absolute;bottom:2px;left:1px;color:#7b899a;font:8px ui-monospace,monospace}.base-grid button[data-base=A] span{color:#16805b}.base-grid button[data-base=C] span{color:#2477e8}.base-grid button[data-base=G] span{color:#d28300}.base-grid button[data-base=T] span{color:#c3425f}.sequence-legend{padding:0 20px 18px}.sequence-legend span{display:flex;align-items:center;gap:6px}.sequence-legend i{display:block;width:16px;height:11px}.sequence-legend i.guide{background:#dcecff}.sequence-legend i.pam{background:#ffe3a2}.sequence-legend i.edit{background:#ffd9e3;border:2px solid #d44269}.sequence-legend b{margin-left:auto;color:#233650;font-size:13px}@media(max-width:850px){.gene-viewer{padding:22px 18px}.viewer-heading,.sequence-toolbar{display:block}.viewer-legend{margin-top:16px}.transcript-track{margin-top:16px;overflow-x:auto}.sequence-toolbar>div:last-child{margin-top:15px;display:grid;grid-template-columns:auto 1fr auto}.sequence-toolbar label select{width:100%}.base-grid{grid-template-columns:repeat(20,minmax(23px,1fr));padding:18px 12px 14px}.sequence-legend{padding:0 12px 16px}.sequence-legend b{width:100%;margin-left:0}.guide-marker{min-width:8px;background:linear-gradient(90deg,transparent 3px,#e09d13 3px,#e09d13 5px,transparent 5px)}.guide-marker:before{left:-1px}}
.guide-config>div:last-child{grid-template-columns:minmax(230px,1.6fr) minmax(130px,.7fr) minmax(110px,.55fr) auto}.viewer-actions{display:grid;justify-items:end;gap:13px}.zoom-controls{display:flex;align-items:center;gap:7px}.zoom-controls button{width:38px;height:36px;padding:0;font-size:20px}.zoom-controls span{min-width:32px;text-align:center;color:#233650;font:800 13px ui-monospace,monospace}.track-viewport{margin-top:20px;overflow-x:auto;overscroll-behavior-inline:contain;border-left:1px solid #eef2f6;border-right:1px solid #eef2f6}.track-viewport .transcript-track{min-width:100%;margin-top:0;transition:width .18s ease}.track-viewport::-webkit-scrollbar{height:8px}.track-viewport::-webkit-scrollbar-thumb{background:#b7c5d4;border-radius:8px}@media(max-width:850px){.guide-config>div:last-child{grid-template-columns:1fr}.viewer-actions{justify-items:start;margin-top:16px}.viewer-legend{margin-top:0}.track-viewport .transcript-track{overflow:visible}.zoom-controls button{min-height:40px}.zoom-controls span{font-size:14px}}
.figure-export-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.figure-export-actions button{height:38px;padding:0 13px;background:#fff;color:#175fb8;border-color:#9db4cf;font-size:13px}.trace-export-controls{display:grid;justify-items:end;gap:12px}.trace-export-controls>label{font-size:12px;font-weight:750;color:#53657c}.trace-export-controls input{vertical-align:middle}.aligned-trace-preview{margin:20px 0;border:1px solid #dce4ed;background:#fff;overflow-x:auto}.aligned-trace-preview svg{display:block;max-height:720px}.comparison-panel>.panel-title>.figure-export-actions{justify-content:flex-end}.comparison-panel>.panel-title>.figure-export-actions>span{margin-right:4px}.edittracker-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.edittracker-actions .edit-analyze{margin:0}.viewer-actions>.figure-export-actions{justify-content:flex-end}@media(max-width:850px){.trace-export-controls{justify-items:start;margin-top:14px}.comparison-panel>.panel-title>.figure-export-actions{justify-content:flex-start;margin-top:14px}.comparison-panel>.panel-title>.figure-export-actions>span{width:100%}.edittracker-actions{align-items:stretch;flex-direction:column}.edittracker-actions .edit-analyze{width:100%}.edittracker-actions .figure-export-actions button{flex:1}.viewer-actions>.figure-export-actions{justify-content:flex-start}}