*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background:linear-gradient(135deg,#1a237e,#283593);color:#fff;min-height:100vh;padding:20px}.container{max-width:1200px;margin:0 auto}header{text-align:center;margin-bottom:30px;padding:20px}h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.subtitle{font-size:1.2rem;opacity:.9}.main-content{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px}.upload-section{flex:1;min-width:300px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:25px;box-shadow:0 8px 32px #0003}.viewer-section{flex:2;min-width:500px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:25px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column}.section-title{font-size:1.5rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.2)}.upload-area{border:3px dashed rgba(255,255,255,.3);border-radius:12px;padding:40px 20px;text-align:center;transition:all .3s;cursor:pointer;margin-bottom:20px}.upload-area:hover{border-color:#ffffff80;background:#ffffff0d}.upload-icon{font-size:3rem;margin-bottom:15px}.upload-text{margin-bottom:20px}.file-input{display:none}.btn{background:#5c6bc0;color:#fff;border:none;padding:12px 25px;border-radius:30px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s;display:inline-block;margin:5px}.btn:hover{background:#3949ab;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn:active{transform:translateY(0)}.btn-primary{background:#2196f3}.btn-primary:hover{background:#1976d2}.file-info{background:#ffffff1a;padding:15px;border-radius:10px;margin-top:20px}.file-info h3{margin-bottom:10px}.viewer-container{flex:1;min-height:400px;background:#121212;border-radius:10px;overflow:hidden;position:relative}#molstar-viewer{width:100%;height:100%}.loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10}.spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#2196f3;animation:spin 1s ease-in-out infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.message{padding:15px;border-radius:8px;margin:15px 0;text-align:center}.error{background:#f4433633;border-left:4px solid #f44336}.success{background:#4caf5033;border-left:4px solid #4caf50}footer{text-align:center;padding:20px;margin-top:30px;opacity:.7}.msp-plugin .msp-layout-expanded{position:relative!important}@media (max-width: 900px){.main-content{flex-direction:column}.upload-section,.viewer-section{min-width:100%}}