html{background:#EEF0F4;}
body{margin:0;padding:24px 0 48px;}
.page{margin:0 auto 24px auto;box-shadow:0 1px 2px rgba(16,24,40,.06),0 8px 24px rgba(16,24,40,.08);transition:box-shadow .2s}
.page:last-child{margin-bottom:0}
.page *{pointer-events:auto!important}
body.bx-dragging,body.bx-dragging *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}
body.bx-marq *{user-select:none!important;-webkit-user-select:none!important}
.page.bx-droptarget{box-shadow:0 0 0 3px #13A9E0,0 10px 30px rgba(19,169,224,.3)}
[contenteditable="true"]{outline:none!important;cursor:text;caret-color:#13A9E0;-webkit-user-select:text!important;user-select:text!important}
[contenteditable="true"] *{-webkit-user-select:text!important;user-select:text!important}
.bx-touch-sel{outline:none!important}
.bxp-hl{animation:bxpulse 1.6s ease-out 2}
@keyframes bxpulse{0%{box-shadow:0 0 0 0 rgba(201,162,39,.9)}100%{box-shadow:0 0 0 12px rgba(201,162,39,0)}}
#bx-ov{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:2147483000}
#bx-ov>*{position:absolute;left:0;top:0;will-change:transform}
#bx-ov .hov{border:1.5px solid rgba(19,169,224,.55);border-radius:3px;transition:opacity .12s}
#bx-ov .sel{border:2px solid #13A9E0;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.85);animation:bxin .16s cubic-bezier(.2,.8,.2,1)}
#bx-ov .sel.edit{border-width:2px;border-color:#13A9E0;box-shadow:0 0 0 3px rgba(19,169,224,.18)}
#bx-ov .sel.multi{border-style:solid;border-color:#1B2466}
#bx-ov .sel.lift{box-shadow:0 0 0 1px rgba(255,255,255,.85),0 16px 34px rgba(13,19,51,.25);transition:box-shadow .15s}
#bx-ov .sel.dropped{animation:bxdrop .32s cubic-bezier(.2,.8,.2,1)}
#bx-ov .grp{border:1.5px dashed #1B2466;border-radius:4px}
@keyframes bxin{from{opacity:0;transform-origin:center}}
@keyframes bxdrop{0%{box-shadow:0 0 0 0 rgba(19,169,224,.6)}100%{box-shadow:0 0 0 14px rgba(19,169,224,0)}}
#bx-ov .hd{width:12px;height:12px;margin:-6px 0 0 -6px;background:#fff;border:2px solid #13A9E0;border-radius:50%;pointer-events:auto;touch-action:none;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:width .1s,height .1s,margin .1s}
#bx-ov .hd:hover{width:15px;height:15px;margin:-7.5px 0 0 -7.5px;background:#13A9E0}
#bx-ov .hd.bar{border-radius:6px}
#bx-ov .mv{width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#13A9E0;color:#fff;display:grid;place-items:center;pointer-events:auto;touch-action:none;box-shadow:0 4px 12px rgba(13,19,51,.3);font:700 16px system-ui;animation:bxin .2s}
#bx-ov .tag{transform-origin:0 100%;background:#13A9E0;color:#fff;font:600 11px/1.6 system-ui,sans-serif;padding:1px 7px;border-radius:5px;white-space:nowrap;direction:rtl}
#bx-ov .gl{background:#E0399A;transition:opacity .1s}
#bx-ov .gl.dist{background:transparent;border:0 dashed #E0399A}
#bx-ov .marq{border:1px solid #13A9E0;background:rgba(19,169,224,.1);border-radius:2px}
#bx-ov .ovf{background:rgba(224,57,90,.12);border-top:2px dashed #E0395A;color:#B0203F;font:700 12px/1.8 system-ui,sans-serif;text-align:center}
#bx-ov .drop{border:2px dashed #13A9E0;border-radius:6px;background:rgba(19,169,224,.08)}
.bx-touch-sel{touch-action:none}
.bx-svgedit{position:absolute;z-index:2147483001;font:600 14px Plex,sans-serif;border:2px solid #13A9E0;border-radius:6px;padding:2px 6px;background:#fff;direction:rtl;outline:none;box-shadow:0 6px 18px rgba(0,0,0,.2)}

/* v3: one-finger drag on items, two fingers scroll/zoom (handled in the editor) */
html,body{touch-action:none}
.page,.page *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
[contenteditable="true"],[contenteditable="true"] *{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default}
#bx-ov .ghost{border:1.5px dashed rgba(19,169,224,.75);background:rgba(19,169,224,.07);border-radius:4px}
.page .bx-preview{opacity:.88;outline:2px dashed #13A9E0;outline-offset:3px;pointer-events:none!important;filter:drop-shadow(0 10px 18px rgba(13,19,51,.22))}
body.bx-dragging .page.bx-droptarget{box-shadow:0 0 0 3px #13A9E0,0 10px 30px rgba(19,169,224,.3)}
html{scrollbar-width:thin;scrollbar-color:rgba(13,19,51,.28) transparent}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(13,19,51,.22);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:rgba(13,19,51,.4);background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:transparent}