.container { max-width: 900px; margin: 3rem auto; padding: 2rem; background: var(--surface); border-radius:18px; }
.map-title { font-size:2.2rem; font-weight:700; background: var(--gradient-2); -webkit-background-clip:text; color:transparent; margin-bottom:2rem; }
#map-container { position:relative; }
.palette-panel { display:flex; align-items:center; gap:1rem; margin:1rem 0 2rem; }
.palette-panel label { color: var(--text-secondary);}
#colorPicker { width:32px; height:32px; border:none; border-radius:8px; background: var(--surface-2);}
#reset-btn, #capture-btn, #loc-btn { padding:0.5rem 1.1rem; border:none; background:var(--gradient-2); color:white; border-radius: 8px; font-weight:600; margin-left:0.3rem;}
#reset-btn:hover, #capture-btn:hover, #loc-btn:hover { background:var(--gradient-1); }
.points-list { margin:2rem 0 0; }
.pt-row { display:flex; align-items:center; gap:0.8rem; margin-bottom:8px; }
.pt-no { display:inline-block; width:28px; height:28px; border-radius:8px; text-align:center; line-height:28px; color:#fff; font-weight:600; margin-right:6px;}
.pt-coord { font-family:monospace; color:var(--text-muted);}
.del-btn { background:var(--secondary); color:white; border:none; border-radius:7px; padding:0.2rem 0.7rem; cursor:pointer; font-size:0.97rem; }
.del-btn:hover { background:var(--primary);}