body{font-family:Inter,sans-serif;background-color:#f3f4f6;color:#4b5563;padding:1rem}@media (min-width: 768px){body{padding:2rem}}.grid-container[data-v-8c9ab5bb]{display:grid;background-color:#e5e7eb;background-image:linear-gradient(to right,#d1d5db 1px,transparent 1px),linear-gradient(to bottom,#d1d5db 1px,transparent 1px);position:relative;transition:background-color .3s ease}.grid-item[data-v-8c9ab5bb]{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.grid-item.dragging[data-v-8c9ab5bb]{opacity:.4;z-index:1}.grid-item.displaced[data-v-8c9ab5bb]{border:2px dashed #f56565;box-shadow:0 10px 15px -3px #0003,0 4px 6px -4px #0000001a;z-index:5}.grid-item-content[data-v-8c9ab5bb]{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.placeholder[data-v-8c9ab5bb]{z-index:10;transition:all .1s ease;box-sizing:border-box;background:#4299e180;border:2px dashed #2b6cb0}.placeholder.invalid[data-v-8c9ab5bb]{background:#e53e3e80;border:2px dashed #c53030}.ghost-drag[data-v-8c9ab5bb]{position:fixed;pointer-events:none;z-index:100;opacity:.9;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -4px #0003;border-radius:.5rem}.widget-controls[data-v-8c9ab5bb]{position:absolute;top:4px;right:4px;display:none;z-index:25;gap:4px;flex-direction:row}.grid-item:hover .widget-controls[data-v-8c9ab5bb]{display:flex}.ctrl-btn[data-v-8c9ab5bb]{background:#ffffffb3;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#374151}.ctrl-btn[data-v-8c9ab5bb]:hover{background:#fff;color:#000}