:root{color-scheme:dark;--warm-shadow:#181914;--milk:#f7f1e6;--sunlight:#dfbd87;font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;background:var(--warm-shadow);color:var(--milk)}
canvas:focus-visible{outline:1px solid #dfbd87a0;outline-offset:-3px}.reset{min-width:44px;min-height:44px}canvas.is-lid-grip{cursor:crosshair}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%}body{overflow:hidden}main{width:100%;height:100svh;display:grid;place-items:center}.stage{position:relative;width:min(100vw,calc(100svh * var(--scene-aspect,1.666667)));aspect-ratio:var(--scene-aspect,1.666667);max-height:100svh;overflow:hidden;isolation:isolate;background:var(--warm-shadow)}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:default}canvas.is-hovering{cursor:grab}canvas.is-grabbing{cursor:grabbing}.signature{position:absolute;top:clamp(16px,2.5vw,36px);left:clamp(18px,3vw,48px);font:700 clamp(13px,1.35vw,21px)/1 Georgia,"Times New Roman",serif;letter-spacing:.075em;color:#faf7ee;pointer-events:none;text-shadow:0 1px 4px #20150965;opacity:.92}.reset{position:absolute;top:clamp(9px,2vw,27px);right:clamp(12px,2.5vw,40px);width:42px;height:42px;border:1px solid #fff4;border-radius:50%;background:#25241e50;color:var(--milk);cursor:pointer;opacity:.65;transition:opacity .2s,background .2s}.reset svg{width:21px;height:21px;vertical-align:middle}.reset:hover,.reset:focus-visible{opacity:1;background:#25241ec0}.reset:focus-visible{outline:2px solid var(--sunlight);outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.focus-marker{position:absolute;border:1px solid #f7f1e6aa;border-radius:50%;width:34px;height:14px;transform:translate(-50%,-50%);pointer-events:none;background:#ffffff0a}.loading,.failure{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--warm-shadow);z-index:3}.loading span{font:700 21px Georgia,serif;letter-spacing:.1em}.loading progress{margin-top:22px;width:130px;height:2px;accent-color:var(--sunlight)}.failure{padding:30px;text-align:center}.failure p{max-width:440px;line-height:1.8;font-size:13px;color:#d0c8b8}.failure button{padding:10px 18px;min-height:44px;font:inherit;border:1px solid #8e8471;background:transparent;border-radius:4px;color:var(--milk);cursor:pointer}@media(max-width:600px){.signature{font-size:12px;top:13px;left:16px}.reset{width:40px;height:40px;top:4px;right:9px}.reset svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.reset{transition:none}}