*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-0: #0d1117;--bg-1: #161b27;--bg-2: #1e2432;--bg-3: #252d3d;--border: #2e3a52;--text-0: #e6edf3;--text-1: #8b949e;--text-2: #4d5870;--accent: #58a6ff;--accent-dim: #1c3c6e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px;color-scheme:dark}html,body,#root{height:100%;overflow:hidden;background:var(--bg-0);color:var(--text-0)}.app{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:baseline;gap:12px;padding:10px 18px;background:var(--bg-1);border-bottom:1px solid var(--border);flex-shrink:0}.app-header h1{font-size:16px;font-weight:700;color:var(--accent);letter-spacing:-.01em}.app-header .subtitle{font-size:12px;color:var(--text-1)}.protein-name{margin-left:auto;font-size:12px;color:var(--text-2);font-style:italic}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:260px;flex-shrink:0;background:var(--bg-1);border-right:1px solid var(--border);overflow-y:auto}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.viewer-panel{flex:3;display:flex;flex-direction:column;border-bottom:1px solid var(--border);min-height:0}.sequence-panel{flex:2;display:flex;flex-direction:column;min-height:0}.panel-label{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.09em;padding:5px 12px;background:var(--bg-2);border-bottom:1px solid var(--border);flex-shrink:0}.panel-btn{padding:2px 8px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-1);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.panel-btn:hover{border-color:var(--accent);color:var(--accent)}.panel-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.panel-label-meta{font-weight:400;color:var(--text-2)}.panel-label-error{color:#f87171;font-weight:400}.generator-panel{padding:16px 14px}.generator-panel h2{font-size:13px;font-weight:600;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border);color:var(--text-0)}.control-group{margin-bottom:14px}.control-group label{display:flex;justify-content:space-between;font-size:11px;font-weight:500;color:var(--text-1);margin-bottom:5px}.control-group label .val{color:var(--text-0);font-weight:600}.control-group input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.number-input{width:100%;margin-top:5px;padding:5px 8px;background:var(--bg-2);border:1px solid var(--border);border-radius:5px;color:var(--text-0);font-size:12px;text-align:center}.number-input:focus{outline:none;border-color:var(--accent)}.compact-number-input{margin-top:4px}.control-hint{margin-top:4px;font-size:10px;line-height:1.35;color:var(--text-2)}.select-input{width:100%;padding:6px 8px;background:var(--bg-2);border:1px solid var(--border);border-radius:5px;color:var(--text-0);font-size:12px;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.select-input:focus{outline:none;border-color:var(--accent)}.generate-btn-row{display:flex;gap:6px;margin-top:6px}.generate-btn{flex:1;padding:9px 0;background:var(--accent-dim);border:1px solid var(--accent);border-radius:6px;color:var(--text-0);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s;position:relative;overflow:hidden}.seq-only-btn{flex:0 0 auto;padding:9px 12px;font-size:11px;background:transparent;border-color:var(--border);color:var(--text-1)}.seq-only-btn:hover:not(:disabled){background:var(--bg-3)!important;border-color:var(--text-1);color:var(--text-0)}.generate-btn:hover:not(:disabled){background:#1f4e87}.generate-btn:disabled{opacity:.55;cursor:not-allowed}.generate-btn.generating:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.flank-section-label{display:flex;align-items:center;gap:6px}.flank-badge{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent);border-radius:3px;padding:1px 5px}.flank-input-wrap{display:flex;align-items:center;gap:6px;margin-top:5px}.flank-label{font-size:11px;font-weight:700;color:var(--text-1);min-width:16px;flex-shrink:0}.flank-input{flex:1;padding:4px 7px;background:var(--bg-2);border:1px solid var(--border);border-radius:5px;color:var(--text-0);font-family:SF Mono,Fira Code,monospace;font-size:11px;letter-spacing:.04em;min-width:0}.flank-input:focus{outline:none;border-color:var(--accent)}.flank-input::placeholder{color:var(--text-2)}.label-optional{font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);margin-left:4px}.flank-len{font-size:10px;color:var(--text-2);flex-shrink:0;min-width:32px;text-align:right}.filter-length-row{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:11px;color:var(--text-1);font-weight:400;cursor:pointer;justify-content:flex-start}.filter-length-row input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:13px;height:13px;flex-shrink:0}.results-list{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.results-list h3{font-size:10px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.09em;margin-bottom:0}.fasta-btn{padding:3px 7px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-1);font-size:10px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:border-color .12s,color .12s;white-space:nowrap}.fasta-btn:hover{border-color:var(--accent);color:var(--accent)}.result-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:var(--bg-2);border:1px solid var(--border);border-radius:5px;color:var(--text-1);font-size:11px;cursor:pointer;margin-bottom:4px;text-align:left;transition:border-color .12s}.result-item:hover{border-color:var(--text-2)}.result-item.active{border-color:var(--accent);background:var(--accent-dim)}.result-rank{font-weight:700;color:var(--text-2);min-width:18px}.result-plddt{font-weight:700;font-variant-numeric:tabular-nums;min-width:34px}.result-seq{font-family:SF Mono,Fira Code,monospace;font-size:10px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plddt-legend{margin-top:22px;padding-top:14px;border-top:1px solid var(--border)}.plddt-legend h3{font-size:10px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-1);margin-bottom:5px;font-family:SF Mono,Fira Code,monospace}.legend-swatch{width:13px;height:13px;border-radius:3px;flex-shrink:0;display:inline-block}.structure-viewer{position:absolute;top:0;right:0;bottom:0;left:0}.seq-editor-row{display:flex;align-items:stretch;border-bottom:1px solid var(--border);background:var(--bg-1);flex-shrink:0}.seq-editor-wrap{position:relative;flex:1;height:38px}.seq-editor-wrap:focus-within{background:var(--bg-2)}.seq-mirror,.seq-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:7px 12px;font-family:SF Mono,JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:12px;line-height:1.9;white-space:pre;letter-spacing:.04em}.seq-mirror{pointer-events:none;overflow:hidden;color:transparent}.seq-char{display:inline}.seq-input{background:transparent;color:transparent;caret-color:transparent;resize:none;border:none;outline:none;overflow-x:auto;overflow-y:hidden;z-index:1}.fold-btn{padding:0 16px;background:transparent;border:none;border-left:1px solid var(--border);color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .12s;white-space:nowrap}.fold-btn:hover:not(:disabled){background:var(--accent-dim)}.fold-btn:disabled{opacity:.35;cursor:not-allowed}.fold-btn.folding{opacity:.65}.sequence-viewer{flex:1;overflow-y:auto;overflow-x:auto;padding:10px 12px;background:var(--bg-0);font-family:SF Mono,JetBrains Mono,Fira Code,Cascadia Code,monospace}.sequence-viewer.empty{display:flex;align-items:center;justify-content:center;color:var(--text-2);font-family:inherit}.seq-row{display:flex;align-items:center;gap:2px;margin-bottom:3px}.seq-pos{font-size:10px;color:var(--text-2);min-width:34px;text-align:right;padding-right:6px;flex-shrink:0;-webkit-user-select:none;user-select:none}.seq-residue{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border-radius:3px;cursor:pointer;transition:transform .08s,box-shadow .08s;-webkit-user-select:none;user-select:none;position:relative}.seq-residue:hover,.seq-residue.hovered{transform:scale(1.2);box-shadow:0 0 0 1.5px #fff;z-index:2}.seq-residue.selected{transform:scale(1.15);box-shadow:0 0 0 1.5px #fff,0 0 0 3px var(--accent);z-index:3}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d1117bf;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.loading-spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}