body{
font-family: Arial, Helvetica, sans-serif;
}

.fds-wrapper{
max-width:1400px;
margin:auto;
background:#ffffff;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
padding:20px;
display:grid;
grid-template-columns:360px 1fr;
gap:20px;
}

.fds-form{
display:flex;
flex-direction:column;
gap:10px;
}

#map{
width:100%;
height:520px;
border-radius:10px;
}

.fds-info{
background:#f6f6f6;
padding:12px;
border-radius:8px;
font-size:15px;
}

.fds-button{
background:#000;
color:#fff;
border:none;
padding:14px;
width:100%;
border-radius:10px;
font-size:16px;
font-weight:600;
cursor:pointer;
}

.fds-reset{
background:#e53935;
color:#fff;
border:none;
padding:12px;
width:100%;
border-radius:10px;
font-size:14px;
cursor:pointer;
}

.fds-locate{
background:#06c167;
color:#fff;
border:none;
padding:12px 14px;
border-radius:8px;
font-size:13px;
cursor:pointer;
white-space:nowrap;
}

@media(max-width:900px){
.fds-wrapper{
grid-template-columns:1fr;
}
#map{
height:350px;
}
}

#fds-mode-switch{display:flex;gap:10px;margin-bottom:15px}
.fds-btn{padding:10px 15px;border:none;cursor:pointer;background:#ddd;border-radius:10px}
.fds-btn.active{background:#000;color:#fff}
#fds-transfer-fields{display:flex;flex-direction:column;gap:10px}

#fds-transfer-fields label{display:block;margin:6px 0 2px;font-weight:600;color:#333;font-size:14px}