.map-layer-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid var(--border-primary,#0000001a);border-top:1px solid var(--border-primary,#0000001a);border-right:1px solid var(--border-primary,#0000001a);border-bottom:1px solid var(--border-primary,#0000001a);z-index:1000;pointer-events:auto;background:#ffffff80;border-radius:8px;flex-direction:column;width:280px;max-width:85vw;max-height:calc(100vh - 24px);transition:width .3s ease-out;display:flex;position:absolute;top:12px;bottom:auto;right:12px;overflow:hidden;box-shadow:0 2px 8px #00000026}[data-theme=dark] .map-layer-panel,.dark .map-layer-panel{border-color:var(--border-primary,#ffffff1a);background:#1e1e1e80}.map-layer-panel.closed{background:#ffffff59;border-radius:8px;width:50px}[data-theme=dark] .map-layer-panel.closed,.dark .map-layer-panel.closed{background:#1e1e1e59}.map-layer-panel-header{border-bottom:1px solid var(--border-primary,#0000001a);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff9;flex-shrink:0;justify-content:space-between;align-items:center;min-height:36px;padding:6px 8px;display:flex}[data-theme=dark] .map-layer-panel-header,.dark .map-layer-panel-header{background:#1e1e1e99}.map-layer-panel-toggle{width:32px;height:32px;color:var(--text-primary,#1f2937);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.2rem;transition:all .2s;display:flex}.map-layer-panel-toggle:hover{background:#0000000d}[data-theme=dark] .map-layer-panel-toggle:hover,.dark .map-layer-panel-toggle:hover{background:#ffffff1a}.map-layer-panel-title{color:var(--text-primary,#1f2937);flex:1;margin-left:8px;font-size:.9rem;font-weight:600}.map-layer-panel-close{width:32px;height:32px;color:var(--text-primary,#1f2937);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:-8px;padding:0;font-size:1.2rem;transition:background .2s;display:flex}.map-layer-panel-close:hover{background:#0000001a}[data-theme=dark] .map-layer-panel-close:hover,.dark .map-layer-panel-close:hover{background:#ffffff1a}.map-layer-panel-icons{flex-direction:column;flex:1;align-items:center;gap:8px;min-height:0;padding:8px 0;display:flex;overflow:hidden auto}.map-layer-icon-button{cursor:pointer;opacity:.7;width:36px;height:36px;color:var(--text-primary,#1f2937);background:0 0;border:2px solid #00000026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.2rem;line-height:1;transition:all .2s,transform .15s;display:flex}.map-layer-icon-button:hover{opacity:1;border-color:#0000004d;transform:scale(1.1)}.map-layer-icon-button.selected{color:#fff;opacity:1;background:#ad35fa;border-color:#ad35fa;box-shadow:0 2px 8px #ad35fa66}.map-layer-icon-button.selected:hover{background:#9d25ea;border-color:#9d25ea}[data-theme=dark] .map-layer-icon-button,.dark .map-layer-icon-button{color:#fffc;border-color:#ffffff26}[data-theme=dark] .map-layer-icon-button:hover,.dark .map-layer-icon-button:hover{border-color:#ffffff4d}[data-theme=dark] .map-layer-icon-button.selected,.dark .map-layer-icon-button.selected{color:#fff;background:#ad35fa;border-color:#ad35fa}.map-layer-panel-content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:8px;overflow:hidden auto}.map-layer-section{margin-bottom:16px}.map-layer-section:last-child{margin-bottom:0}.map-layer-section-title{opacity:.8;text-transform:capitalize;color:var(--text-primary,#1f2937);margin-bottom:8px;font-size:.85rem;font-weight:600}.map-layer-item{cursor:pointer;text-align:left;width:100%;color:var(--text-primary,#1f2937);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;font-size:.9rem;transition:background-color .15s;display:flex}.map-layer-item:hover{background:#0000000d}[data-theme=dark] .map-layer-item:hover,.dark .map-layer-item:hover{background:#ffffff0d}.map-layer-item.selected{background:#ad35fa1a;font-weight:500}.map-layer-icon{flex-shrink:0;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.2rem;line-height:1}.map-layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.map-layer-check{color:#ad35fa;flex-shrink:0;margin-left:auto;font-weight:700}@media (max-width:768px){.map-layer-panel{width:240px;max-width:90vw}.map-layer-panel.closed{width:44px}}