:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#292822;background:#f8f5ea}*{box-sizing:border-box}body{margin:0}main{max-width:900px;padding:16px;margin:auto}h1{font-size:24px}p{line-height:1.6}label{display:block;margin:12px 0}input,textarea{display:block;width:100%;font:inherit;padding:10px;margin-top:5px;border:1px solid #787668;border-radius:5px}input[type=checkbox]{display:inline-block;width:22px;height:22px;vertical-align:middle;margin-right:8px}button{min-height:44px;padding:10px 16px;font:inherit;background:#fffdf6;border:1px solid #787668;border-radius:6px;cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,#viewport:focus-visible{outline:3px solid #075c9c;outline-offset:3px}.buttons{display:flex;gap:8px;flex-wrap:wrap}#fix{display:block;overflow-wrap:anywhere;line-height:1.6}#viewport{height:480px;overflow:auto;border:1px solid #787668;background:#ebe6d6;max-width:100%}#canvas{position:relative;width:800px}#map{display:block;width:100%;height:auto;touch-action:pan-x pan-y}#marker{position:absolute;width:18px;height:18px;border-radius:50%;border:3px solid white;background:#aa2922;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 2px #aa2922}#marker[hidden]{display:none}#export{margin-top:16px}@media(max-width:500px){#viewport{height:430px}main{padding:12px}}