*{box-sizing:border-box;letter-spacing:0}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;background:#e9edf0;color:#17242b}#scene{position:fixed;inset:0}canvas{display:block;touch-action:none}button,label{font:inherit;font-size:12px;color:inherit}button{border:1px solid #bdc7ce;background:#fff;min-height:34px;border-radius:5px;cursor:pointer;padding:6px 10px}button:hover{background:#e4edf6}button:focus-visible,a:focus-visible{outline:3px solid #2563eb;outline-offset:2px}[hidden]{display:none!important}.tools{position:fixed;z-index:2;top:10px;left:10px;right:82px;display:flex;align-items:center;gap:5px;width:max-content;max-width:calc(100% - 92px);padding:6px;background:rgba(255,255,255,.94);border:1px solid #cbd3d9;border-radius:6px}.tools strong{font-size:13px;margin:0 8px}.tools label{display:flex;align-items:center;gap:3px;margin:0 5px;white-space:nowrap}.tools button{width:34px;padding:0}.compass{position:fixed;right:12px;top:10px;width:56px;height:56px;border:1px solid #bdc7ce;border-radius:50%;background:rgba(255,255,255,.92);text-align:center;font-size:10px;padding-top:4px;color:#cf382d}.compass #needle{position:absolute;top:21px;left:26px;height:21px;width:3px;background:#cf382d;transform-origin:50% 7px}.compass #needle:before{content:'';position:absolute;top:-6px;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid #cf382d}.photo{position:fixed;z-index:3;top:76px;right:12px;width:280px;background:#fff;border:1px solid #bcc9d2;border-radius:6px;overflow:hidden;box-shadow:0 7px 20px #0002}.photo header,dialog header{display:flex;justify-content:space-between;align-items:center;padding:6px 9px;gap:12px;font-size:12px}.photo header button{border:0}.photo .preview{display:block;padding:0;border:0;border-radius:0;width:100%;background:#eef1f3}.photo img{display:block;width:100%;height:170px;object-fit:contain}.photo footer{display:flex;flex-wrap:wrap;gap:4px;padding:7px}.photo footer button{flex:1;padding:6px;font-size:11px;white-space:nowrap}.photo-strip{position:fixed;bottom:32px;left:12px;right:12px;display:flex;gap:7px;overflow-x:auto;padding:6px;background:#ffffffd9;border:1px solid #cbd3d9;border-radius:6px;width:max-content;max-width:calc(100% - 24px)}.photo-strip button{flex:0 0 60px;width:60px;height:43px;min-height:0;padding:0;overflow:hidden;background:#dde4e8;position:relative}.photo-strip img{width:100%;height:100%;object-fit:cover}.photo-strip button[aria-pressed=true]{outline:2px solid #c7780e;outline-offset:1px}.photo-strip span{position:absolute;bottom:0;right:0;padding:1px 3px;color:#fff;background:#000b;font-size:10px}#status{position:fixed;bottom:7px;left:14px;right:14px;font-size:11px;color:#42515a;pointer-events:none}dialog{width:calc(100% - 28px);height:calc(100% - 28px);max-width:1400px;max-height:none;border:1px solid #bec8d0;border-radius:6px;padding:0;background:#fff;color:#17242b}dialog::backdrop{background:#000b}dialog header{height:48px}dialog img{display:block;width:100%;height:calc(100% - 48px);object-fit:contain}@media(max-width:580px){.tools{gap:3px;padding:4px;left:7px;top:7px;max-width:calc(100% - 68px)}.tools strong{font-size:11px;margin:0 3px}.tools button{width:29px;min-height:31px}.tools label{font-size:10px;margin:0}.compass{width:47px;height:47px;right:8px;top:7px}.compass #needle{left:22px;top:17px}.photo{top:64px;right:8px;width:232px;max-height:calc(100% - 150px);overflow:auto}.photo img{height:130px}.photo-strip{bottom:29px;left:8px;max-width:calc(100% - 16px)}.photo-strip button{flex-basis:48px;width:48px;height:35px}}