*{box-sizing:border-box;margin:0;padding:0}html,body{color:#e8e8e8;touch-action:none;background:#0a0a0f;width:100%;height:100%;font-family:Segoe UI,Microsoft YaHei,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative}#viewer-container{width:100%;height:100%}#viewer-container canvas{display:block;width:100%!important;height:100%!important}#toolbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a14d1;border:1px solid #ffffff1a;border-radius:12px;min-width:200px;padding:14px 18px;position:absolute;top:16px;left:16px}#toolbar h1{color:#fff;letter-spacing:.5px;margin-bottom:12px;font-size:15px;font-weight:600}.model-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.model-btn{color:#ccc;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;padding:8px 14px;font-size:13px;transition:all .2s}.model-btn:hover{color:#fff;background:#ffffff1f}.model-btn.active{color:#7eb8ff;background:#408cff40;border-color:#408cff99}#reset-btn{color:#aaa;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;width:100%;padding:8px 14px;font-size:12px;transition:all .2s}#reset-btn:hover{color:#fff;background:#ffffff1f}#loading{z-index:20;-webkit-backdrop-filter:blur(14px);background:#00000052;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#loading.hidden{display:none}.loading-card{background:#1c1c20c7;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;align-items:center;width:100%;min-width:280px;max-width:320px;padding:28px 40px 24px;display:flex;box-shadow:0 12px 40px #00000073}.loading-brand{color:#fffffff5;letter-spacing:2px;margin-bottom:22px;font-size:16px;font-weight:600}.loading-dots{flex-direction:column;align-items:center;gap:7px;margin-bottom:24px;display:flex}.dot-row{gap:8px;display:flex}.dot-row span{background:#ffffffeb;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite dot-pulse}.dot-row:first-child span:first-child{animation-delay:0s}.dot-row:first-child span:nth-child(2){animation-delay:.1s}.dot-row:first-child span:nth-child(3){animation-delay:.2s}.dot-row:nth-child(2) span:first-child{animation-delay:.15s}.dot-row:nth-child(2) span:nth-child(2){animation-delay:.25s}.dot-row:nth-child(2) span:nth-child(3){animation-delay:.35s}.dot-row:nth-child(2) span:nth-child(4){animation-delay:.45s}.dot-row:nth-child(2) span:nth-child(5){animation-delay:.55s}.dot-row:nth-child(3) span:first-child{animation-delay:.2s}.dot-row:nth-child(3) span:nth-child(2){animation-delay:.3s}.dot-row:nth-child(3) span:nth-child(3){animation-delay:.4s}.dot-row:nth-child(3) span:nth-child(4){animation-delay:.5s}.dot-row:nth-child(3) span:nth-child(5){animation-delay:.6s}.dot-row:nth-child(3) span:nth-child(6){animation-delay:.7s}.dot-row:nth-child(3) span:nth-child(7){animation-delay:.8s}.dot-row:nth-child(4) span:first-child{animation-delay:.35s}.dot-row:nth-child(4) span:nth-child(2){animation-delay:.45s}.dot-row:nth-child(4) span:nth-child(3){animation-delay:.55s}.dot-row:nth-child(4) span:nth-child(4){animation-delay:.65s}.dot-row:nth-child(4) span:nth-child(5){animation-delay:.75s}.dot-row:nth-child(5) span:first-child{animation-delay:.5s}.dot-row:nth-child(5) span:nth-child(2){animation-delay:.6s}.dot-row:nth-child(5) span:nth-child(3){animation-delay:.7s}@keyframes dot-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.loading-title{color:#fffffff2;letter-spacing:.3px;margin-bottom:8px;font-size:15px;font-weight:500}.loading-subtitle{color:#ffffff8c;letter-spacing:.2px;font-size:13px}.loading-subtitle.is-error{color:#ff7878e6}.loading-progress{background:#ffffff1f;border-radius:2px;width:100%;height:3px;margin-top:18px;overflow:hidden}#progress-fill{background:linear-gradient(90deg,#78c88cd9,#a0e6aaf2);border-radius:2px;width:0%;height:100%;transition:width .25s ease-out}#hint{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffff80;pointer-events:none;white-space:nowrap;background:#0a0a14b3;border:1px solid #ffffff14;border-radius:20px;padding:8px 20px;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.mobile-hint{display:none}@media (width<=768px){#toolbar{min-width:unset;padding:10px 14px;top:10px;left:10px;right:10px}#toolbar h1{margin-bottom:8px;font-size:14px}.model-list{flex-flow:wrap}.model-btn{text-align:center;flex:1;min-width:80px;padding:7px 10px;font-size:12px}.desktop-hint{display:none}.mobile-hint{display:inline}#hint{white-space:normal;text-align:center;max-width:90vw;padding:6px 14px;font-size:11px;bottom:12px}.loading-card{min-width:unset;border-radius:14px;width:auto;max-width:72vw;padding:20px 24px 18px}.loading-brand{letter-spacing:1.5px;margin-bottom:16px;font-size:14px}.loading-dots{transform-origin:top;gap:5px;margin-bottom:16px;transform:scale(.82)}.dot-row{gap:6px}.dot-row span{width:5px;height:5px}.loading-title{margin-bottom:6px;font-size:13px}.loading-subtitle{font-size:11px}.loading-progress{height:2px;margin-top:14px}}