#looview { display:flex; flex-direction:column; gap:12px; }
.looview-map-tools { display:flex; gap:8px; flex-wrap:wrap; }
.looview-map { width:100%; min-height:360px; height:55vh; border:1px solid #ddd; border-radius:8px; }
.looview-panel { display:flex; flex-direction:column; gap:12px; }
.looview-list .lv-card { border:1px solid #eee; border-radius:10px; padding:12px; margin-bottom:10px; background:#fff; }
.lv-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.lv-sub { color:#666; font-size:12px; margin-top:3px; }
.lv-review { border-top:1px dashed #eee; padding-top:8px; margin-top:8px; font-size:14px; }
.lv-photo img { max-width:100%; height:auto; border-radius:6px; margin:.35rem 0; }
.lv-actions button { margin-right:6px; }
.looview-form form { display:grid; gap:10px; }
.lv-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.lv-row { display:flex; gap:8px; flex-wrap:wrap; }
.looview-form input, .looview-form select, .looview-form textarea { width:100%; padding:9px; border:1px solid #ccc; border-radius:6px; }
.lv-small { color:#777; font-size:12px; }
@media (max-width:640px){
  .looview-map { min-height:300px; height:50vh; }
  .lv-grid { grid-template-columns:1fr; }
}