html,body{margin:0;padding:0;height:100%;font-family:Arial,sans-serif}#main{display:flex;height:100vh}.error{color:red!important}#sidebar{width:400px;min-width:250px;max-width:650px;background-color:#f8f9fa;border-right:1px solid #dee2e6;display:flex;flex-direction:column;overflow:hidden}#splitter{width:8px;background-color:#dee2e6;cursor:col-resize;transition:background-color .2s;-webkit-user-select:none;user-select:none}#splitter:hover{background-color:#adb5bd}#splitter.active{background-color:#007bff}#controls{padding:15px;border-bottom:1px solid #dee2e6}#viewport{flex:1;background-color:#000}.molecule-list{flex:1;overflow-y:auto;padding:10px}.molecule-section{margin-bottom:15px}.section-title{font-weight:700;margin-bottom:5px;padding:5px;background-color:#e9ecef;border-radius:4px}.molecule-item{padding:8px;cursor:pointer;border:1px solid #dee2e6;border-radius:4px;margin-bottom:5px;background-color:#fff;display:flex;justify-content:space-between;align-items:center}.molecule-item:hover{border-color:#4dabf7}.molecule-item.active{background-color:#e7f5ff;border-color:#4dabf7}.molecule-name{flex-grow:1}label.molecule-display-switch{font-size:smaller;color:#556b2f}.molecule-color-legend{display:inline-block;width:12px;height:12px;margin-right:5px;border:1px solid #dee2e6}button{padding:6px 12px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .2s}button:hover{background-color:#0056b3}button.secondary{background-color:#6c757d}button.secondary:hover{background-color:#5a6268}button.danger{background-color:#dc3545}button.danger:hover{background-color:#c82333}button.success{background-color:#28a745}button.success:hover{background-color:#218838}.hidden{visibility:hidden!important}.status-bar{padding:8px 15px;background-color:#f8f9fa;border-top:1px solid #dee2e6;font-size:.9em;color:#6c757d}.score-badge{display:inline-block;background-color:#17a2b8;color:#fff;border-radius:10px;padding:2px 8px;margin-left:8px;font-size:.8em}.score-low{background-color:#ff2c07}.score-medium{background-color:#ffc107}.score-high{background-color:#28a745}.button-group{text-align:center;padding:15px;border-bottom:1px solid #dee2e6;margin-top:10px}.button-group>button{margin-bottom:5px}#alignButton,#loadTargetBtn,#loadCandidatesBtn{font-size:1.1em;padding:10px 15px;width:100%}button:disabled{background-color:#6c757d!important;cursor:not-allowed;opacity:.65}#alignButton{background-color:#28a745}#alignButton:hover{background-color:#218838}#loadTargetBtn{background-color:#007bff}#loadTargetBtn:hover{background-color:#0069d9}.alignment-progress{display:none;flex-direction:column;align-items:center;justify-content:center;padding:15px;background-color:#f8f9fa;border-radius:5px;margin:10px;text-align:center}.progress-bar{width:100%;height:20px;background-color:#e9ecef;border-radius:10px;margin:10px 0;overflow:hidden}.progress-fill{height:100%;background-color:#28a745;width:0%;transition:width 3s ease-in-out}.branding{display:flex;align-items:center;gap:16px;padding:18px 15px 10px;background:#fff;border-bottom:1px solid #dee2e6;justify-content:space-between}.project-logo{height:60px;width:auto;display:block}.project-title{font-size:1.6em;font-weight:700;color:#007bff;letter-spacing:.5px}#info-button{width:40px;cursor:pointer}#info-panel{width:60vw;height:60vh;background-color:#071b06e1;border:2px solid lightgrey;border-radius:10px;color:#a9a9a9;padding:10px 5px}#info-panel .dialog-content{display:flex;flex-direction:column;justify-content:space-between;height:100%}#info-panel .dialog-content .footer{text-align:right;color:gray;font-style:italic;font-size:smaller;background-color:#000;padding:5px;margin-bottom:-5px}#info-panel .dialog-content #info-scroller{height:95%;overflow-y:scroll;padding-left:1rem;padding-right:1rem;scrollbar-width:thin;scrollbar-color:rgb(170,197,155) rgb(68,68,68);font-size:14px;line-height:1.4}#info-panel .dialog-content #info-scroller:focus{outline:none}article.info dt{font-weight:700;color:gold;margin-top:.5rem}article.info h1,article.info h2,article.info h3{color:#b8860b}article.info a,article.info a:visited{color:#add8e6;text-decoration:none}article.info em{font-style:normal;color:#b8860b}article.info em.ui{font-weight:bolder}article.info section{margin-left:2em}article.info section h2{margin-left:-1em}.toggle-switch{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle-switch .slider{position:absolute;background-color:#ccc;transition:.4s;box-shadow:inset 0 0 2px #0000001a}.toggle-switch .slider:before{position:absolute;content:"";background-color:#fff;transition:.2s;box-shadow:0 1px 3px #0003}.ts-slim{width:32px;height:16px;margin-bottom:-3px}.ts-slim .slider{top:0;left:0;right:0;bottom:0;border-radius:16px}.ts-slim .slider:before{height:14px;width:14px;left:1px;bottom:1px;border-radius:50%;box-shadow:0 1px 2px #0000001a}.ts-slim input:checked+.slider:before{transform:translate(16px)}.ts-orange input:checked+.slider{background-color:#ff9800}.ts-text.ts-orange input:not(:checked)+.slider{background-color:#ffc966}.ts-orange input:focus-visible+.slider{outline-color:#ffb74d}