*{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(6px);backdrop-filter:blur(6px);background:#05050ce0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#loading.hidden{display:none}.spinner{border:3px solid #ffffff1a;border-top-color:#408cff;border-radius:50%;width:44px;height:44px;margin-bottom:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{color:#aaa;margin-bottom:12px;font-size:14px}.progress-bar{background:#ffffff1a;border-radius:2px;width:240px;height:4px;overflow:hidden}#progress-fill{background:linear-gradient(90deg,#408cff,#7eb8ff);border-radius:2px;width:0%;height:100%;transition:width .2s}#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}}