:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background-color:#eef2f6;background-image:linear-gradient(90deg,#1f2a440a 1px,#0000 1px),linear-gradient(#1f2a440a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;margin:0}a{color:inherit}.page-shell{min-height:100vh}.glow,.print-sheet{display:none}.container{width:min(100%,1480px);margin:0 auto;padding:20px clamp(14px,2vw,28px) 32px}.hero{color:#f8fafc;background:#172033;border:1px solid #2e3b54;border-radius:8px;gap:14px;margin-bottom:14px;padding:18px 20px;display:grid;box-shadow:0 18px 40px #1f2a4438}.hero-top-row,.hero-content,.section-header,.item-header,.inline-components-header,.results-header,.button-row,.preset-row{align-items:center;display:flex}.hero-top-row,.hero-content,.section-header,.item-header,.inline-components-header{justify-content:space-between;gap:12px}.hero-top-row,.hero-content,.section-header,.button-row,.preset-row{flex-wrap:wrap}.eyebrow,.section-eyebrow{color:#2f6f73;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.hero .eyebrow{color:#8bd3dd}.hero h1{letter-spacing:0;margin:4px 0 2px;font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.04}.hero-context{font-size:.8rem;color:#aebbd0!important;margin-top:3px!important}.experiment-heading{width:min(100%,820px)}.experiment-heading label{color:#8bd3dd}.experiment-title-input{color:#fff;background:0 0;border:0;border-bottom:1px solid #42536d;border-radius:0;min-height:48px;padding:2px 0 5px;font-size:clamp(1.7rem,3vw,2.45rem);font-weight:850;line-height:1.05}.experiment-title-input::placeholder{color:#fff;opacity:.72}.experiment-title-input:focus{color:#fff;box-shadow:none;background:#ffffff0a;border-color:#8bd3dd}.view-switch{color:#aebbd0;background:#1f2a44;border:1px solid #35445f;border-radius:8px;align-items:center;gap:4px;padding:4px;display:inline-flex}.view-switch>span{text-transform:uppercase;padding:0 7px;font-size:.75rem;font-weight:800}.view-switch button{color:#c7d2df;background:0 0;border:0;min-height:30px;padding:5px 10px}.view-switch button:hover,.view-switch button.active{color:#172033;background:#8bd3dd;transform:none}.hero p{color:#c7d2df;max-width:720px;margin:0}.hero-pill{color:#102027;white-space:nowrap;background:#8bd3dd;border:1px solid #ffffff3d;border-radius:8px;align-items:center;min-height:40px;padding:8px 12px;font-weight:800;display:inline-flex}.hero-grid{background:#35445f;border:1px solid #35445f;border-radius:8px;grid-template-columns:repeat(4,minmax(140px,1fr));gap:1px;display:grid;overflow:hidden}.stat-card{background:#1f2a44;min-height:62px;padding:10px 12px}.stat-label{color:#aebbd0;font-size:.76rem;font-weight:700}.stat-value{color:#fff;margin-top:4px;font-size:1.05rem;font-weight:850}.mode-value{text-transform:capitalize}.layout{grid-template-columns:minmax(0,1.08fr) minmax(500px,.92fr);align-items:start;gap:16px;display:grid}.stack{flex-direction:column;gap:12px;min-width:0;display:flex}.card{background:#fffffff0;border:1px solid #d5dde8;border-radius:8px;margin:0;padding:18px;box-shadow:0 10px 24px #1f2a4414}.setup-card{border-top:4px solid #2f6f73}.setup-notice{color:#2f6f73;margin:-4px 0 12px;font-size:.85rem;font-weight:800}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card h2,.card h3,.result-section h4{color:#172033;letter-spacing:0;margin:0}.card h2{font-size:1.08rem}.section-header{margin-bottom:12px}.section-title{align-items:flex-start;gap:10px;display:flex}.step-number{color:#fff;background:#2f6f73;border-radius:7px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:.82rem;font-weight:850;display:inline-flex}.section-title .muted{margin-top:2px}.grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;display:grid}label{color:#35445f;margin-bottom:5px;font-size:.78rem;font-weight:800;display:block}input,select,textarea{color:#172033;width:100%;min-height:38px;font:inherit;background:#fbfcfe;border:1px solid #cbd6e2;border-radius:6px;padding:8px 10px;font-size:.92rem;transition:background .16s,border-color .16s,box-shadow .16s}select{cursor:pointer}input:focus,select:focus,textarea:focus{background:#fff;border-color:#2f6f73;outline:none;box-shadow:0 0 0 3px #2f6f7324}button{cursor:pointer;min-height:36px;font:inherit;border:1px solid #0000;border-radius:6px;padding:8px 12px;font-size:.88rem;font-weight:800;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55;transform:none}button.primary{color:#fff;background:#2f6f73;border-color:#2f6f73;box-shadow:0 8px 18px #2f6f7338}button.secondary{color:#fff;background:#1f2a44;border-color:#1f2a44}button.ghost{color:#35445f;background:#fff;border-color:#cbd6e2}button.ghost:hover{background:#f3f7fa;border-color:#9fb0c2}.button-row,.preset-row{gap:8px}.chip,.hero-pill,.stat-card{font-weight:800}.chip{color:#244f52;background:#e3f4f5;border:1px solid #b9dcdf;border-radius:6px;align-items:center;min-height:28px;padding:5px 10px;font-size:.8rem;display:inline-flex}.warning-chip{color:#8a4b11;background:#fff4df;border-color:#f0c77a}.muted{color:#66758b;margin:0;font-size:.9rem}.preset-grid{border-top:1px solid #e1e7ef;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;padding-top:14px;display:grid}.preset-row select{flex:190px;min-width:180px}.grid-shell,.compact-proteins-grid{background:#fff;border:1px solid #d5dde8;border-radius:8px;overflow-x:auto}.data-grid,.table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.grid-shell>.data-grid{min-width:760px}.data-grid th,.data-grid td,.table th,.table td{text-align:left;vertical-align:middle;word-break:normal;border-bottom:1px solid #e1e7ef;padding:9px 10px}.data-grid th,.table th{color:#5b6a80;background:#f5f8fb;font-size:.78rem;font-weight:850}.data-grid tbody tr:hover td,.result-table tbody tr:hover td{background:#f8fbfc}.data-grid tbody tr:last-child td,.result-table tbody tr:last-child td{border-bottom:none}.data-grid td input,.data-grid td select{background:0 0;border-color:#0000;min-height:34px;padding:6px 8px}.measurement-field{grid-template-columns:minmax(68px,1fr) minmax(66px,.62fr);gap:4px;display:grid}.measurement-field input,.measurement-field select{min-width:0}.protein-table{min-width:610px}.protein-table th:nth-child(2){width:22%}.protein-table th:nth-child(3),.protein-table th:nth-child(4){width:25%}.protein-table th:nth-child(5){width:19%}.target-table{min-width:590px!important}.target-table th:nth-child(2){width:25%}.target-table th:nth-child(3),.target-table th:nth-child(4){width:31%}.contribution-toggle{color:#2f6f73;white-space:nowrap;background:#e9f6f7;border:1px solid #b9dcdf;align-items:center;gap:7px;min-height:30px;padding:5px 8px;font-size:.8rem;display:inline-flex}.contribution-toggle:hover{background:#d8f0f2;transform:none}.expand-symbol{justify-content:center;align-items:center;width:18px;height:18px;font-size:1rem;display:inline-flex}.data-grid td input:hover,.data-grid td select:hover,.data-grid td input:focus,.data-grid td select:focus{background:#fff;border-color:#9fb0c2}.grid-footer{border-top:1px solid #e1e7ef;justify-content:flex-end;padding:8px;display:flex}.action-cell{text-align:right;width:104px}.drag-column,.row-drag-cell{width:34px;text-align:center!important;padding-left:6px!important;padding-right:2px!important}.drag-handle{color:#8b98aa;cursor:grab;letter-spacing:2px;background:0 0;border-color:#0000;width:24px;min-width:24px;height:28px;min-height:28px;padding:0;font-size:.95rem;font-weight:850;line-height:1}.drag-handle:hover,.drag-handle:focus-visible{color:#2f6f73;background:#eef6f6;border-color:#b8d7d7;transform:none}.drag-handle:active{cursor:grabbing}.row-dragging td{opacity:.55}.row-drop-target td{background:#eef6f6;border-top:2px solid #2f6f73}.action-cell button{white-space:nowrap}.protein-components{gap:10px;margin-top:12px;display:grid}.item-shell{background:#f8fbfc;border:1px solid #dce4ed;border-radius:8px;padding:12px}.item-title{color:#172033;font-weight:850}.results .card{position:static}.results>.card{flex-direction:column;display:flex}.results-header{flex-direction:row;justify-content:space-between;gap:12px;margin-bottom:14px}.results-header h2{font-size:1.25rem}.results-divider{background:#dce4ed;flex:auto;height:1px}.empty,.result-panel{background:#fff;border:1px solid #dce4ed;border-radius:8px;padding:14px}.result-panel+.result-panel{margin-top:12px}.composition-overview{order:3;margin-top:12px}.result-group-row th{color:#2f6f73;letter-spacing:.06em;text-transform:uppercase;background:#eef6f6;border-bottom:1px solid #d5dde8;padding:7px 10px;font-size:.72rem}.result-section{margin-top:16px}.result-section h4{margin-bottom:4px;font-size:.95rem}.collapsible-result{border-top:1px solid #dce4ed;padding-top:12px}.collapsible-result summary{color:#172033;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;font-size:.95rem;font-weight:800;list-style:none;display:flex}.collapsible-result summary::-webkit-details-marker{display:none}.collapsible-result summary:after{color:#637082;content:"+";order:3;font-size:1.2rem;font-weight:500;line-height:1}.collapsible-result[open] summary:after{content:"-"}.collapsible-result summary span:nth-child(2){color:#637082;margin-left:auto;font-size:.83rem;font-weight:700}.collapsible-result-content{padding-top:8px}.result-table{background:#fff;border:1px solid #dce4ed;border-radius:8px;margin-top:10px;overflow:hidden}.result-table thead th{background:#f3f7fa}.result-table tfoot td{background:#eef6f6;font-weight:850}.result-row-warning td,.result-table tbody tr.result-row-warning:hover td{background:#fff7e8}.footer-note{color:#66758b;margin:14px 0 0;font-weight:750}.warning{color:#7a430f;background:#fff7e8;border:1px solid #efcf94;border-radius:8px;padding:10px 12px}.warning ul{margin:6px 0 0;padding-left:18px}.modal-overlay{z-index:20;background:#1720338c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #d5dde8;border-radius:8px;width:min(720px,100%);padding:18px;box-shadow:0 24px 60px #17203347}.paste-area{resize:vertical;min-height:150px;margin:12px 0}.mode-toggle{color:#dce8ee;background:#263550;border-color:#42536d}.mode-toggle.active,.mode-toggle:hover{color:#172033;background:#8bd3dd;border-color:#8bd3dd}.guided-mode .container{padding-top:14px}.guided-mode .hero{grid-template-columns:1fr;gap:12px;padding:16px}.guided-mode .experiment-title-input{font-size:1.7rem}.guided-mode .card{padding:14px}.guided-mode .layout{grid-template-columns:1fr}.guided-mode .results .card{position:static}.guided-mode .grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.guided-mode .hero-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}.compact-table{min-width:900px;font-size:.88rem}.compact-table th,.compact-table td{padding:6px 8px}.expand-col{width:44px}.expand-cell{text-align:center}.expand-btn{color:#2f6f73;background:#e9f6f7;border:1px solid #b9dcdf;border-radius:6px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:1rem;display:inline-flex;position:relative}.expand-btn:hover{background:#d8f0f2;transform:none}.component-count{color:#fff;background:#c95f41;border-radius:999px;justify-content:center;align-items:center;width:17px;height:17px;font-size:.66rem;font-weight:850;display:flex;position:absolute;top:-7px;right:-7px}.expanded-row td{background:#f8fbfc}.components-row td{background:#eef6f6;padding:0}.inline-components{border-left:3px solid #2f6f73;padding:12px}.inline-label{color:#35445f;font-size:.82rem;font-weight:850}.inline-empty{padding:6px 0}.nested-grid{background:#fff;border:1px solid #d5dde8;border-radius:8px;min-width:500px;overflow:hidden}.remove-btn{color:#8b98aa;background:0 0;border-color:#0000;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:1.1rem}.remove-btn:hover{color:#a13f2a;background:#fff0eb;border-color:#f0c2b3;transform:none}.action-col,.guided-mode .action-cell{width:46px}.compact-errors{flex-wrap:wrap;gap:6px;display:flex}.error-chip{color:#92331f;background:#fff0eb;border:1px solid #f0c2b3;border-radius:6px;padding:5px 9px;font-size:.8rem;font-weight:750}@media (width<=1250px){.layout{grid-template-columns:1fr}.results .card{position:static}}@media (width<=820px){.container{padding-inline:10px}.hero-grid,.guided-mode .hero-grid,.grid,.guided-mode .grid,.preset-grid{grid-template-columns:1fr}.hero-content{align-items:stretch}.view-switch{width:100%}.view-switch button{flex:1}.hero-pill,.button-row button,.preset-row button{justify-content:center;width:100%}.preset-row select{min-width:100%}.table{min-width:640px}.result-section{overflow-x:auto}}@media print{@page{size:auto;margin:12mm}:root,body{color:#000;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:9pt;line-height:1.3}.hero,.layout,.modal-overlay,.glow,.screen-only{display:none!important}.page-shell,.container{width:100%;min-height:0;margin:0;padding:0}.print-sheet{width:calc(100% - 2mm);margin-inline:auto;display:block}.print-header{border-bottom:2px solid #000;grid-template-columns:1fr 1.15fr;align-items:end;gap:10mm;padding-bottom:4mm;display:grid}.print-kicker{letter-spacing:.1em;text-transform:uppercase;margin:0 0 1mm;font-size:8pt;font-weight:700}.print-header h1{margin:0;font-size:22pt;line-height:1}.print-meta{gap:2.5mm;display:grid}.print-summary-grid{border:1px solid #000;grid-template-columns:repeat(4,1fr);margin:4mm 0;display:grid}.print-summary-grid>div{border-right:1px solid #000;gap:1mm;padding:2.5mm;display:grid}.print-summary-grid>div:last-child{border-right:0}.print-summary-grid span{text-transform:uppercase;font-size:7.5pt}.print-summary-grid strong{font-size:11pt}.print-section{margin-top:4mm}.print-section h2,.print-notes h2{margin:0 0 1.5mm;font-size:11pt}.print-instruction{margin:0 0 2mm}.print-table{border-collapse:collapse;table-layout:auto;width:100%}.print-table th,.print-table td{text-align:left;vertical-align:top;border:.35mm solid #777;padding:1.6mm 2mm}.print-table th{color:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:8pt;font-weight:700;background:#e9e9e9!important}.print-table tr,.print-keep-together{break-inside:avoid;page-break-inside:avoid}.check-cell{width:12mm;font-size:13pt;line-height:1;text-align:center!important}.print-table tfoot td{border-top:.7mm solid #000;font-weight:700}.print-warnings{-webkit-print-color-adjust:exact;print-color-adjust:exact;border:.5mm solid #000;padding:2.5mm 3mm;background:#f2f2f2!important}.print-warnings ul{margin:0;padding-left:5mm}.print-notes{margin-top:5mm}.print-notes div{border-bottom:.35mm solid #888;height:7mm}}