body { font-family: sans-serif; background: #f6f8fa; margin: 0; }
.container { max-width: 800px; margin: 40px auto; background: #fff; border-radius: 16px; box-shadow: 0 4px 24px #0001; padding: 36px 24px 36px 24px;}
h1 { font-size: 2em; color: #1a237e; margin-bottom: 16px;}
#map { width: 100%; height: 350px; border-radius: 12px; margin-bottom: 32px; background: #f0f4f8; }
.file-row { display: flex; align-items: center; margin-bottom: 18px; }
.file-row span { margin-left: 12px; color: #223; }
.btn { background: #3f51b5; color: #fff; border: none; border-radius: 8px; padding: 12px 24px; font-size: 1em; cursor: pointer; margin-right: 10px;}
.btn[disabled] { opacity: 0.4; cursor: not-allowed; }
.del-btn { background: #f44336; color: #fff; border: none; border-radius: 8px; padding: 6px 16px; margin-left: 10px; font-size: 0.9em;}
ul { padding-left: 24px; }
li { margin-bottom: 3px; }
.error { color: #d32f2f; margin: 10px 0; }
@media (max-width: 700px) { .container { padding: 10px 2vw; } }