.secondary-structures-tab{width:100%;max-width:1400px;margin:0 auto;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.ss-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem;background-color:#f8f9fa;border-radius:6px}.ss-control-group{display:flex;align-items:center;gap:.75rem}.ss-control-group label{font-weight:500;color:#495057;font-size:.95rem}.ss-control-group select{padding:.5rem .75rem;font-size:.95rem;border:1px solid #ced4da;border-radius:4px;background-color:#fff;cursor:pointer;min-width:150px}.ss-control-group select:disabled{opacity:.6;cursor:not-allowed}.ss-actions{display:flex;gap:.75rem}.ss-actions button{padding:.5rem 1rem;font-size:.95rem;font-weight:500;border:1.5px solid #6B2010;border-radius:4px;cursor:pointer;background-color:transparent;color:#6b2010;transition:all .2s}.ss-actions button:hover{background-color:#6b2010;color:#fff;transform:translateY(-1px)}.ss-actions button:active{transform:translateY(0)}.ss-description{margin-bottom:1rem;padding:.75rem 1rem;background-color:#f5ece9;border-radius:0 4px 4px 0}.ss-description p{margin:0;color:#495057;font-size:.9rem;line-height:1.5}.ss-description a{color:#6b2010;text-decoration:none}.ss-description a:hover{text-decoration:underline}.ss-content{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.ss-loading{display:flex;flex-direction:column;align-items:center;padding:3rem;color:#6c757d}.ss-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #6B2010;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.ss-spinner-small{width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #6B2010;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ss-loading p{margin:0}.ss-loading-inline{display:flex;align-items:center;gap:.5rem;padding:.5rem;color:#6c757d;font-size:.9rem}.ss-error{display:flex;flex-direction:column;align-items:center;padding:2rem;background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;max-width:600px}.ss-error-icon{font-size:3rem;margin-bottom:1rem}.ss-error h4{margin:0 0 .5rem;color:#856404}.ss-error p{margin:0;color:#856404;text-align:center}.ss-not-available{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;max-width:500px;text-align:center}.ss-not-available-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.ss-not-available h4{margin:0 0 .5rem;color:#495057;font-size:1.25rem}.ss-not-available p{margin:0;color:#6c757d;font-size:.95rem;line-height:1.5}.ss-not-available-inline{color:#856404;background-color:#fff3cd;padding:.5rem 1rem;border-radius:4px;font-style:italic}.ss-rscape-side-by-side{display:flex;gap:1.5rem;width:100%;justify-content:center;flex-wrap:wrap}.ss-rscape-panel{flex:1;min-width:400px;max-width:650px;display:flex;flex-direction:column}.ss-rscape-panel h3{margin:0 0 .5rem;padding:.75rem 1rem;background-color:#f8f9fa;border-radius:6px 6px 0 0;font-size:1rem;color:#333;text-align:center;border:1px solid #dee2e6;border-bottom:none}.ss-rscape-stats-inline{margin:0;padding:.5rem 1rem;background-color:#d4edda;border:1px solid #c3e6cb;border-top:none;color:#155724;font-size:.85rem;text-align:center}.ss-rscape-container{flex:1;min-height:400px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:0 0 6px 6px;padding:1rem;overflow:hidden}.ss-rscape-container svg{min-width:350px;min-height:350px;max-width:100%;height:auto}.ss-rscape-footer{margin-top:1.5rem}.ss-image-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.ss-info-text{font-size:.9rem;color:#6c757d;font-style:italic;padding:.5rem 1rem;background-color:#f8f9fa;border-radius:4px;text-align:center}.ss-svg-wrapper{width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;padding:1rem;cursor:pointer}.ss-svg-wrapper svg{max-width:100%;height:auto}.ss-rchie-container{width:100%}.ss-rchie-wrapper{cursor:crosshair;display:inline-block;position:relative}.ss-rchie-image{max-width:100%;height:auto;display:block}.ss-tooltip{position:fixed;padding:6px 12px;background-color:#000000d9;color:#fff;border-radius:4px;font-size:.85rem;pointer-events:none;z-index:1000;white-space:nowrap;box-shadow:0 2px 8px #0003}.ss-loupe{position:fixed;width:200px;height:200px;border-radius:50%;border:3px solid #333;box-shadow:0 4px 12px #0000004d;background-repeat:no-repeat;background-size:200%;pointer-events:none;z-index:1000;cursor:none}.ss-legend{margin-top:1.5rem;padding:1rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px}.ss-legend h4{margin:0 0 .75rem;font-size:1rem;color:#333;border-bottom:1px solid #dee2e6;padding-bottom:.5rem}.ss-legend ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.ss-legend li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#495057}.ss-legend li.legend-label{width:100%;font-weight:600;color:#333;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e9ecef}.ss-legend li.legend-label:first-child{margin-top:0;padding-top:0;border-top:none}.legend-color{display:inline-block;width:16px;height:16px;border-radius:3px;border:1px solid #ccc;flex-shrink:0}.ss-legend-tip{margin:1rem 0 0;padding:.75rem;background-color:#f5ece9;border-radius:4px;font-size:.875rem;color:#495057}.significant-basepair{background-color:#31a354}.conserved-97{background-color:#d90000}.conserved-90{background-color:#000}.conserved-75{background-color:#807b88}.conserved-50{background-color:#fff}.arc-full{background-color:#e31a1c}.arc-half{background-color:#feb24c}.arc-none{background-color:#ffeda0}.nuc-valid{background-color:#31a354}.nuc-two-sided{background-color:#3182bd}.nuc-one-sided{background-color:#9ecae1}.nuc-invalid{background-color:#de2d26}.nuc-unpaired{background-color:#969696}.nuc-gap{background-color:#fff}.nuc-ambiguous{background-color:#fee391}.ss-rscape-container .svg-pan-zoom-control{cursor:pointer}@media (max-width: 900px){.ss-rscape-side-by-side{flex-direction:column;align-items:center}.ss-rscape-panel{min-width:100%;max-width:100%}}@media (max-width: 768px){.secondary-structures-tab{padding:1rem}.ss-controls,.ss-control-group{flex-direction:column;align-items:stretch}.ss-control-group select{width:100%}.ss-actions{flex-direction:column}.ss-actions button{width:100%}.ss-legend ul{flex-direction:column;gap:.5rem}.ss-legend li{width:100%}.ss-rscape-panel{min-width:100%}.ss-rscape-container{min-height:300px}.ss-rscape-container svg{min-width:280px;min-height:280px}}
