.qgpen-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;touch-action:none}
.qgpen-on .qgpen-canvas{pointer-events:auto;cursor:crosshair}
.qgpen-bar{display:none;position:sticky;top:8px;z-index:7;margin:0 auto 8px;width:max-content;max-width:100%;background:#1C2740;color:#fff;border-radius:12px;padding:6px 8px;gap:4px;align-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25);flex-wrap:wrap;justify-content:center;direction:ltr}
.qgpen-on .qgpen-bar{display:flex}
.qgpen-bar button{width:34px;height:34px;border-radius:8px;color:#fff;font-size:17px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer}
.qgpen-bar button:hover{background:rgba(255,255,255,.12)}
.qgpen-bar button.on{background:rgba(255,255,255,.22);outline:2px solid #E9A23B}
.qgpen-bar .sw{width:22px;height:22px;border-radius:50%;margin:0 2px;border:2px solid #fff}
.qgpen-bar .sep{width:1px;height:22px;background:rgba(255,255,255,.25);margin:0 4px}
.qgpen-fab{position:fixed;right:18px;bottom:18px;z-index:30;width:52px;height:52px;border-radius:50%;background:#E9A23B;color:#1a1a1a;font-size:24px;box-shadow:0 8px 20px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;border:0;cursor:pointer}
.qgpen-fab.on{background:#D62828;color:#fff}
[dir="rtl"] .qgpen-fab{right:auto;left:18px}