.planner{height:calc(100dvh - var(--header-h));grid-template-columns:minmax(340px,480px) 1fr;display:grid}.planner-side{border-right:1px solid var(--border);background:var(--surface);padding:16px;overflow-y:auto}.route-map{height:100%;min-height:300px}.planner-map{min-width:0;position:relative;overflow:hidden}.trip-header{align-items:end;gap:8px;display:flex}.trip-header label,.trip-name,.trip-settings label{color:var(--muted);flex:1;gap:2px;font-size:.85rem;display:grid}.trip-header select,.trip-name input,.trip-settings select,.share input{border:1px solid var(--border);font:inherit;background:var(--bg);color:var(--text);border-radius:6px;padding:8px}.trip-name{margin:12px 0}.trip-ends,.trip-settings{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.trip-tools,.trip-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.estimate-note{margin-top:-.4em;font-size:.85rem}.tl-stop{cursor:grab}.tl-stop.dragging{opacity:.5}.day-break{flex-wrap:wrap;gap:6px;display:flex}.stop-buttons{display:flex}.total{font-weight:600}.share{gap:4px;margin-bottom:12px;display:grid}.trip-delete{margin-top:24px;font-size:.9rem}.add-villages{border-block:1px solid var(--border);margin:16px 0 20px;padding:8px 0 12px}.add-villages:focus{outline:none}.add-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.add-head h2{margin:.4em 0}.add-villages h3{margin:14px 0 4px;font-size:1rem}.add-villages .search{border:1px solid var(--border);width:100%;font:inherit;background:var(--bg);color:var(--text);border-radius:8px;padding:10px 12px}.add-options{max-height:380px;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.add-option{align-items:center;gap:4px;display:flex}.add-option-link{min-width:0;color:var(--text);border-radius:8px;flex:1;grid-template-columns:48px minmax(0,1fr);align-items:center;column-gap:10px;padding:6px;text-decoration:none;display:grid}.add-option-link:hover,.add-option-link:focus-visible{background:var(--bg)}.add-option-link:hover .add-option-name{text-decoration:underline}.add-thumb{object-fit:cover;border-radius:6px;width:48px;height:48px}.add-option-text{min-width:0;display:grid}.add-option-text>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.add-option-name{font-weight:600}.add-option-cost{color:var(--accent-strong);font-size:.85rem}.add-fab,.sheet-close{display:none}.pick-popup .maplibregl-popup-content{border-radius:var(--radius);background:var(--surface);color:var(--text);padding:0;overflow:hidden}.pick-popup .maplibregl-popup-close-button.icon-button{z-index:1;background:var(--fill) padding-box;border:2px solid #0000;position:absolute;top:2px;right:2px}.pick-thumb{object-fit:cover;width:100%;height:100px;display:block}.pick-body{font:.95rem var(--font-body);justify-items:start;gap:4px;padding:8px 12px 12px;display:grid}.pick-name{color:var(--text);font-size:1.05rem;font-weight:600}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:none}}@media (width<=767px){.planner{grid-template-columns:1fr;height:auto}.planner-map{order:-1;height:40dvh;min-height:240px}.planner .route-map{min-height:240px}.planner-side{border-right:0;padding-bottom:80px;overflow:visible}.add-fab{z-index:30;box-shadow:var(--shadow);border-radius:999px;padding:10px 20px;display:inline-flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.add-villages{z-index:40;background:var(--surface);max-height:80dvh;box-shadow:var(--shadow);border:0;border-radius:16px 16px 0 0;margin:0;padding:8px 16px 24px;display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.add-villages.open{animation:.2s ease-out sheet-in;display:block}.sheet-close{place-items:center;display:inline-grid}.add-options{max-height:none;overflow:visible}.trip-ends,.trip-settings{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.add-villages.open{animation:none}}@media print{.planner{height:auto;display:block}.planner-side{border:0;padding:0;overflow:visible}.planner .route-map{break-inside:avoid;height:420px}.day{break-inside:avoid-page}.tl-node{break-inside:avoid}}