*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#1a1a1a;color:#fff;overflow:hidden}#viewer-container{width:100vw;height:100vh;position:relative}.ui-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:100}.header{position:absolute;top:20px;left:20px;pointer-events:auto}.header h1{font-size:24px;font-weight:300;margin-bottom:8px}.header p{font-size:14px;opacity:.7}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:auto}.loading.hidden{display:none}.spinner{width:40px;height:40px;border:2px solid #333;border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{position:absolute;top:20px;right:20px;background:#ff0000e6;color:#fff;padding:16px;border-radius:8px;max-width:400px;pointer-events:auto;display:none}.controls{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;pointer-events:auto;align-items:flex-end}.controls select{background:#000c;color:#fff;border:1px solid #555;padding:10px 30px 10px 15px;border-radius:5px;cursor:pointer;font-size:12px;transition:background .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-13%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2013l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095.2c3.6-3.6%205.4-7.8%205.4-13%200-4.9-1.8-9.2-5.4-13z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px top 50%;background-size:.65em auto}.controls button{background:#000c;color:#fff;border:1px solid #555;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:12px;transition:background .2s}.controls button:hover{background:#fff3}.error.show{display:block}.status{position:absolute;bottom:20px;left:20px;background:#000c;padding:12px 16px;border-radius:6px;font-size:12px;opacity:.8;pointer-events:auto;transition:all .3s ease}.hot-reload-notification{position:absolute;top:20px;right:340px;background:#007bffe6;color:#fff;padding:12px 16px;border-radius:6px;font-size:12px;opacity:0;transform:translate(20px);transition:all .3s ease;pointer-events:none;z-index:999;border-left:4px solid rgba(0,123,255,1)}.hot-reload-notification.show{opacity:1;transform:translate(0)}.hot-reload-notification.success{background:#28a745e6;border-left-color:#28a745}.hot-reload-notification.error{background:#dc3545e6;border-left-color:#dc3545}.dg.ac{z-index:1000!important}