.map-layout{display:flex;height:calc(100vh - var(--header-height, 64px))}@media (max-width:768px){.map-layout{height:calc(100vh - var(--header-height-mobile, 56px))}}.filter-panel{width:280px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--color-border,#e0e0e0);background:var(--color-surface,#ffffff);transition:width .2s ease}.filter-panel--collapsed{width:0;overflow:hidden;border-right:none}.filter-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3,.75rem) var(--space-4,1rem);border-bottom:1px solid var(--color-border,#e0e0e0)}.filter-panel__header h2{margin:0;font-size:var(--font-size-h3,1.25rem);font-weight:var(--font-weight-medium,600)}.filter-panel__section{padding:var(--space-3,.75rem) var(--space-4,1rem);border-bottom:1px solid var(--color-border,#e0e0e0)}.filter-panel__section-title{margin:0 0 var(--space-2,.5rem);font-size:var(--font-size-small,.875rem);font-weight:var(--font-weight-medium,600);text-transform:uppercase;letter-spacing:.05em}.filter-panel .kern-label,.filter-panel__section-title{color:var(--color-text,#333333)}.route-filter__search{position:relative;margin-bottom:var(--space-2,.5rem)}.route-filter__search-input{width:100%;padding:var(--space-2,.5rem) var(--space-2,.5rem) var(--space-2,.5rem) var(--space-8,2rem);border:1px solid var(--color-border,#e0e0e0);border-radius:4px;font-size:var(--font-size-small,.875rem);background:var(--color-background,#ffffff)}.route-filter__search-input:focus{outline:2px solid var(--color-primary,#ff8200);outline-offset:-2px;border-color:var(--color-primary,#ff8200)}.route-filter__search-icon{position:absolute;left:var(--space-2,.5rem);top:50%;transform:translateY(-50%);color:var(--color-text-light,#666666);pointer-events:none}.route-filter__select-all{border-bottom:1px solid var(--color-border,#e0e0e0);margin-bottom:var(--space-2,.5rem)}.route-filter__count{font-size:var(--font-size-caption,.75rem);color:var(--color-text-light,#666666);margin-left:auto}.route-chips{display:flex;flex-wrap:wrap}.route-chip,.route-chips{gap:var(--space-1,.25rem)}.route-chip{display:inline-flex;align-items:center;min-width:48px;padding:var(--space-1,.25rem) var(--space-2,.5rem);border:1px solid var(--color-border,#e0e0e0);border-radius:16px;font-size:var(--font-size-small,.875rem);cursor:pointer;transition:background .15s ease,color .15s ease;background:var(--color-background-alt,#f5f5f5);color:var(--color-text-light,#666666)}.route-chip--active{color:var(--color-text-inverse,#ffffff);border-color:transparent}.route-chip:hover{opacity:.85}.route-chip:focus-visible{outline:2px solid var(--color-primary,#ff8200);outline-offset:2px}.route-chip__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.layer-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2,.5rem) 0}.layer-toggle+.layer-toggle{border-top:1px solid var(--color-border,#e0e0e0)}.layer-toggle__label{font-size:var(--font-size-body,1rem);color:var(--color-text,#333333)}.layer-toggle__switch{position:relative;width:44px;height:24px;background:var(--color-border,#ccc);border:none;border-radius:12px;cursor:pointer;transition:background .2s ease;padding:0}.layer-toggle__switch[aria-checked=true]{background:var(--color-primary,#ff8200)}.layer-toggle__switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#ffffff;border-radius:50%;transition:transform .2s ease}.layer-toggle__switch[aria-checked=true]:after{transform:translateX(20px)}.layer-toggle__switch:disabled{opacity:.5;cursor:not-allowed}.layer-toggle__switch:focus-visible{outline:2px solid var(--color-primary,#ff8200);outline-offset:2px}.filter-panel-toggle{position:absolute;top:var(--space-3,.75rem);left:var(--space-3,.75rem);z-index:5;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface,#ffffff);border:1px solid var(--color-border,#e0e0e0);border-radius:8px;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.1);transition:background .15s ease}.filter-panel-toggle:hover{background:var(--color-background-alt,#f5f5f5)}.filter-panel-toggle:focus-visible{outline:2px solid var(--color-primary,#ff8200);outline-offset:2px}.filter-panel-toggle--active{background:var(--color-primary,#ff8200);color:var(--color-primary-contrast,#000000);border-color:var(--color-primary,#ff8200)}.filter-panel-toggle--active:hover{background:var(--color-primary-dark,#cc6800)}@media (max-width:768px){.filter-panel{position:absolute;z-index:10;top:0;left:0;height:100%;box-shadow:2px 0 8px rgba(0,0,0,.15)}}