/* Lenci · Locations page (/locations). The shell is places.css; here: the preset plates, the horizon preview with its figure, the result card. */
.pl-presets { grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); }
.loc-horizon { gap: 6px; }
.loc-hz { position: relative; height: 92px; border-radius: 12px; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(180deg, #8fb3e6 0 60%, #cdbfa9 60%); }
.loc-hz-line { position: absolute; left: 0; right: 0; top: 60%; height: 1px; background: rgba(255,255,255,.55); box-shadow: 0 0 8px rgba(255,255,255,.5); }
.loc-hz-figure { position: absolute; left: 50%; bottom: 40%; width: 14px; height: 38px; transform: translateX(-50%); background: rgba(10,10,15,.72); border-radius: 7px 7px 3px 3px; }
.loc-hz-figure::before { content: ""; position: absolute; left: 50%; top: -9px; width: 10px; height: 10px; border-radius: 50%; background: rgba(10,10,15,.72); transform: translateX(-50%); }
.loc-result-media { position: relative; border-radius: 14px; overflow: hidden; border: 1px solid var(--line); background: var(--panel-2); }
.loc-result-media img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.loc-result-hz, .loc-card-hz { position: absolute; left: 0; right: 0; height: 1px; background: rgba(255,255,255,.45); pointer-events: none; }
.loc-card-range { display: grid; gap: 4px; }
.loc-card-range .pl-label { font-size: 10px; }
.loc-item .pl-item-media img { aspect-ratio: 1; }