:root{font-family:Inter,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#233145;background:#f1f2f3}*{box-sizing:border-box}html,body,.workspace{width:100%;height:100%;margin:0;overflow:hidden}.workspace{position:relative;height:100dvh}body.pseudo-fullscreen .workspace{position:fixed;z-index:9999;inset:0;width:100vw;height:100dvh}#viewer{position:absolute;inset:0}canvas{display:block}#viewer canvas{width:100%;height:100%;cursor:grab;touch-action:none}#viewer canvas:active{cursor:grabbing}.model-name{position:absolute;z-index:2;top:20px;left:24.5%;font-size:20px}.drop-zone{position:absolute;z-index:3;top:50%;left:50%;width:min(460px,calc(100% - 36px));padding:38px;transform:translate(-50%,-50%);border:1px dashed #a9b2b9;border-radius:18px;background:#ffffffbd;text-align:center;transition:.18s}.drop-zone.dragging{border-color:#1677ff;background:#fff;transform:translate(-50%,-50%) scale(1.02)}.upload-icon{margin-bottom:8px;color:#1677ff;font-size:42px}.drop-zone h1{margin:0 0 10px;font-size:22px}.drop-zone p{color:#697789}.open-button,#cancelLoadBtn{border:0;cursor:pointer;font:inherit}.open-button{display:inline-block;margin-top:8px;padding:10px 26px;border-radius:8px;color:#fff;background:#1677ff}.view-cube{position:absolute;z-index:4;top:18px;right:24px;width:96px}#viewCubeCanvas{width:96px;height:96px;cursor:pointer;filter:drop-shadow(3px 5px 4px rgba(49,65,79,.22))}.cube-turns{display:flex;justify-content:space-between;margin-top:2px}.cube-turns button{width:42px;height:25px;border:1px solid #fff;border-radius:15px;color:#536274;background:#ffffffe6;box-shadow:0 1px 4px #21334324;cursor:pointer;font-size:17px;line-height:1}.cube-turns button:hover{color:#1677ff;border-color:#91c3ff}.basic-toolbar{position:absolute;z-index:4;bottom:22px;left:50%;display:flex;padding:4px 7px;transform:translate(-50%);border:1px solid rgba(205,214,222,.8);border-radius:12px;background:#fffffff0;box-shadow:0 4px 18px #22324026;transition:opacity .16s,transform .16s}.basic-toolbar button{min-width:72px;padding:6px 12px 5px;border:0;border-left:1px solid #e5e9ed;color:#536274;background:transparent;cursor:pointer;font:inherit}.basic-toolbar button:first-child{border-left:0}.basic-toolbar button:hover,.basic-toolbar button.active{color:#1677ff}.basic-toolbar svg,.toolbar-reveal svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.basic-toolbar span{display:block;margin-top:2px;font-size:11px;white-space:nowrap}.toolbar-reveal{position:absolute;z-index:4;bottom:16px;left:50%;display:none;width:44px;height:30px;transform:translate(-50%);border:1px solid #d2dbe2;border-radius:16px;color:#536274;background:#fffffff0;box-shadow:0 3px 12px #22324024;cursor:pointer}.toolbar-reveal svg{width:18px;height:18px}body.toolbar-hidden .basic-toolbar{display:none}body.toolbar-hidden .toolbar-reveal{display:grid;place-items:center}body.interacting .model-name,body.interacting .basic-toolbar,body.interacting .toolbar-reveal,body.interacting .toast{opacity:0;pointer-events:none}body.interacting .basic-toolbar,body.interacting .toolbar-reveal{transform:translate(-50%,8px)}.loading{position:absolute;z-index:10;inset:0;display:grid;place-items:center;background:#f0f2f3b8;text-align:center}.loading>div{padding:25px 36px;border-radius:14px;background:#ffffffeb;box-shadow:0 8px 30px #0000001a}.loading p{color:#687687;font-size:13px}.load-progress{width:240px;height:6px;overflow:hidden;margin-top:15px;border-radius:6px;background:#dce3e9}.load-progress i{display:block;width:0;height:100%;border-radius:inherit;background:#1677ff}#progressValue{display:block;margin:7px 0 4px;color:#526579;font-size:12px}.spinner{width:30px;height:30px;margin:0 auto 13px;border:3px solid #dbe4ee;border-top-color:#1677ff;border-radius:50%;animation:spin .8s linear infinite}#cancelLoadBtn{color:#678;background:transparent}.hidden{display:none!important}.toast{position:absolute;z-index:20;top:20px;right:132px;max-width:300px;padding:11px 14px;border-radius:8px;color:#fff;background:#394a5b;opacity:0;pointer-events:none;transition:opacity .18s}.toast.show{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:650px){.model-name{top:15px;left:18px;max-width:65%;overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.view-cube{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));transform:scale(.82);transform-origin:top right}.basic-toolbar{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 20px);justify-content:center;padding:4px}.basic-toolbar button{min-width:0;flex:1;padding:5px 2px}.basic-toolbar span{font-size:9px}.toolbar-reveal{bottom:max(10px,env(safe-area-inset-bottom))}}