*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0}#root{width:100vw;height:100vh;overflow:hidden}.app{display:flex;flex-direction:column;width:100%;height:100%}.header{background-color:#282c34;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.header h1{font-size:1.5rem;font-weight:600}.file-input{display:none}.file-label{background-color:#61dafb;color:#282c34;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.file-label:hover{background-color:#4fa8d1}.viewer-container{flex:1;position:relative;background-color:#1a1a1a}.info-panel{position:absolute;top:10px;right:10px;background-color:#ffffffe6;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0003;max-width:300px;font-size:.9rem}.info-panel h3{margin-bottom:10px;color:#333}.info-panel p{margin:5px 0;color:#666}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.2rem;z-index:1000}.error-message{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#dc3545e6;color:#fff;padding:10px 20px;border-radius:4px;box-shadow:0 2px 8px #0003;z-index:1000}