.point-map-dialog { width:min(1100px,calc(100vw - 36px)); max-width:none; max-height:calc(100dvh - 36px); padding:24px; border:0; background:var(--paper,#fff); color:var(--ink); overflow:auto; }
.point-map-dialog::backdrop { background:rgb(0 0 0 / .45); }
.point-map-header { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.point-map-header h2 { margin:0; font-size:var(--fs-20); font-weight:300; }
.point-map-header button { flex:0 0 44px; }
.point-map-dialog input { margin-top:16px; }
.point-map-dialog input { width:100%; min-height:56px; padding:12px; font-size:var(--fs-15); border:1px solid var(--line,#e5e5e5); border-radius:0; background:#fff; }
.point-map-status { position:absolute; inset-inline:8px; top:8px; z-index:3; max-height:4.5em; overflow:auto; padding:8px 12px; margin:0; background:#fff; font-size:var(--fs-15); line-height:1.5; }
.point-map-status:empty { display:none; }
.point-map-layout { position:relative; margin-top:16px; display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.point-map-canvas { height:380px; min-width:0; background:var(--panel); }
.point-map-selection { display:grid; grid-template-columns:minmax(0,1fr); align-items:center; gap:16px; margin-top:16px; }
.point-map-selection .button { min-height:56px; font-size:var(--fs-15); }
@media(max-width:720px) { .point-map-dialog { padding:16px; width:calc(100vw - 24px); max-height:calc(100dvh - 24px); } .point-map-layout { grid-template-columns:1fr; gap:12px; } .point-map-canvas { height:clamp(190px,30dvh,300px); } .point-map-selection { grid-template-columns:1fr; gap:8px; } }