.graph-panel { grid-column: 2; }
.view-tabs { display: flex; gap: .45rem; margin: .8rem 0; }
.view-tab { width: auto; padding: .55rem .8rem; border: 1px solid var(--line); background: #f8f4eb; color: var(--green); }
.view-tab.active { background: var(--green); color: #fff; box-shadow: inset 0 -3px 0 rgba(0,0,0,.16); }
.view-tab:disabled { opacity: .45; cursor: not-allowed; }
.rna-view { position: relative; }
.rna-secondary { display:grid;place-items:center;width:100%;height:430px;padding:18px;border-radius:16px;background:#fffdf8;overflow:hidden; }
.rna-secondary[hidden] { display:none; }
.rna-secondary svg { width:100%;height:100%;max-width:100%;max-height:100%; }
.rna-secondary { cursor:grab;touch-action:none; }
.rna-secondary:active { cursor:grabbing; }
.rna-zoom { position:absolute;left:12px;bottom:10px;display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,253,248,.92);box-shadow:0 5px 18px #17372d18;z-index:2; }
.rna-zoom button { width:auto;min-width:34px;height:30px;padding:0 9px;border:0;border-radius:999px;background:#eaf1ec;color:var(--green);font-weight:900; }
.rna-zoom button:hover { background:var(--green);color:white; }
.layout-loading,.layout-error { color:var(--muted);font-weight:700; }
.layout-error { color:#9d4a39; }
.rna-view canvas { display: block; width: 100%; height: 430px; border-radius: 16px; background: radial-gradient(circle at 50% 45%,#fffdf8,#f1ebdf); touch-action: none; }
.rna-view canvas[hidden] { display:none; }
.rna-view canvas.is-3d { cursor: grab; }
.rna-view canvas.is-3d:active { cursor: grabbing; }
#viewHint { position: absolute; right: 12px; bottom: 10px; margin: 0; padding: .35rem .55rem; border-radius: 999px; background: rgba(22,42,35,.82); color: #fff; font-size: .65rem; }
@media(max-width:850px) { .graph-panel { grid-column: auto; } }
.parameter-profile{margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#f8f4eb}.parameter-profile summary{cursor:pointer;color:var(--green);font-weight:800}.parameter-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.8rem}.parameter-cards article{display:grid;gap:.25rem;padding:.7rem;border-radius:10px;background:#fff}.parameter-cards span{color:var(--muted);font-size:.72rem}@media(max-width:850px){.parameter-cards{grid-template-columns:1fr}}
.experiment-panel{grid-column:1/-1}.objective-note{max-width:88ch;color:var(--muted);line-height:1.7}.algorithm-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin:1rem 0}.algorithm-grid label{padding:.7rem;border:1px solid var(--line);border-radius:12px;font-weight:700}.experiment-settings{display:grid;grid-template-columns:repeat(3,140px) 1fr;gap:.7rem;align-items:end}.experiment-settings label{display:grid;gap:.35rem;color:var(--green);font-size:.72rem;font-weight:700}.experiment-settings input{width:100%;padding:.7rem;border:1px solid var(--line);border-radius:10px}.rna-results{overflow:auto;margin:1rem 0}.rna-results table{width:100%;border-collapse:collapse}.rna-results th,.rna-results td{padding:.7rem;border-bottom:1px solid var(--line);text-align:left}.rna-results code,#viennaReference code{display:block;max-width:410px;overflow:auto;font-size:.67rem}#viennaReference{padding:.8rem;border-radius:12px;background:#eef3ec}#progressChart{width:100%;height:auto;border-radius:16px;background:#faf6ed}@media(max-width:850px){.algorithm-grid{grid-template-columns:repeat(2,1fr)}.experiment-settings{grid-template-columns:1fr 1fr}.experiment-settings button{grid-column:1/-1}}
.benchmark-panel{grid-column:1/-1;background:linear-gradient(135deg,#fffdf8,#eef4ed)}.benchmark-picker{display:grid;grid-template-columns:minmax(250px,420px) 1fr;gap:1rem;align-items:end}.benchmark-picker label{display:grid;gap:.4rem;color:var(--green);font-weight:800}.benchmark-picker select{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:#fff}.benchmark-picker #benchmarkInfo{display:grid;gap:.25rem;padding:.75rem 1rem;border-left:4px solid var(--green)}.benchmark-picker #benchmarkInfo span{color:var(--muted);font-size:.8rem}.benchmark-picker #benchmarkInfo em{color:#9d4a39;font-size:.78rem;font-style:normal;font-weight:800}.metric{display:grid;gap:.2rem;white-space:nowrap}.metric b{color:var(--green)}.metric small{color:var(--muted)}@media(max-width:850px){.benchmark-picker{grid-template-columns:1fr}}
.research-results{grid-column:1/-1}.research-tabs{display:flex;gap:.5rem;overflow:auto;margin:1rem 0;border-bottom:1px solid var(--line)}.research-tabs button{width:auto;padding:.75rem 1rem;border:0;border-radius:10px 10px 0 0;background:transparent;color:var(--green);white-space:nowrap}.research-tabs button.active{background:var(--green);color:#fff}.research-view{display:none}.research-view.active{display:block}.research-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1rem 0}.research-cards article{display:grid;gap:.25rem;min-height:105px;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#faf7ef}.research-cards small,.research-cards span{color:var(--muted)}.research-cards b{font:700 1.55rem 'Noto Serif Thai',serif;color:var(--green)}.research-results table{width:100%;border-collapse:collapse}.research-results th,.research-results td{padding:.75rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.research-results td small{display:block;color:var(--muted);margin-top:.2rem}.research-actions{display:flex;justify-content:flex-end;gap:.5rem}.research-actions button,.research-results td button{width:auto;padding:.5rem .75rem}.structure-compare{display:grid;gap:.5rem;padding:1rem;border-radius:14px;background:#172a23;color:#fff;overflow:auto}.structure-compare>div{display:grid;grid-template-columns:85px 1fr;gap:.7rem}.structure-compare code{white-space:pre;font-size:.72rem;color:#f3eadc}.structure-compare b{color:#afd4c1}#inspectGraph{display:block;width:100%;height:500px;margin-top:1rem;border-radius:16px;background:radial-gradient(circle at 50% 45%,#fffdf8,#f1ebdf);touch-action:none}.role{display:inline-block;padding:.25rem .5rem;border-radius:999px;background:#eee8dc;color:#626b66;font-size:.72rem}.role.primary{background:#dcecdf;color:#125b47;font-weight:800}.interpretation{margin-top:1rem;padding:1rem 1.2rem;border-left:5px solid var(--green);background:#eef4ed;line-height:1.7}@media(max-width:850px){.research-cards{grid-template-columns:1fr 1fr}.structure-compare>div{grid-template-columns:1fr}.research-results{overflow:hidden}.research-results .rna-results{overflow:auto}}@media(max-width:520px){.research-cards{grid-template-columns:1fr}#inspectGraph{height:380px}}
.rna-sidebar{display:grid;align-content:start;gap:18px;min-width:0}.rna-content{display:grid;align-content:start;gap:18px;min-width:0}.rna-sidebar .panel{padding:1.15rem;border-radius:18px}.rna-sidebar .benchmark-panel{grid-column:auto}.rna-sidebar .benchmark-picker{grid-template-columns:1fr}.rna-sidebar .benchmark-picker #benchmarkInfo{padding:.65rem .75rem}.rna-sidebar .controls{grid-row:auto}.algorithm-card .title h2{font-size:1.65rem}.rna-sidebar .algorithm-grid{grid-template-columns:1fr;gap:.35rem}.rna-sidebar .algorithm-grid label{padding:.55rem .65rem;font-size:.76rem}.rna-sidebar .experiment-settings{grid-template-columns:1fr 1fr}.rna-sidebar .experiment-settings button{grid-column:1/-1}.rna-sidebar .parameter-profile{padding:.75rem}.editable-parameters{display:grid;gap:.7rem;margin-top:.8rem}.editable-parameters label{display:grid;gap:.3rem;color:var(--green);font-size:.7rem;font-weight:700}.editable-parameters input{width:100%;padding:.58rem;border:1px solid var(--line);border-radius:9px;background:#fff}.editable-parameters fieldset{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:0;padding:.7rem;border:1px solid var(--line);border-radius:10px}.editable-parameters fieldset label:last-child:nth-child(4){grid-column:1/-1}.editable-parameters legend{color:var(--green);font-size:.72rem;font-weight:800}.rna-content>.panel{grid-column:auto}.knowledge-heading{grid-column:1/-1;margin:2.5rem 0 -.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}.knowledge-heading h2{margin:.25rem 0;font:700 clamp(2rem,4vw,3.6rem)/1.05 'Noto Serif Thai',serif}@media(max-width:850px){.rna-sidebar,.rna-content{display:grid}.rna-sidebar .algorithm-grid{grid-template-columns:1fr 1fr}.rna-sidebar .experiment-settings{grid-template-columns:repeat(3,1fr)}.rna-sidebar .experiment-settings button{grid-column:1/-1}}@media(max-width:520px){.rna-sidebar .algorithm-grid,.rna-sidebar .experiment-settings,.editable-parameters fieldset{grid-template-columns:1fr}}
.editable-parameters small{color:var(--muted);font-weight:400;line-height:1.45}.queue-progress{display:grid;gap:.4rem;margin-top:.65rem;padding:.7rem;border-radius:11px;background:#eef4ed}.queue-progress>div{display:flex;justify-content:space-between;gap:.5rem;font-size:.72rem}.queue-progress progress{width:100%;height:.65rem;accent-color:var(--green)}.queue-progress small{color:var(--muted)}.convergence-guide{margin-top:1rem;padding:1rem 1.2rem;border-left:5px solid var(--gold);border-radius:0 14px 14px 0;background:#fff8e6}.convergence-guide h3{margin:0 0 .35rem}.convergence-guide p{margin:0;color:var(--muted);line-height:1.7}
.clear-queue{margin-top:.55rem;border:1px solid #b9574d!important;background:#fff8f5!important;color:#9b3f37!important;box-shadow:none!important}.clear-queue:hover:not(:disabled){background:#9b3f37!important;color:white!important}
.rna-objective{display:grid;gap:.2rem;margin:.35rem 0 1rem;padding:.8rem;border-left:4px solid var(--gold);border-radius:0 12px 12px 0;background:#fff8e6}.rna-objective small{color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.08em}.rna-objective b{color:var(--green)}.rna-objective span{font:600 .75rem "IBM Plex Mono",monospace}.rna-objective p{margin:.25rem 0 0;color:var(--muted);font-size:.7rem;line-height:1.5}.algorithm-key{margin:.25rem 0 .7rem;padding:.65rem .7rem;border-radius:10px;background:#eef4ed;color:var(--muted);font-size:.68rem;line-height:1.5}.algorithm-key b{color:var(--green)}.rna-algorithm-group{margin:0 0 .65rem;padding:.6rem;border:1px solid var(--line);border-radius:12px;background:#faf7ef}.rna-algorithm-group legend{padding:0 .35rem;color:var(--green);font-size:.68rem;font-weight:850}.rna-algorithm-group>div{display:grid;gap:.3rem}.rna-sidebar .rna-algorithm-group label{display:flex;align-items:flex-start;gap:.45rem;margin:0;padding:.5rem .55rem;background:#fff}.rna-algorithm-group label:has(input:checked){border-color:var(--green);background:#e7f1ec;box-shadow:inset 3px 0 var(--green)}.rna-algorithm-group input{flex:0 0 auto;margin-top:.12rem;accent-color:var(--green)}