.marker-type-switcher{display:flex;gap:6px;margin-bottom:16px;padding:4px;background:rgb(0 0 0 / .2);border-radius:12px}.marker-type-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:#fff0;border:none;border-radius:8px;color:rgb(255 255 255 / .6);font-size:12px;font-weight:600;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;position:relative}.marker-type-tab i{font-size:14px;flex-shrink:0}.marker-type-tab span{transition:opacity 0.2s ease}.marker-type-switcher:has(.marker-type-tab:nth-child(4)) .marker-type-tab span{display:none}.marker-type-switcher:has(.marker-type-tab:nth-child(4)) .marker-type-tab{padding:10px;min-width:40px}.marker-type-tab:hover{background:rgb(255 255 255 / .05);color:rgb(255 255 255 / .8)}.marker-type-tab.active{background:rgb(255 255 255 / .12);color:#fff}.marker-type-tab.active i{color:var(--accent-color)}.marker-type-switcher:has(.marker-type-tab:nth-child(4)) .marker-type-tab::after{content:attr(title);position:absolute;bottom:-32px;left:50%;transform:translateX(-50%) scale(.9);padding:4px 8px;background:rgb(0 0 0 / .9);color:#fff;font-size:11px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease;z-index:1000}.marker-type-switcher:has(.marker-type-tab:nth-child(4)) .marker-type-tab:hover::after{opacity:1;transform:translateX(-50%) scale(1)}