@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Share+Tech+Mono&display=swap");.splat-page{position:relative;width:100vw;height:100vh;overflow:hidden;background:#0a0015}.splat-viewer-wrap{position:relative}.splat-canvas,.splat-viewer-wrap{width:100%;height:100%}.splat-canvas canvas{display:block;width:100%!important;height:100%!important}.splat-loading{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0a0015}.splat-loading-inner{display:flex;flex-direction:column;align-items:center;gap:20px}.splat-loading-ring{width:64px;height:64px;border:2px solid #00fff922;border-top-color:#00fff9;border-radius:50%;animation:splat-spin 1s linear infinite;box-shadow:0 0 24px #00fff933,inset 0 0 12px #00fff911}@keyframes splat-spin{to{transform:rotate(1turn)}}.splat-loading-label{font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;letter-spacing:.25em;color:#00fff9;text-shadow:0 0 12px #00fff966}.splat-progress-track{width:220px;height:3px;background:#00fff915;border-radius:2px;overflow:hidden}.splat-progress-fill{height:100%;background:linear-gradient(90deg,#00fff9,#ff6b9d);box-shadow:0 0 10px #00fff966;transition:width .3s ease-out}.splat-progress-pct{font-family:Share Tech Mono,monospace;font-size:12px;color:#00fff988;letter-spacing:.15em}.splat-error-icon{width:48px;height:48px;border:2px solid #ff6b9d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:22px;font-weight:800;color:#ff6b9d;text-shadow:0 0 12px #ff6b9d66;box-shadow:0 0 20px #ff6b9d33}.splat-hud{position:absolute;bottom:24px;left:24px;z-index:10;pointer-events:none;animation:splat-hud-in .6s ease-out both;animation-delay:.2s}@keyframes splat-hud-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.splat-hud-title{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;letter-spacing:.3em;color:#fff;text-shadow:0 0 20px #00fff944}.splat-hud-subtitle{letter-spacing:.2em;color:#00fff988;margin-top:4px}.splat-hud-controls,.splat-hud-subtitle{font-family:Share Tech Mono,monospace;font-size:10px}.splat-hud-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;color:#ffffff55;letter-spacing:.1em}.splat-hud-controls kbd{display:inline-block;padding:2px 6px;margin-right:4px;border:1px solid #00fff944;border-radius:3px;font-family:Share Tech Mono,monospace;font-size:9px;color:#00fff9aa;background:#00fff90a}.splat-back{position:absolute;top:20px;left:20px;z-index:10}.splat-back-link{display:flex;align-items:center;gap:8px;padding:8px 16px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#ffffff77;text-decoration:none;border:1px solid #ffffff22;background:#0a001588;backdrop-filter:blur(8px);transition:all .3s}.splat-back-link:hover{color:#00fff9;border-color:#00fff966;box-shadow:0 0 16px #00fff922;background:#0a0015cc}.splat-selector{position:absolute;top:20px;right:20px;z-index:10;display:flex;align-items:center;gap:10px;animation:splat-hud-in .6s ease-out both;animation-delay:.3s}.splat-selector-label{font-family:Orbitron,sans-serif;font-size:9px;font-weight:600;letter-spacing:.25em;color:#00fff988}.splat-selector-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:Share Tech Mono,monospace;font-size:12px;letter-spacing:.05em;color:#00fff9;background:#0a001599;border:1px solid #00fff944;padding:8px 32px 8px 12px;backdrop-filter:blur(8px);cursor:pointer;outline:none;transition:all .3s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300fff9' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.splat-selector-dropdown:hover{border-color:#00fff9aa;box-shadow:0 0 16px #00fff922}.splat-selector-dropdown:focus{border-color:#00fff9;box-shadow:0 0 20px #00fff933,inset 0 0 10px #00fff911}.splat-selector-dropdown:disabled{opacity:.4;cursor:not-allowed}.splat-selector-dropdown option{background:#0a0015;color:#00fff9}@media (max-width:639px){.splat-hud{bottom:16px;left:16px}.splat-hud-title{font-size:12px}.splat-hud-controls{gap:8px;font-size:9px}.splat-back{top:12px;left:12px}.splat-back-link{padding:6px 12px;font-size:9px}.splat-selector{top:12px;right:12px}.splat-selector-dropdown{font-size:11px;padding:6px 28px 6px 10px}}