/*body { margin: 0; }*/
/*.viewer-container { width: 800px; height: 600px; position: relative; margin: 10px; }*/
.viewer-container { width: 100%; height: 100%; position: relative }
.viewer { width: 100%; height: 100%; }
.loading-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.loading-bar {
    width: 100px;
    height: 10px;
    background: #ccc;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 10px;
}
.loading-progress {
    height: 100%;
    background: #76c7c0;
    width: 0%;
    animation: loading 2s linear infinite;
}
@keyframes loading {
    0% { width: 0%; }
    100% { width: 100%; }
}