*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}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:#1a1a2e;color:#fff}#root{width:100%;height:100%}a{color:#646cff;text-decoration:none}a:hover{text-decoration:underline}canvas{display:block}.app{width:100%;height:100vh;position:relative;overflow:hidden;background-color:#0a0a14}.viewer-wrapper{width:100%;height:100%;position:absolute;inset:0}.viewer-container{width:100%;height:100%;position:relative}.viewer-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.overlay-model-selector{position:absolute;top:1rem;left:1rem;z-index:100}.model-selector{display:flex;flex-direction:column}.model-selector-dropdown{padding:.75rem 1rem;font-size:.9rem;background-color:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .2s;min-width:140px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.model-selector-dropdown:hover{border-color:#fff6;background-color:#000c}.model-selector-dropdown:focus{outline:none;border-color:#646cff}.model-selector-dropdown:disabled{opacity:.5;cursor:not-allowed}.loading-overlay{position:absolute;inset:0;background-color:#0a0a14e6;display:flex;align-items:center;justify-content:center;z-index:50}.loading-content{text-align:center}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:#646cff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:1rem;color:#fff;margin-bottom:1rem}.loading-bar{width:200px;height:4px;background-color:#fff3;border-radius:2px;overflow:hidden}.loading-bar-fill{height:100%;background-color:#646cff;transition:width .2s ease-out}.error-overlay{position:absolute;inset:0;background-color:#0a0a14e6;display:flex;align-items:center;justify-content:center;z-index:50}.error-content{text-align:center;padding:2rem}.error-icon{width:48px;height:48px;border:3px solid #ff4444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#f44;margin:0 auto 1rem}.error-text{font-size:1rem;color:#f44;max-width:300px}.stats-panel{position:absolute;top:1rem;right:1rem;background-color:#000000b3;padding:.75rem 1rem;border-radius:8px;font-family:monospace;font-size:.8rem;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.stats-row{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.stats-row:last-child{margin-bottom:0}.stats-label{color:#fff9}.stats-value{color:#fff;font-weight:700}.controls-hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background-color:#000000b3;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;color:#fff9;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.no-model-selected{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0a0a14}.no-model-content{text-align:center;padding:2rem}.no-model-content p{margin:0;color:#fff9;font-size:.9rem}@media(max-width:768px){.overlay-model-selector{top:.75rem;left:.75rem}.model-selector-dropdown{padding:.5rem .75rem;font-size:.85rem;min-width:120px}.stats-panel{top:.75rem;right:.75rem;padding:.5rem .75rem;font-size:.7rem}.controls-hint{font-size:.65rem;padding:.4rem .8rem;bottom:.75rem}}