body{margin:0;padding:20px;font-family:Arial,sans-serif;background:#f0f0f0}.demo-container{max-width:1200px;margin:0 auto}h1{color:#333;text-align:center;margin-bottom:30px}.viewer-wrapper{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;height:600px}.instructions{background:#e8f4fd;border:1px solid #b3d9ff;border-radius:6px;padding:15px;margin-bottom:20px}.instructions h3{margin-top:0;color:#06c}.instructions ul{margin:10px 0;padding-left:20px}.instructions li{margin:5px 0}.demo-controls{margin-top:20px;text-align:center}.demo-controls button{background:#007bff;color:#fff;border:none;padding:10px 20px;margin:0 10px;border-radius:4px;cursor:pointer;font-size:14px}.demo-controls button:hover{background:#0056b3}.demo-controls button:disabled{background:#6c757d;cursor:not-allowed}