: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{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:18px;margin-bottom:16px;padding:22px 24px;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 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:74px;padding:12px}.stat-label{color:#aebbd0;font-size:.76rem;font-weight:700}.stat-value{color:#fff;margin-top:4px;font-size:1.25rem;font-weight:850}.mode-value{text-transform:capitalize}.layout{grid-template-columns:minmax(0,1.22fr) minmax(380px,.78fr);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}.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}.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}.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}.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:sticky;top:16px}.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-section{margin-top:16px}.result-section h4{margin-bottom:4px;font-size:.95rem}.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}.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}.info-card{color:#172033;box-shadow:none;background:#f7f0e6;border-color:#e6d0b5}.info-card code{color:#8a4b11;font-weight:850}.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}.compact-mode .container{padding-top:14px}.compact-mode .hero{grid-template-columns:1fr;gap:12px;padding:16px}.compact-mode .hero h1{font-size:1.7rem}.compact-mode .card{padding:14px}.compact-mode .layout{grid-template-columns:1fr}.compact-mode .results .card{position:static}.compact-mode .grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.compact-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:560px;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,.compact-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<=1100px){.layout{grid-template-columns:1fr}.results .card{position:static}}@media (width<=820px){.container{padding-inline:10px}.hero-grid,.compact-mode .hero-grid,.grid,.compact-mode .grid,.preset-grid{grid-template-columns:1fr}.hero-content{align-items:stretch}.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}}