@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--md-sys-color-primary: rgb(239, 68, 68);--md-sys-color-on-primary: rgb(255, 255, 255);--md-sys-color-primary-container: rgb(254, 226, 226);--md-sys-color-on-primary-container: rgb(127, 29, 29);--md-sys-color-surface: rgb(254, 254, 254);--md-sys-color-on-surface: rgb(26, 28, 30);--md-sys-color-surface-variant: rgb(254, 242, 242);--md-sys-color-on-surface-variant: rgb(113, 113, 122);--md-sys-color-background: rgb(254, 254, 254);--md-sys-color-on-background: rgb(26, 28, 30);--md-sys-color-error: rgb(186, 26, 26);--md-sys-color-on-error: rgb(255, 255, 255);--md-sys-color-outline: rgb(161, 161, 170);--md-sys-color-outline-variant: rgb(228, 228, 231)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);line-height:1.5;overflow:hidden}.app-container{display:flex;height:100vh;background-color:var(--md-sys-color-background);overflow:hidden}.sidebar{width:280px;background-color:var(--md-sys-color-surface);border-right:1px solid var(--md-sys-color-outline-variant);padding:12px;overflow-y:auto;height:100vh}.sidebar h2{font-size:18px;font-weight:500;margin-bottom:12px;color:var(--md-sys-color-on-surface)}.config-section{margin-bottom:12px;padding:10px;background-color:var(--md-sys-color-surface-variant);border-radius:8px}.config-section-title{font-size:11px;font-weight:500;margin-bottom:6px;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.5px}.help-text{font-size:11px;color:var(--md-sys-color-on-surface-variant);margin-bottom:6px}.legend-item{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px;background-color:var(--md-sys-color-surface);border-radius:8px;cursor:move;transition:all .2s}.legend-item:hover{background-color:#fafaf9}.legend-item.dragging{opacity:.5}.color-badge{width:24px;height:24px;border-radius:50%;flex-shrink:0;border:2px solid var(--md-sys-color-outline-variant);cursor:pointer;padding:0;transition:all .2s}.color-badge::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}.color-badge::-webkit-color-swatch{border:none;border-radius:50%}.color-badge::-moz-color-swatch{border:none;border-radius:50%}.color-badge:hover{transform:scale(1.1);box-shadow:0 2px 4px #0003}.new-item-container{display:flex;align-items:center;gap:8px;margin-top:6px;padding:6px 8px;background-color:#ef44440d;border:1px dashed var(--md-sys-color-outline-variant);border-radius:8px}.new-item-badge{width:20px;height:20px;border-radius:50%;border:2px dashed var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-variant);flex-shrink:0}.checkbox-container{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px;border-radius:6px;transition:background-color .2s}.checkbox-container:hover{background-color:#ef44440d}.checkbox-label{font-size:13px;color:var(--md-sys-color-on-surface)}.main-content{flex:1;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--md-sys-color-background);height:100vh;overflow:hidden}.map-header{width:100%;max-width:1400px;margin-bottom:16px}.map-title{font-size:24px;font-weight:500;margin:0 0 4px;text-align:left;color:var(--md-sys-color-on-background)}.map-subtitle{font-size:12px;font-weight:400;margin:0;text-align:left;color:var(--md-sys-color-on-surface-variant);font-style:italic}.map-and-legend-container{display:flex;gap:12px;align-items:center;justify-content:center;width:100%;max-width:1400px}.map-container{flex:1;display:flex;align-items:center;justify-content:center;max-height:calc(100vh - 120px);overflow:hidden}.map-svg{width:100%;height:100%;max-height:calc(100vh - 120px);transform:scaleX(.85)}.legend-container{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:var(--md-sys-color-surface-variant);border-radius:8px;min-width:150px}.legend-item-display{display:flex;align-items:center;gap:8px}.legend-color-box{width:20px;height:20px;border-radius:4px;border:2px solid var(--md-sys-color-outline-variant);flex-shrink:0}.legend-label{font-size:13px;color:var(--md-sys-color-on-background);white-space:nowrap}.loading-text{font-size:14px;color:var(--md-sys-color-on-surface-variant)}.floating-toolbox{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1000;user-select:none;touch-action:none}.toolbox-buttons-wrapper{display:flex;align-items:center;gap:8px;background-color:var(--md-sys-color-surface);border-radius:28px;padding:12px;box-shadow:0 4px 8px #0000001a,0 8px 16px #0000001a}.toolbox-drag-handle{font-size:16px;color:var(--md-sys-color-on-surface-variant);opacity:.4;cursor:grab;line-height:1;letter-spacing:-2px;padding:0 4px;user-select:none;transition:opacity .2s}.toolbox-drag-handle:hover{opacity:.7}.toolbox-drag-handle:active{cursor:grabbing}.toolbox-buttons{display:flex;gap:8px}.toolbox-buttons md-filled-tonal-button{--md-filled-tonal-button-container-color: var(--md-sys-color-surface-variant);--md-filled-tonal-button-label-text-color: var(--md-sys-color-on-surface);transition:all .2s}.toolbox-buttons md-filled-tonal-button.tool-active{--md-filled-tonal-button-container-color: var( --md-sys-color-primary-container );--md-filled-tonal-button-label-text-color: var( --md-sys-color-on-primary-container );box-shadow:0 2px 4px #ef44444d}.tool-config-panel{background-color:var(--md-sys-color-surface);border-radius:16px;box-shadow:0 4px 8px #0000001a,0 8px 16px #0000001a;min-width:320px;overflow:hidden;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-config-header{padding:16px;background-color:var(--md-sys-color-primary-container);border-bottom:1px solid var(--md-sys-color-outline-variant);display:flex;justify-content:space-between;align-items:center;cursor:grab}.tool-config-header:active{cursor:grabbing}.tool-config-title{font-size:14px;font-weight:500;color:var(--md-sys-color-on-primary-container);text-transform:uppercase;letter-spacing:.5px}.drag-hint{font-size:18px;color:var(--md-sys-color-on-primary-container);opacity:.5;cursor:grab;line-height:1;letter-spacing:-2px}.drag-hint:active{cursor:grabbing}.tool-config-content{padding:16px;display:flex;flex-direction:column;gap:12px}.slider-label{font-size:13px;font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:4px}.tool-instructions{font-size:12px;color:var(--md-sys-color-on-surface-variant);line-height:1.4;padding:8px;background-color:var(--md-sys-color-surface-variant);border-radius:8px;text-align:center}md-slider{--md-slider-active-track-color: var(--md-sys-color-primary);--md-slider-inactive-track-color: var(--md-sys-color-outline-variant);--md-slider-handle-color: var(--md-sys-color-primary)}md-filled-select{--md-filled-select-text-field-container-color: var( --md-sys-color-surface-variant );--md-filled-select-text-field-input-text-color: var( --md-sys-color-on-surface )}