/* Visual editor UI — only visible in edit mode */
#veBar{position:fixed;z-index:999999;top:14px;left:50%;transform:translateX(-50%);display:none;direction:rtl;
background:rgba(14,14,16,.96);border:1px solid rgba(214,173,88,.35);box-shadow:0 18px 55px rgba(0,0,0,.45);
border-radius:16px;padding:9px 11px;gap:7px;align-items:center;font-family:Arial,sans-serif;color:#fff}
body.ve-on #veBar{display:flex}
#veBar button,#veBar select,#veBar input{height:34px;border:1px solid rgba(255,255,255,.14);background:#202024;color:#fff;border-radius:9px;padding:0 10px}
#veBar button{cursor:pointer}#veBar button:hover{border-color:#d8ae59}
#veBar input[type=color]{width:40px;padding:3px}
#veBar .ve-sep{width:1px;height:23px;background:rgba(255,255,255,.15)}
#veToggle{position:fixed;z-index:999999;left:18px;bottom:18px;border:1px solid rgba(214,173,88,.45);background:#111;color:#e3bd6b;
border-radius:999px;padding:11px 17px;font:700 14px Arial;cursor:pointer;box-shadow:0 12px 35px rgba(0,0,0,.35)}
body.ve-on [data-ve-edit]{outline:1px dashed rgba(222,180,91,.28);outline-offset:3px;cursor:text}
body.ve-on [data-ve-edit]:hover{outline-color:rgba(222,180,91,.8)}
body.ve-on img{cursor:pointer}
body.ve-on img:hover{outline:2px solid rgba(222,180,91,.75);outline-offset:3px}
.ve-selected{outline:2px solid #ddb45c!important;outline-offset:4px!important}
#veHint{position:fixed;z-index:999998;bottom:20px;right:20px;display:none;background:rgba(10,10,12,.92);color:#ddd;padding:10px 14px;border-radius:10px;font:13px Arial}
body.ve-on #veHint{display:block}
@media(max-width:900px){#veBar{max-width:94vw;overflow:auto;justify-content:flex-start}#veBar .ve-label{display:none}}