.webgl-container{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#0f172a}canvas{display:block;max-width:100%;margin:20px auto;border-radius:8px;box-shadow:0 8px 30px #0000004d}#info{position:absolute;top:10px;left:10px;min-width:120px;min-height:40px;padding:8px;background-color:#000000b3;color:#fff;font-family:monospace;border-radius:4px;z-index:100}.back-button{position:absolute;bottom:10px;left:10px;padding:8px 16px;background-color:#4f46e5e6;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer;z-index:200;display:flex;align-items:center;gap:5px;transition:all .2s ease}.back-button:hover{background-color:#6366f1e6;transform:translateY(-2px)}.error-message{background-color:#dc2626e6;color:#fff;padding:1rem;margin:1rem;border-radius:8px;max-width:600px;text-align:center}.loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center;color:#fff;background-color:#000000b3;padding:20px 40px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.spinner{width:40px;height:40px;margin:0 auto 10px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#60a5fa;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.landing-page{max-width:1200px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.landing-page header{text-align:center;margin-bottom:3rem}.landing-page h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(45deg,#4f46e5,#10b981);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-page header p{font-size:1.2rem;color:#6b7280}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.scene-tile{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;background-color:#1f2937;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.scene-tile:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.scene-tile-content{padding:1.5rem}.scene-thumb{aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;margin-bottom:1rem;background-color:#111827;display:flex;align-items:center;justify-content:center}.scene-thumb img{width:100%;height:100%;object-fit:cover}.scene-tile h2{font-size:1.5rem;margin-bottom:.5rem;color:#f3f4f6}.scene-tile p{color:#9ca3af;font-size:.95rem;line-height:1.5}:root{--bg-color: #0f172a;--text-color: #f8fafc}.app{width:100%;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-color:#0f172a;color:#f8fafc}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}#root{height:100%;isolation:isolate}