.vs-live-editor{position:fixed;right:0;top:0;bottom:0;width:390px;z-index:1040;background:#f7f9fc;color:#20344e;border-left:1px solid #b9c8db;box-shadow:-5px 0 20px #20344e20;padding:18px;overflow:auto;font:14px system-ui;box-sizing:border-box}
body.vs-live-editing{padding-right:390px}.vs-live-editor h2{font-size:21px;margin:0 0 8px}.vs-live-status{background:#e8f0fc;border-radius:8px;padding:10px;line-height:1.4}.vs-live-editor label{display:block;margin:8px 0;font-size:13px}.vs-live-editor select,.vs-live-editor input:not([type=color]),.vs-live-editor textarea{display:block;box-sizing:border-box;width:100%;padding:7px;border:1px solid #bfccda;border-radius:5px;background:white;color:#20344e;margin-top:4px}.vs-live-editor button{border:1px solid #b9c8db;background:white;color:#204b7c;border-radius:5px;padding:7px 9px;margin:3px;cursor:pointer}.vs-live-editor button:disabled{opacity:.5;cursor:default}.vs-live-editor button:focus-visible,.vs-live-editor input:focus-visible,.vs-live-editor select:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.vs-live-property{padding:6px 0;border-bottom:1px solid #dbe3ed}.vs-live-property small{display:block;color:#526980;font-size:11px;overflow-wrap:anywhere}.vs-live-property input[type=color]{width:40px;height:30px;border:0;padding:0}.vs-live-editor details{margin:12px 0;padding:10px;background:#fff;border:1px solid #dbe3ed;border-radius:7px}.vs-live-editor summary{font-weight:600;cursor:pointer}.vs-live-drop-group{border:1px dashed #a9bcd5;border-radius:6px;padding:8px;margin:8px 0;min-height:50px}.vs-live-editor .vs-live-drag-field{display:block;width:100%;text-align:left;cursor:grab;margin:4px 0}.vs-live-footer{position:sticky;bottom:-18px;background:#f7f9fc;padding:12px 0;border-top:1px solid #c5d1df;display:flex;flex-wrap:wrap}.vs-live-footer button:nth-child(2){background:#245dcc;color:white}.vs-live-pickable{cursor:crosshair!important}.vs-live-selected{outline:3px solid #2563eb!important;outline-offset:2px}.vs-live-pickable:hover{outline:2px dashed #7899c8}
@media(max-width:850px){.vs-live-editor{width:320px}body.vs-live-editing{padding-right:320px}}
.vs-live-pickable{position:relative;padding-top:20px!important}.vs-live-pickable>[data-live-drag-handle]{position:absolute;top:0;right:0;border:1px solid #7e9dc2;border-radius:4px;background:#e8f1ff;color:#164278;cursor:grab;touch-action:none;user-select:none;line-height:18px;min-width:28px;z-index:2}.vs-live-drag-field{touch-action:none;user-select:none}.vs-live-drop-active{outline:3px dashed #16a36b!important;background-color:#e8fff2!important}
.vs-live-history{position:sticky;top:-18px;z-index:5;background:#f7f9fc;padding:8px 0;border-bottom:1px solid #ccd8e6}.vs-live-history button{font-weight:700}