.drag-drop-container{display:flex;justify-content:space-around;align-items:stretch;padding:20px;gap:20px}.source-list,.target-list{flex:1 1 48%;border:1px solid #D67503;min-height:200px;list-style-type:none;padding:10px;margin-bottom:20px;display:flex;flex-direction:column}.source-list li,.target-list li{margin:10px 0;padding:5px;border:1px solid #0170B9;background-color:#f8f8f8;cursor:move}.source-list li:hover,.target-list li:hover{background-color:#FBC781}@media (max-width:768px){.drag-drop-container{flex-direction:column}.source-list,.target-list{flex-basis:100%;margin-bottom:20px}}#drag-drop-form{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px}#drag-drop-form input[type="text"],#drag-drop-form input[type="email"]{padding:8px;border:1px solid #ccc;border-radius:4px;width:100%;max-width:300px}#drag-drop-form button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:1px;cursor:pointer;max-width:300px}#drag-drop-form button:hover{background-color:#0056b3}@media (max-width:768px){#drag-drop-form{width:100%}}#drag-drop-form button.disabled,#drag-drop-form button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;border:1px solid #999}.error-message{color:red;font-weight:700}