.qb{display:flex;flex-direction:column;gap:8px}
.qb-tb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#fff;border:2px solid #dfe8e2;border-radius:16px;padding:8px}
.qb-grp{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.qb-grp:empty{display:none}
.qb-tb button{border:2px solid #e3e8f2;background:#f5f7fb;border-radius:10px;min-height:40px;min-width:40px;padding:6px 10px;font:800 15px Nunito,system-ui,sans-serif;cursor:pointer;color:#1d2b24}
.qb-tb button.on{border-color:#3f6df2;background:#e8eeff}
.qb-tb button.hot{border-color:#e8604c;background:#fde9e5}
.qb-tb .qb-c{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;padding:0;border:3px solid #fff;box-shadow:0 0 0 2px #cfd8e6}
.qb-tb .qb-c.on{box-shadow:0 0 0 3px #3f6df2}
.qb-page{position:relative;width:100%;background:#fff;border:2px solid #cfdcd3;border-radius:14px;overflow:hidden;touch-action:none}
.qb-page canvas{position:absolute;inset:0;width:100%;display:block}
.qb-items{position:absolute;inset:0;pointer-events:none}
.qb-items.mv{pointer-events:auto}
.qb-it{position:absolute;border:2px dashed transparent;border-radius:8px;pointer-events:auto}
.qb-items:not(.mv) .qb-it{pointer-events:none}
.qb-items.mv .qb-it{border-color:#9db4f5;cursor:move}
.qb-it img{width:100%;display:block;border-radius:6px;user-select:none}
.qb-ar{font-family:'Amiri Quran','Scheherazade New',serif;direction:rtl;text-align:right;line-height:2;color:#1d2b24}
.qb-sub{color:#5d6f66;font-family:Nunito,system-ui,sans-serif;font-weight:800}
.qb-tx{font-family:Nunito,system-ui,sans-serif;font-weight:700;white-space:pre-wrap;color:#1d2b24}
.qb-x,.qb-rs{display:none}
.qb-items.mv .qb-x{display:block;position:absolute;top:-14px;right:-14px;width:28px;height:28px;border-radius:50%;border:0;background:#e8604c;color:#fff;font-weight:800;cursor:pointer}
.qb-items.mv .qb-rs{display:block;position:absolute;right:-8px;bottom:-8px;width:20px;height:20px;border-radius:5px;background:#3f6df2;cursor:nwse-resize}
.qb-ask{position:absolute;left:50%;top:20px;transform:translateX(-50%);background:#fff;border:3px solid #3f6df2;border-radius:16px;padding:14px 16px;width:min(420px,90%);box-shadow:0 12px 30px -12px #0006;display:grid;gap:8px;font:600 16px Nunito,system-ui,sans-serif;z-index:3}
.qb-ask p{margin:0}.qb-ask textarea,.qb-ask input{width:100%;font:600 18px Nunito,system-ui,sans-serif;border:2px solid #dfe8e2;border-radius:10px;padding:8px}
.qb-ask button{border:0;border-radius:10px;padding:8px 14px;font:800 15px Nunito,system-ui,sans-serif;background:#1f7a55;color:#fff;cursor:pointer}.qb-ask [data-no]{background:#e3e8f2;color:#1d2b24}
.qb-locked .qb-tb button:not(.keep){opacity:.45;pointer-events:none}
.qb-ask[hidden]{display:none}
.qb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14%,1fr));direction:rtl}
.qb-cell{border:2px solid #dfe8e2;background:#fff;display:grid;justify-items:center;text-align:center}
.qb-cell img{width:100%;border-radius:4px}
.qb-cell b{font-family:'Amiri Quran','Scheherazade New',serif;font-weight:400;line-height:1.6;color:#1d2b24}
.qb-cell i{font-style:normal;font-weight:800;color:#22303c;font-family:Nunito,system-ui,sans-serif;direction:ltr}
.qb-ask select{width:100%;font:700 16px Nunito,system-ui,sans-serif;border:2px solid #dfe8e2;border-radius:10px;padding:8px}
.qb-it{background:#fff;box-shadow:0 6px 18px -10px #0005;padding:4px}
.qb-cell b{display:block;line-height:1.9}