:root{color:#293c33;font-synthesis:none;--ink:#293c33;--muted:#798277;--rule:#d7d9ce;background:#f3f1e9;font-family:Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #517763}button{cursor:pointer}button:disabled{cursor:default;opacity:.38}.workspace{grid-template-rows:86px minmax(0,1fr) 72px;max-width:1680px;height:100svh;min-height:500px;margin:auto;padding:0 32px;display:grid}.masthead{justify-content:space-between;align-items:center;gap:20px;display:flex}.identity{align-items:center;gap:15px;display:flex}.identity h1{letter-spacing:.08em;margin:0;font-family:Source Han Serif SC,Songti SC,SimSun,serif;font-size:25px;font-weight:500}.viewfinder{border:1px solid #536b5c;width:18px;height:18px;position:relative}.viewfinder:before{content:"";background:#536b5c;position:absolute;inset:4px}.edition{color:var(--muted);letter-spacing:.12em;border-left:1px solid var(--rule);margin-left:3px;padding-left:15px;font-size:10px}.back-link{color:var(--ink);white-space:nowrap;font-size:12px;text-decoration:none}.back-link span{margin-left:10px}.back-link:hover{color:#7b8872}.scene{isolation:isolate;background:#18201c;border:1px solid #c9cec2;position:relative;overflow:hidden}.scene canvas,.cover{width:100%;height:100%;display:block;position:absolute;inset:0}.cover{object-fit:cover;opacity:.45;transition:opacity .25s}.scene canvas{touch-action:none;cursor:grab;opacity:0;transition:opacity .2s}.scene canvas:active{cursor:grabbing}.scene[data-state=ready] canvas{opacity:1}.scene[data-state=ready] .cover{opacity:0;pointer-events:none}.scene[data-state=fallback] .cover{opacity:.75}.loading{z-index:2;color:#f9faf5;background:#1620183b;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.loading[hidden]{display:none}.loading p{letter-spacing:.08em;margin:0;font-size:13px}.loading-mark{border:1px solid #ffffff3d;border-top-color:#eef4e9;border-radius:50%;width:24px;height:24px;animation:1.2s linear infinite turn}.scene[data-state=fallback] .loading-mark{display:none}.quiet-button{color:#314937;background:#f4f2e8;border:1px solid #f4f2e8;border-radius:0;margin-top:7px;padding:9px 20px;font-size:12px}.quiet-button[hidden]{display:none}.toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.instructions{letter-spacing:.04em;color:#5b6b5e;margin:0;font-size:11px}.range-note{color:#8b9387;margin-left:22px}.touch-hint{display:none}.reset-button{color:var(--ink);white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;padding:10px 0 10px 12px;font-size:12px;display:flex}.reset-button svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.reset-button:hover:not(:disabled){color:#7b8872}@keyframes turn{to{transform:rotate(360deg)}}@media (width<=700px){.workspace{grid-template-rows:72px minmax(0,1fr) 70px;padding:0 16px}.identity{gap:10px}.identity h1{font-size:22px}.edition{display:none}.back-link{font-size:11px}.range-note{margin:6px 0 0;font-size:10px;display:block}.reset-button{font-size:11px}.instructions{font-size:10px}.desktop-hint{display:none}.touch-hint{display:inline}}@media (prefers-reduced-motion:reduce){.loading-mark{animation:none}.cover,.scene canvas{transition:none}}