.form-layout-grid{display:flex;flex-direction:column;gap:1.5rem}.form-row{min-height:80px}.form-field-slot{min-height:60px;display:flex;flex-direction:column;justify-content:flex-start}.dragging{opacity:.5;transform:rotate(5deg)}.drag-overlay{box-shadow:0 10px 25px rgba(0,0,0,.15);border-radius:8px}.drop-zone{border:2px dashed #3b82f6;background-color:rgba(59,130,246,.05);border-radius:8px;min-height:100px;display:flex;align-items:center;justify-content:center;color:#3b82f6;font-weight:500;transition:all .2s ease}.drop-zone.active{background-color:rgba(59,130,246,.1);border-color:#1d4ed8}.drop-zone-text{font-size:.875rem;text-align:center;padding:1rem}.draggable-group:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.draggable-field:hover{background-color:rgba(249,250,251,.5);border-radius:4px}.group-row{display:flex;flex-direction:column;gap:1.5rem}.group-row.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.gap-6{gap:1.5rem}.grid-layout-container{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;padding:1rem 0}@media (max-width:768px){.group-row.grid{display:flex;flex-direction:column}.form-row,.group-row.grid{grid-template-columns:1fr!important}.form-field-slot{margin-bottom:1rem}}@media (min-width:769px) and (max-width:1024px){.grid-cols-1.lg\:grid-cols-2,.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.grid-cols-1.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.snap-indicator{position:absolute;background-color:#3b82f6;opacity:.3;transition:all .2s ease}.snap-indicator.horizontal{height:2px;left:0;right:0}.snap-indicator.vertical{width:2px;top:0;bottom:0}.draggable-field:focus,.draggable-group:focus{outline:2px solid #3b82f6;outline-offset:2px}.transition-transform{transition:transform .2s ease}.transition-shadow{transition:box-shadow .2s ease}