*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:system-ui,"Microsoft YaHei",sans-serif;color:#203445;background:#e9eef2}.showcase{height:100%;min-height:440px;display:flex;flex-direction:column;overflow:hidden}.stage{position:relative;flex:1;min-height:270px;overflow:hidden;background:#e9eef2}.poster{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;background:#f4f4f4}#viewer{position:absolute;inset:0;visibility:hidden}#viewer canvas{display:block;touch-action:none}body[data-state=ready] #viewer{visibility:visible}body[data-state=ready] .poster,body[data-state=ready] .launch{display:none}.launch{position:absolute;bottom:65px;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:10px}.eyebrow{font-size:11px;letter-spacing:3px;color:#384e5e;background:#ffffffdc;padding:4px 9px;border-radius:4px}.launch-note{font-size:12px;background:#ffffffeb;padding:2px 8px;border-radius:4px}button{font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #b8c7d2;border-radius:8px;padding:10px 17px;color:#233f54;background:#fff}button:hover:not(:disabled){background:#e1ebf2}button:focus-visible,input:focus-visible{outline:3px solid #117bb4;outline-offset:3px}button:disabled{opacity:.5;cursor:default}#load-model,#retry{background:#173f59;color:white;border-color:#173f59;min-height:44px}#load-model:hover:not(:disabled),#retry:hover{background:#235b7c}#status{position:absolute;bottom:9px;left:15px;right:15px;margin:0;text-align:center;font-size:13px;line-height:1.5;padding:8px 12px;border-radius:7px;background:#fffffff0;pointer-events:none}#retry{position:absolute;top:15px;right:15px}fieldset{border:0;padding:12px 16px 7px;margin:0;display:flex;align-items:center;justify-content:center;gap:20px;background:#fff}.views{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.views button{padding:8px 13px;min-height:42px}.rotate{font-size:13px;white-space:nowrap;display:flex;gap:7px;align-items:center;cursor:pointer}input[type=checkbox]{width:17px;height:17px;accent-color:#173f59}.gesture{background:#fff;text-align:center;color:#667884;font-size:12px;margin:0;padding:5px 10px 12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mobile-only{display:none}[hidden]{display:none!important}@media(max-width:600px){.showcase{min-height:520px}fieldset{padding:12px 9px 5px;flex-wrap:wrap;gap:10px}.views{gap:5px}.views button{font-size:13px;padding:8px 11px}.launch{bottom:76px}#status{font-size:12px;left:9px;right:9px}.mobile-only{display:block}.gesture{line-height:1.7}.rotate{min-height:26px}}

body[data-state=ready] #status{bottom:auto;top:12px;left:12px;right:auto;padding:6px 10px;font-size:12px;background:#fffffff0}