.viewer-container{height:100vh;width:100vw;position:relative;display:flex;flex-direction:column;overflow:hidden}@media(max-width:768px){.leva-root{width:100vw!important;max-width:100vw!important;font-size:.8rem}.leva-panel-content{flex-wrap:wrap}}:root{--brand-primary: #6b7280;--brand-secondary: #9ca3af}body{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif;background-color:#111;color:#fff;overflow:hidden}html,#root{height:100%}canvas{display:block}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(40px) scale(.98);filter:blur(6px)}60%{opacity:.7;transform:translateY(-8px) scale(1.02);filter:blur(1px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.slide-fade-in{animation:slideFadeIn 1s cubic-bezier(.4,0,.2,1) both;transition:box-shadow .3s,filter .3s}.loading-container{display:flex;flex-direction:column;align-items:center;gap:10px}.progress-bar{width:200px;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));animation:loading 2s ease-in-out infinite}@keyframes loading{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}