:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#20252d;background:#f5f6f7;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,#stage:focus-visible{outline:3px solid #b72742;outline-offset:3px}button:disabled{opacity:.38;cursor:default}[hidden]{display:none!important}.viewer{position:relative;width:100%;height:100%;min-height:380px;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#fff 0,#f5f6f7 67%,#edf0f2 100%)}header{position:absolute;z-index:2;left:30px;right:30px;top:26px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;pointer-events:none}header>*{pointer-events:auto}.eyebrow{display:block;font-size:10px;letter-spacing:.19em;color:#717782}h1{font-size:clamp(18px,2.1vw,24px);font-weight:550;letter-spacing:-.03em;margin:8px 0 0}.mode{display:flex;gap:3px;border:1px solid #dce0e4;border-radius:30px;padding:4px;background:#ffffffdd}.mode button{border:0;border-radius:24px;background:transparent;color:#565e68;padding:9px 15px;font-size:12px;white-space:nowrap}.mode button[aria-pressed="true"]{background:#20252d;color:white}#stage,#photo{position:absolute;inset:87px 0 103px}#stage{cursor:grab;touch-action:pan-y pinch-zoom}#stage:active{cursor:grabbing}#stage canvas{display:block;width:100%;height:100%}#photo{display:grid;place-items:center;pointer-events:none}#photo img{width:100%;height:100%;max-width:560px;object-fit:contain;mix-blend-mode:multiply;min-height:0}.tools{position:absolute;z-index:2;bottom:49px;left:50%;transform:translateX(-50%);display:flex;gap:16px;white-space:nowrap}.angles,.zoom{display:flex;gap:3px;background:#ffffffeb;border:1px solid #dce0e4;border-radius:12px;padding:5px;box-shadow:0 5px 16px #26323d08}.tools button{border:0;background:transparent;color:#414953;border-radius:7px;min-width:37px;min-height:35px;padding:7px 12px;font-size:12px}.tools button:hover:not(:disabled){background:#f0e3e7;color:#941d36}.tools button[aria-pressed="true"]{background:#eceff2;color:#121820}.zoom button{font-size:19px;padding:2px 7px}footer{position:absolute;bottom:18px;left:30px;right:30px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#737b85}#status{color:#525d69}.viewer:fullscreen{height:100vh;min-height:100vh}@media(max-width:540px){header{left:18px;right:18px;top:19px;gap:10px}h1{font-size:17px}.eyebrow{font-size:9px}.mode button{padding:8px 10px;font-size:11px}#stage,#photo{inset:85px 0 125px}.tools{bottom:66px;gap:7px}.tools button{min-width:32px;padding:7px 9px}.zoom button{padding:2px 6px}footer{left:15px;right:15px;bottom:17px;display:grid;justify-content:center;text-align:center;gap:5px;font-size:10px}}@media(max-width:359px){h1{font-size:15px}.mode button{padding:7px 8px}.tools{gap:4px}.angles,.zoom{padding:4px;gap:1px}.tools button{min-width:30px;padding:7px 8px}.zoom button{padding:2px 5px}}
@media(max-width:359px){header h1{display:none}header{align-items:center}.tools{flex-direction:column;align-items:center;gap:6px;bottom:62px}#stage,#photo{inset:65px 0 173px}}