#msd-builder-container { display: flex; flex-direction: column; position: relative; max-width: 800px; margin: 0 auto; }
#msd-route-map { height: 350px; width: 100%; position: sticky; top: 0; z-index: 1000; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.msd-card { background: #fff; padding: 20px; border-radius: 12px; margin: 15px; border: 1px solid #e0e0e0; }
.msd-vehicle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 15px; }
.v-opt { cursor: pointer; text-align: center; border: 2px solid #eee; border-radius: 10px; padding: 10px; }
.v-opt input { display: none; }
.v-opt:has(input:checked) { border-color: #1a73e8; background: #e8f0fe; }
.msd-autocomplete, textarea, input[type="time"] { width: 100%; min-height: 44px; padding: 8px; margin-top: 5px; border: 1px solid #ccc; border-radius: 8px; font-size: 16px; }
.msd-footer { background: #fff; padding: 20px; text-align: center; position: sticky; bottom: 0; border-top: 2px solid #1a73e8; }
.msd-total { font-size: 22px; font-weight: bold; }