:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-light: #DBEAFE;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #06B6D4;--color-white: #FFFFFF;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--bg-primary: var(--color-white);--bg-secondary: var(--color-gray-50);--bg-tertiary: var(--color-gray-100);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-tertiary: var(--color-gray-400);--border-color: var(--color-gray-200);--border-radius-sm: .375rem;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:var(--font-family);font-feature-settings:normal}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column}.map-container{position:relative;flex:1;display:flex;background-color:var(--bg-secondary)}.map-wrapper{flex:1;position:relative;overflow:hidden}.map-canvas{width:100%;height:100%;border:none;outline:none}.sidebar{width:320px;background-color:var(--bg-primary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);z-index:var(--z-fixed)}.sidebar-header{padding:var(--spacing-4);border-bottom:1px solid var(--border-color);background-color:var(--bg-primary)}.sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-4)}.sidebar-footer{padding:var(--spacing-4);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.mode-toggle{display:flex;background-color:var(--bg-tertiary);border-radius:var(--border-radius);padding:var(--spacing-1);margin-bottom:var(--spacing-4)}.mode-toggle-btn{flex:1;padding:var(--spacing-2) var(--spacing-3);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.mode-toggle-btn.active{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-sm)}.mode-toggle-btn:hover:not(.active){background-color:var(--color-gray-200);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border:1px solid transparent;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;line-height:1.5;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary)}.btn-danger{background-color:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-lg)}.btn-text{background-color:transparent;color:var(--color-primary);border:none;padding:var(--spacing-1) var(--spacing-2);font-weight:500}.btn-text:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--color-primary-hover)}.btn-text-secondary{background-color:transparent;color:var(--text-secondary);border:none;padding:var(--spacing-1) var(--spacing-2);font-weight:400}.btn-text-secondary:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.btn-text-danger{background-color:transparent;color:var(--color-danger);border:none;padding:var(--spacing-1) var(--spacing-2);font-weight:500}.btn-text-danger:hover:not(:disabled){background-color:#ef44441a;color:#dc2626}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-textarea{resize:vertical;min-height:80px}.list{list-style:none;padding:0;margin:0}.list-item{padding:var(--spacing-3);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast)}.list-item:hover{background-color:var(--bg-secondary)}.list-item:last-child{border-bottom:none}.list-item.active{background-color:var(--color-primary-light);border-color:var(--color-primary)}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--spacing-4);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.card-body{padding:var(--spacing-4)}.card-footer{padding:var(--spacing-4);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-4)}.modal{background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);border-bottom:1px solid var(--border-color)}.modal-title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.modal-body{padding:var(--spacing-6)}.modal-footer{padding:var(--spacing-4) var(--spacing-6) var(--spacing-6);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-3);justify-content:flex-end}.tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:var(--color-gray-800);color:var(--color-white);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius);font-size:var(--font-size-xs);white-space:nowrap;z-index:var(--z-tooltip);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.loading{display:inline-flex;align-items:center;gap:var(--spacing-2)}.loading-spinner{width:16px;height:16px;border:2px solid var(--color-gray-300);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.sidebar{position:absolute;top:0;right:0;height:100%;transform:translate(100%);transition:transform var(--transition-normal)}.sidebar.open{transform:translate(0)}.map-container{flex-direction:column}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.transition{transition:all var(--transition-fast)}.rounded{border-radius:var(--border-radius)}.rounded-lg{border-radius:var(--border-radius-lg)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.info-window{padding:10px;max-width:300px;font-size:14px}.info-window-title{font-weight:600;margin-bottom:5px;color:#333}.info-window-content{color:#666;line-height:1.4}.poi-info-window{padding:12px;width:280px;font-family:var(--font-family);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.poi-header{display:flex;align-items:center;margin-bottom:10px}.poi-type-icon{width:32px;height:32px;margin-right:10px;object-fit:contain}.poi-title-group{flex:1}.poi-title{margin:0 0 4px;font-size:16px;font-weight:600;color:#333}.poi-type{font-size:12px;color:#666;background-color:#f0f0f0;padding:2px 6px;border-radius:4px}.poi-content{margin-bottom:12px}.poi-coordinates{font-family:Courier New,monospace;font-size:12px;color:#666;margin:0 0 8px}.poi-description{font-size:14px;line-height:1.4;color:#333;margin:8px 0 0}.poi-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #eee;padding-top:10px;margin-top:5px}.sidebar[data-v-68036ebe]{width:320px;height:100vh;background-color:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.mode-switcher[data-v-68036ebe]{display:flex;padding:var(--spacing-4);gap:var(--spacing-2);border-bottom:1px solid var(--border-color)}.mode-btn[data-v-68036ebe]{flex:1;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.mode-btn[data-v-68036ebe]:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.mode-btn.active[data-v-68036ebe]{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.content-section[data-v-68036ebe]{flex:1;display:flex;flex-direction:column;overflow:hidden}.section-header[data-v-68036ebe]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--border-color)}.section-title[data-v-68036ebe]{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.section-stats[data-v-68036ebe]{font-size:var(--font-size-sm);color:var(--text-secondary)}.create-section[data-v-68036ebe]{padding:var(--spacing-4);border-bottom:1px solid var(--border-color)}.item-list[data-v-68036ebe]{flex:1;overflow-y:auto;padding:var(--spacing-2)}.list-item[data-v-68036ebe]{margin-bottom:var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast)}.list-item[data-v-68036ebe]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.list-item.active[data-v-68036ebe]{border-color:var(--color-primary);background-color:var(--color-primary-light)}.list-item.drawing[data-v-68036ebe]{border-color:var(--color-warning);background-color:var(--color-warning-light)}.item-header[data-v-68036ebe]{display:flex;align-items:center;padding:var(--spacing-3);gap:var(--spacing-3)}.item-icon[data-v-68036ebe]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;font-weight:700;flex-shrink:0;overflow:hidden;background-color:#f0f0f0}.poi-icon-img[data-v-68036ebe]{width:24px;height:24px;object-fit:contain}.path-icon[data-v-68036ebe]{border-radius:var(--border-radius-sm)}.item-info[data-v-68036ebe]{flex:1;min-width:0}.item-title[data-v-68036ebe]{font-size:var(--font-size-base);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-preview[data-v-68036ebe]{font-size:var(--font-size-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-actions[data-v-68036ebe]{display:flex;gap:var(--spacing-1)}.action-btn[data-v-68036ebe]{width:28px;height:28px;border:none;background-color:transparent;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);transition:background-color var(--transition-fast)}.action-btn[data-v-68036ebe]:hover{background-color:var(--bg-tertiary)}.item-details[data-v-68036ebe]{padding:0 var(--spacing-3) var(--spacing-3) var(--spacing-3);border-top:1px solid var(--border-color);background-color:var(--bg-primary)}.detail-row[data-v-68036ebe]{display:flex;align-items:flex-start;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm)}.detail-row[data-v-68036ebe]:last-child{margin-bottom:0}.detail-label[data-v-68036ebe]{min-width:60px;color:var(--text-secondary);font-weight:500}.detail-value[data-v-68036ebe]{flex:1;color:var(--text-primary);word-break:break-all}.coordinate[data-v-68036ebe]{font-family:monospace;font-size:var(--font-size-xs)}.coordinate-control[data-v-68036ebe]{display:flex;align-items:center;gap:var(--spacing-1)}.coord-btn[data-v-68036ebe]{width:24px;height:24px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.coord-btn[data-v-68036ebe]:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.coord-btn[data-v-68036ebe]:active{transform:scale(.95)}.tags[data-v-68036ebe]{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.tag[data-v-68036ebe]{padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.path-style-preview[data-v-68036ebe]{margin:var(--spacing-2) 0}.style-label[data-v-68036ebe]{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-1)}.style-preview[data-v-68036ebe]{padding:var(--spacing-2);background-color:var(--bg-secondary);border-radius:var(--border-radius-sm)}.detail-actions[data-v-68036ebe]{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border-color)}.empty-state[data-v-68036ebe]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center}.empty-icon[data-v-68036ebe]{font-size:48px;margin-bottom:var(--spacing-4);opacity:.5}.empty-title[data-v-68036ebe]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-2)}.empty-text[data-v-68036ebe]{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.radius-control-section[data-v-68036ebe]{margin-bottom:var(--spacing-4);padding:var(--spacing-3);background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.control-label[data-v-68036ebe]{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-2)}.radius-control[data-v-68036ebe]{display:flex;align-items:center;gap:var(--spacing-2)}.radius-input[data-v-68036ebe]{flex:1;padding:var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);text-align:center;background-color:var(--bg-primary);color:var(--text-primary)}.radius-input[data-v-68036ebe]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.radius-unit[data-v-68036ebe]{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.toolbar[data-v-68036ebe]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.poi-toolbar[data-v-68036ebe],.path-toolbar[data-v-68036ebe]{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background-color:var(--bg-tertiary);display:flex;gap:var(--spacing-2);flex-wrap:wrap}.poi-toolbar .tool-btn[data-v-68036ebe],.path-toolbar .tool-btn[data-v-68036ebe]{flex:1;min-width:60px;font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-1)}.toolbar-section[data-v-68036ebe]{display:flex;gap:var(--spacing-2)}.tool-btn[data-v-68036ebe]{width:32px;height:32px;border:1px solid var(--border-color);background-color:var(--bg-primary);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.tool-btn[data-v-68036ebe]:hover{background-color:var(--bg-tertiary);border-color:var(--color-primary)}.tool-btn[data-v-68036ebe]:disabled{opacity:.5;cursor:not-allowed}.tool-btn.active[data-v-68036ebe]{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width: 768px){.sidebar[data-v-68036ebe]{width:280px}.mode-btn[data-v-68036ebe]{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.section-header[data-v-68036ebe],.create-section[data-v-68036ebe]{padding:var(--spacing-3)}}.coordinate-display[data-v-66df3290]{display:flex;align-items:center;gap:var(--spacing-2)}.coordinate-adjuster[data-v-66df3290]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.coordinate-input-group[data-v-66df3290]{display:flex;flex-direction:column;gap:var(--spacing-1)}.color-picker[data-v-66df3290]{display:flex;align-items:center;gap:var(--spacing-3)}.type-preview[data-v-66df3290]{display:flex;align-items:center;margin-top:8px;padding:8px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.type-icon[data-v-66df3290]{width:24px;height:24px;margin-right:8px;object-fit:contain}.type-name[data-v-66df3290]{font-size:14px;color:#495057;font-weight:500}.color-input[data-v-66df3290]{width:40px;height:40px;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer}.color-preview[data-v-66df3290]{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color)}.color-presets[data-v-66df3290]{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.color-preset[data-v-66df3290]{width:20px;height:20px;border:1px solid var(--border-color);border-radius:50%;cursor:pointer;transition:transform var(--transition-fast)}.color-preset[data-v-66df3290]:hover{transform:scale(1.1)}.advanced-settings[data-v-66df3290]{display:flex;flex-direction:column;gap:var(--spacing-3)}.setting-row[data-v-66df3290]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.setting-item[data-v-66df3290]{display:flex;flex-direction:column;gap:var(--spacing-1)}.checkbox-label[data-v-66df3290]{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm)}.checkbox-label input[type=checkbox][data-v-66df3290]{width:16px;height:16px;accent-color:var(--color-primary)}.ml-2[data-v-66df3290]{margin-left:var(--spacing-2)}.path-info[data-v-a10e052f]{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);background-color:var(--bg-secondary);border-radius:var(--border-radius)}.info-item[data-v-a10e052f]{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.info-label[data-v-a10e052f]{color:var(--text-secondary)}.info-value[data-v-a10e052f]{color:var(--text-primary);font-weight:500}.style-row[data-v-a10e052f]{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.style-item[data-v-a10e052f]{display:flex;flex-direction:column;gap:var(--spacing-2)}.color-picker[data-v-a10e052f]{display:flex;align-items:center;gap:var(--spacing-2)}.color-input[data-v-a10e052f]{width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer}.color-preview[data-v-a10e052f]{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color)}.color-presets[data-v-a10e052f]{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.color-preset[data-v-a10e052f]{width:16px;height:16px;border:1px solid var(--border-color);border-radius:50%;cursor:pointer;transition:transform var(--transition-fast)}.color-preset[data-v-a10e052f]:hover{transform:scale(1.1)}.width-control[data-v-a10e052f],.opacity-control[data-v-a10e052f]{display:flex;align-items:center;gap:var(--spacing-2)}.width-slider[data-v-a10e052f],.opacity-slider[data-v-a10e052f]{flex:1;height:4px;background:var(--color-gray-200);border-radius:2px;outline:none;cursor:pointer}.width-value[data-v-a10e052f],.opacity-value[data-v-a10e052f]{font-size:var(--font-size-xs);color:var(--text-secondary);min-width:40px;text-align:right}.checkbox-label[data-v-a10e052f]{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm)}.checkbox-label input[type=checkbox][data-v-a10e052f]{width:16px;height:16px;accent-color:var(--color-primary)}.path-preview[data-v-a10e052f]{border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-secondary);overflow:hidden}.path-points-editor[data-v-a10e052f]{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.points-header[data-v-a10e052f]{display:grid;grid-template-columns:40px 1fr 1fr 80px;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.points-list[data-v-a10e052f]{max-height:200px;overflow-y:auto}.point-row[data-v-a10e052f]{display:grid;grid-template-columns:40px 1fr 1fr 80px;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.point-row[data-v-a10e052f]:last-child{border-bottom:none}.point-row[data-v-a10e052f]:hover{background-color:var(--bg-secondary)}.point-row.highlight[data-v-a10e052f]{background-color:var(--color-primary-light)}.point-index[data-v-a10e052f]{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--text-secondary)}.point-input[data-v-a10e052f]{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.point-actions[data-v-a10e052f]{display:flex;gap:var(--spacing-1)}.drawing-tip[data-v-a10e052f]{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--color-primary-light);border-radius:var(--border-radius);border:1px solid var(--color-primary)}.tip-icon[data-v-a10e052f]{font-size:var(--font-size-lg)}.tip-content[data-v-a10e052f]{flex:1}.tip-title[data-v-a10e052f]{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.tip-text[data-v-a10e052f]{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.app[data-v-64c8a0a8]{display:flex;height:100vh;overflow:hidden}.map-container[data-v-64c8a0a8]{flex:1;position:relative;transition:margin-left var(--transition-normal)}.map-container.sidebar-collapsed[data-v-64c8a0a8]{margin-left:0}.map[data-v-64c8a0a8]{width:100%;height:100%}.coordinate-label[data-v-64c8a0a8]{position:absolute;top:var(--spacing-4);left:var(--spacing-4);z-index:1000;background-color:#fffffff2;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-2) var(--spacing-3);box-shadow:var(--shadow-sm);font-family:Courier New,monospace;font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.coordinate-info[data-v-64c8a0a8]{display:flex;align-items:center;gap:var(--spacing-2)}.coordinate-title[data-v-64c8a0a8]{color:var(--text-secondary);font-weight:500}.coordinate-value[data-v-64c8a0a8]{color:var(--text-primary);font-weight:600;letter-spacing:.5px}.path-drawing-status[data-v-64c8a0a8]{position:absolute;top:60px;left:var(--spacing-4);z-index:1000;pointer-events:auto}.status-info[data-v-64c8a0a8]{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:#fffffff2;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-title[data-v-64c8a0a8]{color:var(--text-secondary);font-weight:500}.path-name[data-v-64c8a0a8]{color:var(--color-secondary);font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finish-btn[data-v-64c8a0a8]{padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-secondary);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all .2s ease}.finish-btn[data-v-64c8a0a8]:hover{background-color:var(--color-secondary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sidebar-toggle-btn[data-v-64c8a0a8]{position:absolute;top:var(--spacing-4);left:var(--spacing-4);z-index:1000;width:40px;height:40px;border:1px solid var(--border-color);background-color:var(--bg-primary);border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.sidebar-toggle-btn[data-v-64c8a0a8]:hover{background-color:var(--bg-secondary);transform:scale(1.05)}.map-controls[data-v-64c8a0a8]{position:absolute;top:var(--spacing-4);right:var(--spacing-4);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-2)}.control-btn[data-v-64c8a0a8]{width:40px;height:40px;border:1px solid var(--border-color);background-color:var(--bg-primary);border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.control-btn[data-v-64c8a0a8]:hover{background-color:var(--bg-secondary);transform:scale(1.05)}.mode-indicator[data-v-64c8a0a8]{position:absolute;bottom:var(--spacing-4);left:var(--spacing-4);z-index:1000;display:flex;flex-direction:column;gap:var(--spacing-2)}.mode-badge[data-v-64c8a0a8]{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;color:#fff;box-shadow:var(--shadow-sm)}.mode-badge.poi[data-v-64c8a0a8]{background-color:var(--color-primary)}.mode-badge.path[data-v-64c8a0a8]{background-color:var(--color-secondary)}.mode-tip[data-v-64c8a0a8]{padding:var(--spacing-2) var(--spacing-3);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-xs);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.loading-overlay[data-v-64c8a0a8]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000}.loading-spinner[data-v-64c8a0a8]{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin-64c8a0a8 1s linear infinite;margin-bottom:var(--spacing-4)}.loading-text[data-v-64c8a0a8]{font-size:var(--font-size-base);color:var(--text-secondary)}@keyframes spin-64c8a0a8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.map-controls[data-v-64c8a0a8]{top:var(--spacing-2);right:var(--spacing-2)}.control-btn[data-v-64c8a0a8]{width:36px;height:36px;font-size:var(--font-size-sm)}.mode-indicator[data-v-64c8a0a8]{bottom:var(--spacing-2);left:var(--spacing-2)}.mode-badge[data-v-64c8a0a8]{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.sidebar-toggle-btn[data-v-64c8a0a8]{top:var(--spacing-2);left:var(--spacing-2);width:36px;height:36px;font-size:var(--font-size-base)}}