.tracking-demo-container{container:tracking-demo / inline-size}.tracking-demo{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.5fr);grid-template-areas:"controls map";font-size:14px;line-height:1.45;color:hsl(var(--foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--studio-radius);overflow:hidden}.tracking-demo__controls{grid-area:controls;min-width:0;border-right:1px solid hsl(var(--border));display:flex;flex-direction:column}.tracking-demo__toolbar{display:grid;gap:14px;padding:20px;border-bottom:1px solid hsl(var(--border))}.tracking-demo__toolbar h4{font-size:18px;margin:0;font-weight:600}.tracking-demo__toolbar label{display:grid;gap:8px;font-size:13px;color:hsl(var(--muted-foreground))}.tracking-demo__toolbar input{font-size:14px;min-height:40px}.tracking-demo__filters{display:flex;flex-wrap:wrap;gap:6px}.tracking-demo__filters [data-slot=button]{font-size:12px;min-height:36px;padding:6px 10px;height:auto}.tracking-demo__list{max-height:330px;overflow:auto;overscroll-behavior-y:auto;scrollbar-width:thin;padding:8px}.tracking-demo__row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:12px;border-radius:8px;border:1px solid transparent;background:transparent;font-size:14px;line-height:1.4}.tracking-demo__row:hover,.tracking-demo__row[aria-pressed=true]{background:hsl(var(--muted));border-color:hsl(var(--border))}.tracking-demo__row:focus-visible{outline:2px solid var(--fresh-line-blue);outline-offset:-2px}.tracking-demo__row>span{display:grid;gap:4px}.tracking-demo__row>span:last-child{text-align:right;flex-shrink:0}.tracking-demo__row small,.tracking-demo__selection span{font-size:12px;color:hsl(var(--muted-foreground))}.tracking-demo__row strong{font-weight:600}.tracking-demo__empty{padding:24px 12px;color:hsl(var(--muted-foreground))}.tracking-demo__map-panel{grid-area:map;min-width:0;display:flex;flex-direction:column}.tracking-demo__map{position:relative;min-height:340px;flex:1;background:hsl(var(--muted));overflow:hidden}.tracking-demo__map svg{position:absolute;inset:0;width:100%;height:100%;display:block}.tracking-demo__basemap--dark,html.dark .tracking-demo__basemap--light{display:none}html.dark .tracking-demo__basemap--dark{display:block}.tracking-demo__selection{padding:20px;display:grid;gap:6px;border-top:1px solid hsl(var(--border));background:hsl(var(--card))}.tracking-demo__selection strong{font-size:18px}.tracking-demo__attribution{position:absolute;right:4px;bottom:4px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;font-size:9px;padding:3px 5px;background:hsl(var(--card)/.92);color:hsl(var(--foreground))}.tracking-demo__alerts{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.tracking-demo__alerts [role=switch]{min-height:24px}.tracking-demo__save{padding:12px 20px;margin-top:auto;border-top:1px solid hsl(var(--border))}.tracking-demo__save [data-slot=button]{font-size:13px;height:auto;min-height:36px}@container tracking-demo (max-width:760px){.tracking-demo{grid-template-columns:minmax(0,1fr);grid-template-areas:"map" "controls"}.tracking-demo__controls{border-right:0;border-top:1px solid hsl(var(--border))}.tracking-demo__map{height:290px;min-height:290px;flex:none}.tracking-demo__selection,.tracking-demo__toolbar{padding:16px}.tracking-demo__list{max-height:260px}.tracking-demo__toolbar input{font-size:16px}}