*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{width:100%;height:100%;background:#fcfcfc;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.file-preview{border:2px solid black;width:100%;height:100%;object-fit:contain;display:flex;justify-content:center;align-items:center}img.file-preview,video.file-preview,audio.file-preview,iframe.file-preview{width:100%;height:100%;object-fit:contain}.loader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.spinner{border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.title{font-size:2rem}}@media (max-width: 768px){.container{height:85%;padding:15px}.title{font-size:1.8rem}}@media (max-width: 480px){.container{height:80%;padding:10px}.title{font-size:1.5rem}}.error-box{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;height:100%;width:100%}.error{flex:2;color:red;white-space:pre-line;font-weight:500;text-align:center}.side-image{flex:1;width:100%;height:100%;object-fit:contain}