*{box-sizing:border-box}body{margin:0;font-family:Open Sans,sans-serif;min-height:100vh;background-color:#f0f8ff}.alert{padding:10px 20px;margin:10px 12px;border-radius:4px;position:relative}.alert-danger{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-warning{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460;text-align:center}.alert .close-btn{position:absolute;top:8px;right:12px;background:none;border:none;font-size:18px;cursor:pointer;color:inherit}#how-to-load p{margin:4px 0}h1{font-size:24px;font-weight:400;text-align:center;margin:24px auto;line-height:1.3}#spinner{width:80%;text-align:center;display:block;margin:40px auto}#spinner img{display:block;margin:auto}.mc-container{background-color:#fff;max-width:1850px;margin:0 auto 40px;padding-top:5px;padding-bottom:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.dataset-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;margin:8px 12px;background:#eef3f5;border:1px solid #d6d6d6;border-radius:4px;font-size:14px}.dataset-toolbar label{margin:0;font-weight:600;color:#333}.dataset-toolbar select{min-width:320px;max-width:100%;padding:5px 8px;font-size:14px;border:1px solid #ccc;border-radius:4px;background:#fff}.toolbar-divider{color:#999;font-style:italic;margin:0 2px}.record-meta{margin:8px 12px;padding:10px 14px;background:#fafbfc;border:1px solid #d6d6d6;border-radius:4px;font-size:13px;color:#333}.record-meta-title{margin:0 0 4px;font-size:16px;font-weight:600;color:#333}.record-meta-title a{color:#303f9f;text-decoration:none}.record-meta-title a:hover{text-decoration:underline}.record-meta-doi{font-size:12px;font-weight:400;opacity:.75;margin-left:8px}.record-meta-line{font-size:12px;opacity:.8;margin-bottom:6px}.record-meta-description{font-size:12px;line-height:1.5;max-height:120px;overflow-y:auto}.record-meta-description p{margin:4px 0}.dataset-files{display:flex;flex-wrap:wrap;gap:8px;margin:8px 12px}.file-button{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;font-size:12px;color:#333;text-align:left;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer}.file-button:hover{border-color:#303f9f;background:#f4f7fd}.file-button.active{border-color:#303f9f;background:#e8edfb}.file-button-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.file-button-size{font-size:11px;opacity:.7}.drop-zone{display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 10px;border:2px dashed #aaa;border-radius:4px;color:#666;font-size:12px;cursor:pointer;background:#fafafa;white-space:nowrap}.drop-zone:hover,.drop-zone.dragging{border-color:#303f9f;background:#eef2fb}.progress{width:240px;height:4px;margin:8px auto 0;background:#e0e0e0;border-radius:2px;overflow:hidden}.progress-bar{height:100%;width:0;background:#303f9f;border-radius:2px;transition:width .2s ease}.progress.indeterminate .progress-bar{width:40%;animation:progress-indeterminate 1.1s ease-in-out infinite}@keyframes progress-indeterminate{0%{margin-left:-40%}to{margin-left:100%}}main{margin:0;width:100%}#viewer-placeholder{margin:40px 2em;padding:60px 20px;text-align:center;color:#666;font-size:14px;background:#fafafa;border:2px dashed #aaa;border-radius:6px}@media screen and (min-width:1200px){main{margin:2em 2em calc(2em + 60px) 2em;width:calc(100% - 4em)}}@media screen and (min-width:1500px){main{margin:2em auto calc(2em + 60px) auto;width:1500px}}.viewer-row{display:flex;flex-wrap:wrap}.viewer-left{flex:1 1 50%;padding:0;min-width:300px}.viewer-right{flex:1 1 50%;padding:0;min-width:300px;display:flex;flex-direction:column}.viewer-left,.viewer-right{max-height:calc(100vh - 100px)}#chemiscope-map{width:100%;height:100%;min-height:500px}#chemiscope-structure{flex:1 1 auto;min-height:400px}#chemiscope-info{flex:0 1 auto;width:100%}#chemiscope-meta{top:0;left:2em;font-size:16pt;z-index:10}.powered-by-chemiscope{font-size:12px;margin-top:10px;margin-right:2em;text-align:right}#loaded-from-materialscloud{margin:-10px 1em 15px;font-style:italic;font-size:smaller}#loaded-from-materialscloud a{color:gray}.pop-on-top{z-index:100;position:absolute;width:80%;left:50%;margin-left:-40%}