:root{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#2c312f;background:#f4f3ef;line-height:1.6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{width:min(1320px,100%);margin:auto;padding:38px 30px 34px}header{display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:15px;color:#737970}h1{font-size:clamp(29px,3.8vw,46px);line-height:1.25;font-weight:550;letter-spacing:-.035em;margin:12px 0 30px}a{color:inherit;text-underline-offset:.3em;white-space:nowrap}header a,footer{font-size:15px;color:#687068}button{font:inherit;color:inherit;cursor:pointer;background:none;border:1px solid transparent;border-radius:5px;padding:8px 15px;white-space:nowrap;line-height:1.4;font-size:16px}button:hover{background:#e6e8e2}button.selected,button[aria-pressed=true]{background:#303a34;color:#f7f6ee}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #987752;outline-offset:4px}.toolbar,.viewbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.toolbar{margin-bottom:16px}.models,.views,.actions{display:flex;align-items:center;gap:5px}.models{background:#e8eae4;padding:4px;border-radius:7px}#spec{font-size:15px;color:#6b736b;text-align:right}#viewport{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:#e5e7e8}#canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#canvas:active{cursor:grabbing}.hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);pointer-events:none;color:#5c645c;font-size:14px;white-space:nowrap;background:rgb(245 246 241 / 68%);border-radius:24px;padding:6px 14px;transition:opacity .3s}.hint.dismissed{opacity:0}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#e5e7e8;color:#697068;font-size:16px}#loading.done{opacity:0;pointer-events:none;transition:opacity .35s}.loading-ring{width:27px;height:27px;border:2px solid #c6ccc5;border-top-color:#65705f;border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#error{position:absolute;inset:0;padding:30px;text-align:center;background:#e5e7e8;align-content:center}#error button,#error a{display:inline-block;margin:10px}.viewbar{margin-top:17px}.views button{border-color:#c4cbc3}.actions button{padding:8px 11px}footer{display:flex;gap:24px;justify-content:space-between;margin-top:28px}#viewport:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}@media(max-width:760px){main{padding:25px 16px}header{align-items:start}header a{font-size:13px;margin-top:4px}h1{margin-bottom:22px;max-width:260px}.eyebrow{font-size:13px}.toolbar{align-items:start;flex-direction:column;gap:10px}.models{width:100%;justify-content:space-between}.models button{font-size:14px;padding:7px 10px}#spec{font-size:13px}#viewport{aspect-ratio:4/3}.viewbar{flex-wrap:wrap;gap:15px}.views{width:100%;justify-content:space-between}.views button{font-size:14px;padding:8px 11px}.actions{width:100%;justify-content:space-between}.actions button{font-size:14px}.hint{font-size:12px;bottom:13px;padding:5px 11px}footer{flex-direction:column;gap:10px;font-size:13px;margin-top:24px}}@media(prefers-reduced-motion:reduce){.hint,#loading.done{transition:none}.loading-ring{animation:none}}