*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:transparent;font:12px -apple-system,BlinkMacSystemFont,sans-serif;user-select:none}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 16px;background:#ffffffe8;border:1px solid #e4e7ec;border-radius:10px;color:#6b7280;max-width:90%;text-align:center;pointer-events:none}#loading.error{color:#8b3438}#widget-tools,#resize{display:none}.widget #widget-tools{position:absolute;top:9px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2px;background:#fffef9f2;box-shadow:0 3px 15px #0002;border:1px solid #ffffff80;border-radius:20px;padding:4px 6px;opacity:0;transition:opacity .2s}.widget:hover #widget-tools,.widget:focus-within #widget-tools{opacity:1}.widget #grip{cursor:move;padding:2px 8px;font-size:21px;color:#888394}.widget button{border:0;background:none;font:17px -apple-system,sans-serif;color:#575163;cursor:pointer;width:28px;height:28px;border-radius:50%}.widget button:hover{background:#eeecfd}.widget #resize{display:block;position:absolute;bottom:2px;right:3px;font-size:22px;color:#7360bd;cursor:nwse-resize;opacity:0;transition:opacity .2s}.widget:hover #resize{opacity:1}.widget.locked #grip,.widget.locked #resize{display:none}.widget.locked canvas,.widget.locked canvas:active{cursor:default}.widget #widget-lock[aria-pressed="true"]{background:#eeecfd;color:#6961dd}

.widget.desktop-bound #widget-tools,.widget.desktop-bound #resize{display:none}.widget.desktop-bound canvas{cursor:default}