.planner.svelte-gn353s{grid-template-columns:minmax(0,1fr);grid-template-areas:"controls""map""route";align-items:start;gap:20px;display:grid}@media (width>=900px){.planner.svelte-gn353s{grid-template-columns:300px minmax(0,1fr);grid-template-areas:"controls map""controls route"}.map-area.svelte-gn353s .leaflet-host{height:calc(100vh - var(--header-height) - 120px)}}@media (width>=1400px){.planner.svelte-gn353s{grid-template-columns:300px minmax(0,1fr) 360px;grid-template-areas:"controls map route"}.map-area.svelte-gn353s{position:sticky;top:16px}}form.svelte-gn353s{flex-direction:column;grid-area:controls;gap:12px;min-width:0;display:flex}.map-area.svelte-gn353s{grid-area:map;min-width:0}select.svelte-gn353s{width:100%}input[type=number].svelte-gn353s{width:6em}.row.svelte-gn353s{flex-wrap:wrap;gap:16px;display:flex}.kinds.svelte-gn353s{flex-direction:column;gap:2px;max-height:min(50vh,420px);display:flex;overflow-y:auto}.kinds.svelte-gn353s label:where(.svelte-gn353s){font-size:14px}.kind.svelte-gn353s{justify-content:space-between;align-items:center;gap:8px;display:flex}.kind.svelte-gn353s input.worth:where(.svelte-gn353s){text-align:right;width:4em;padding:1px 4px}section.svelte-gn353s{grid-area:route;min-width:0}.steps.svelte-gn353s{margin:0 0 8px;padding-left:1.6em}.step.svelte-gn353s{justify-content:space-between;gap:12px;display:flex}.time.svelte-gn353s{color:var(--muted);font-variant-numeric:tabular-nums}.hint.svelte-gn353s{margin:0 0 8px;font-size:14px}