#molecular-explorer{width:min(1120px,96vw);max-width:1120px;max-height:94vh;padding:20px;background:#092b38;color:#e2f4ed;border:1px solid #507d86;border-radius:18px;overflow:auto}
#molecular-explorer::backdrop{background:#001a25e8}
.explorer-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.explorer-head h2{margin:4px 0 15px;font-size:27px}.explorer-head p{margin:0}
#molecular-explorer button,#molecular-explorer select{background:#17404f;color:#e9f7f4}#ex-close{font-size:24px}.explorer-controls{display:grid;grid-template-columns:1.15fr 1.15fr 1fr;gap:12px}.explorer-controls label{display:block;margin:0;font-size:12px}.explorer-controls select{display:block;width:100%;margin-top:5px;padding:9px;font-size:13px}
#ex-status{font-size:12px;color:#9dd6c6;margin:10px 0}#ex-stage{position:relative;width:100%;height:390px;border:1px solid #3f6b78;border-radius:12px;overflow:hidden}#ex-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.explorer-camera{position:absolute;right:12px;bottom:12px;display:flex;gap:5px}.explorer-camera button{min-width:40px;padding:7px}
.explorer-details{margin-top:14px;font-size:12px;line-height:1.5}.explorer-details strong{font-size:17px;color:#f3d37e}.explorer-details p{margin:6px 0}.explorer-details small{font-size:11px;opacity:.8}
@media(max-width:700px){header .header-actions{gap:4px}header .header-actions button{font-size:10px;padding:8px 6px}#molecular-explorer{padding:13px;width:96vw}.explorer-head h2{font-size:22px}.explorer-controls{grid-template-columns:1fr;gap:6px}.explorer-controls label{display:grid;grid-template-columns:100px 1fr;align-items:center}.explorer-controls select{font-size:11px;padding:7px;margin:0}#ex-stage{height:290px}.explorer-camera{right:8px;bottom:8px;gap:3px}.explorer-camera button{padding:6px;min-width:32px;font-size:11px}body.reaction #playback #audio-toggle{font-size:10px}.explorer-details{font-size:11px}}


#molecular-explorer{box-sizing:border-box} #molecular-explorer select{max-width:100%}