*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}#sidebar{z-index:1000;background:#fff;border-right:1px solid #e0e0e0;flex-direction:column;gap:16px;width:340px;min-width:340px;padding:20px;display:flex;overflow:hidden}#sidebar h1{font-size:24px;font-weight:700}#sidebar .subtitle{color:#666;margin-top:-12px;font-size:14px}#sidebar h2{font-size:16px;font-weight:600}label{color:#444;font-size:13px;font-weight:600}.stage-indicator{align-items:center;gap:0;padding:8px 0;display:flex}.stage-step{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.stage-circle{color:#9ca3af;background:#fff;border:2px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.stage-step.active .stage-circle{color:#fff;background:#2563eb;border-color:#2563eb}.stage-step.completed .stage-circle{color:#fff;background:#22c55e;border-color:#22c55e;font-size:14px}.stage-label{color:#9ca3af;white-space:nowrap;font-size:11px}.stage-step.active .stage-label{color:#2563eb;font-weight:600}.stage-step.completed .stage-label{color:#22c55e}.stage-line{background:#d1d5db;flex:1;min-width:12px;height:2px;margin:0 4px 18px}.stage-line.completed{background:#22c55e}.search-wrapper{margin-top:4px;position:relative}#search-input{border:1px solid #ccc;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s}#search-input:focus{border-color:#2563eb}#search-results{z-index:2000;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 6px 6px;max-height:240px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}#search-results .result-item{cursor:pointer;border-bottom:1px solid #f0f0f0;padding:8px 12px;font-size:13px}#search-results .result-item:hover{background:#f5f7ff}.hidden{display:none!important}.btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 16px;font-size:14px;transition:background .15s}.btn:hover{background:#f5f5f5}.btn.primary{color:#fff;background:#2563eb;border-color:#2563eb}.btn.primary:hover{background:#1d4ed8}.btn:disabled{opacity:.5;cursor:not-allowed}.stat-row{justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.stat-row span:last-child{font-weight:600}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;overflow:hidden}#progress-fill,#roads-progress-fill{background:#2563eb;width:0%;height:100%;transition:width .3s}#roads-progress-fill{width:0%}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}#progress-text{color:#666;margin-top:4px;font-size:13px}#progress-text.error{color:#dc2626}#optimization-section{margin-top:12px}#cost-chart{border:1px solid #e5e7eb;border-radius:6px;width:100%;height:120px}#optimization-text{color:#666;margin:6px 0;font-size:13px}#stop-btn{width:100%}.loading-text{color:#666;margin-top:4px;font-size:13px}.error-text{color:#dc2626;margin-bottom:8px;font-size:13px}.warning-text{color:#d97706;margin-top:4px;font-size:12px}.road-config-table{border-collapse:collapse;width:100%;font-size:13px}.road-config-row td{vertical-align:middle;padding:4px 2px}.road-swatch{width:16px}.swatch{border-radius:2px;width:12px;height:12px;display:inline-block}.swatch[data-cat=required]{background:#2563eb}.swatch[data-cat=optional]{background:#f59e0b}.swatch[data-cat=excluded]{background:#9ca3af}.road-type{font-weight:500}.road-stats{color:#666;text-align:right;white-space:nowrap;padding-right:8px!important}.road-select select{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:2px 4px;font-size:12px}.visibility-toggles{gap:12px;margin:8px 0;display:flex}.category-toggle{cursor:pointer;align-items:center;gap:4px;font-size:13px;font-weight:400;display:flex}.category-toggle input{cursor:pointer}.margin-control{margin:8px 0}.margin-control input[type=range]{width:100%;margin-top:4px}#road-config-details summary{cursor:pointer;list-style:revert}#road-config-details summary h2{display:inline}.undo-redo-bar{gap:4px;display:flex}.undo-redo-bar .btn-icon{padding:4px 10px;font-size:16px}.segment-overrides{margin:8px 0}.segment-overrides label{margin-bottom:4px;font-size:13px;font-weight:600;display:block}.override-count{color:#666;margin-left:6px;font-size:12px}.layers-panel{flex-direction:column;gap:8px;display:flex}.layers-panel h2{margin-bottom:2px;font-size:16px;font-weight:600}.layer-base{color:#444;align-items:center;gap:6px;padding:4px 0;font-size:13px;display:flex}.layer-base-dot{background:#2563eb;border-radius:50%;flex-shrink:0;width:10px;height:10px}.boundary-layer-item{border-bottom:1px solid #f0f0f0;align-items:center;gap:4px;padding:5px 0;font-size:13px;display:flex}.boundary-layer-item.dragging{opacity:.3}.boundary-layer-item.drag-over{border-top:2px solid #2563eb}.drag-handle{cursor:grab;color:#999;-webkit-user-select:none;user-select:none;font-size:16px;line-height:1}.bl-name{text-overflow:ellipsis;white-space:nowrap;cursor:default;flex:1;min-width:0;overflow:hidden}.bl-name-input{border:1px solid #2563eb;border-radius:3px;outline:none;flex:1;min-width:0;padding:1px 4px;font-size:13px}.operation-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:3px;padding:1px 2px;font-size:11px}.layer-btn{cursor:pointer;color:#888;background:0 0;border:none;border-radius:3px;padding:2px 3px;font-size:13px;line-height:1}.layer-btn:hover{color:#2563eb;background:#f0f4ff}.add-boundary-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.add-boundary-form .form-row{align-items:center;gap:8px;font-size:13px;display:flex}.add-boundary-form .form-row>label:first-child{min-width:65px;font-weight:600}.radio-option{cursor:pointer;align-items:center;gap:3px;font-weight:400;display:flex}.form-actions{gap:6px;margin-top:2px;display:flex}#segment-search-input{border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:6px 8px;font-size:13px}#segment-search-input:focus{border-color:#2563eb}#segment-search-results{z-index:2000;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 6px 6px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}#segment-search-results .result-item{cursor:pointer;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:6px 8px;font-size:13px;display:flex}#segment-search-results .result-item:hover{background:#f0f4ff}.search-match-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-match-meta{color:#999;white-space:nowrap;margin-left:8px;font-size:11px}.selection-actions{border-top:1px solid #e5e7eb;flex-direction:column;gap:6px;padding:8px 0;display:flex}.selection-status{color:#666;font-size:12px}.selection-buttons{gap:6px;display:flex}.hull-create-section{border-top:1px solid #e5e7eb;margin-top:4px;padding-top:6px}.hull-create-section summary{cursor:pointer;list-style:revert;font-size:13px;font-weight:600}.layer-section{border-top:1px solid #e5e7eb;padding-top:6px}.layer-section summary{cursor:pointer;color:#444;list-style:revert;font-size:13px;font-weight:600}.map-toolbar{flex-direction:column;display:flex}.map-toolbar-btn{cursor:pointer;color:#333;background:#fff;border:none;border-bottom:1px solid #ccc;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:16px;line-height:1;display:flex}.map-toolbar-btn:first-child{border-radius:2px 2px 0 0}.map-toolbar-btn:last-child{border-bottom:none;border-radius:0 0 2px 2px}.map-toolbar-btn:hover{background:#f4f4f4}.map-toolbar-btn.active{color:#fff;background:#2563eb}.config-io-section{margin:8px 0}#config-io-details summary{cursor:pointer;color:#444;list-style:revert;font-size:13px;font-weight:600}.config-save-row{gap:4px;margin-bottom:6px;display:flex}.config-save-row input[type=text]{border:1px solid #ccc;border-radius:4px;outline:none;flex:1;padding:5px 8px;font-size:13px}.config-save-row input[type=text]:focus{border-color:#2563eb}.saved-configs-list{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.saved-config-item{align-items:center;gap:4px;font-size:13px;display:flex}.saved-config-load{text-align:left;cursor:pointer;color:#2563eb;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:3px;flex:1;padding:3px 4px;font-size:13px;overflow:hidden}.saved-config-load:hover{background:#f0f4ff}.saved-config-date{color:#999;white-space:nowrap;font-size:11px}.saved-config-delete{cursor:pointer;color:#999;background:0 0;border:none;padding:2px 4px;font-size:13px;line-height:1}.saved-config-delete:hover{color:#dc2626}.config-io-buttons{gap:8px;display:flex}.success-text{color:#16a34a;margin-top:4px;font-size:12px}.road-overrides{margin:8px 0}.override-add{gap:4px;margin-top:6px;display:flex}.override-add input[type=text]{border:1px solid #ccc;border-radius:4px;flex:1;padding:4px 8px;font-size:13px}.override-add select{border:1px solid #ccc;border-radius:4px;padding:4px;font-size:12px}.override-item{align-items:center;gap:6px;padding:3px 0;font-size:13px;display:flex}.override-action-badge{border-radius:3px;padding:1px 6px;font-size:11px;font-weight:600}.override-action-badge.include{color:#1d4ed8;background:#dbeafe}.override-action-badge.exclude{color:#dc2626;background:#fee2e2}.override-name{flex:1}.btn-remove-override{cursor:pointer;color:#999;background:0 0;border:none;padding:0 2px;font-size:14px}.btn-remove-override:hover{color:#dc2626}.override-empty{color:#999;margin:4px 0;font-size:12px}.overpass-server-section{margin:8px 0}.overpass-server-section label{margin-bottom:4px;display:block}#server-select-row{gap:4px;display:flex}#server-select-row select{background:#fff;border:1px solid #ccc;border-radius:6px;flex:1;padding:6px 8px;font-size:13px}.btn-icon{color:#666;padding:4px 8px;font-size:13px;line-height:1}.btn-small{padding:4px 10px;font-size:12px}#custom-server-form{flex-direction:column;gap:4px;margin-top:6px;display:flex}#custom-server-form input[type=text]{border:1px solid #ccc;border-radius:6px;outline:none;width:100%;padding:6px 8px;font-size:13px}#custom-server-form input[type=text]:focus{border-color:#2563eb}.custom-server-actions{gap:4px;display:flex}.stage-nav{justify-content:space-between;gap:8px;margin-top:12px;display:flex}#stage-content{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}#tool-panel{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex;overflow-y:auto}.tool-panel-content{flex-direction:column;gap:12px;display:flex}.sidebar-footer{border-top:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:6px;padding-top:12px;display:flex}.sidebar-footer .spacer{flex:1}.route-arrow{border-bottom:8px solid #1d4ed8;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:relative}.route-arrow:after{content:"";background:#1d4ed8;width:2px;height:6px;position:absolute;top:8px;left:-1px}.boundary-hint{color:#666;margin:2px 0 8px;font-size:12px}.boundary-tools{gap:6px;display:flex}.boundary-actions{gap:6px;margin-top:6px;display:flex}.boundary-status{color:#666;margin:6px 0 0;font-size:12px}.ref-search input{border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:6px 8px;font-size:13px}.ref-search input:focus{border-color:#2563eb}.hull-mode-toggle{align-items:center;gap:12px;margin:6px 0;font-size:13px;display:flex}.hull-mode-option{cursor:pointer;align-items:center;gap:4px;display:flex}.hull-mode-hint{color:#6b7280;font-size:12px;font-style:italic}.leaflet-container.drawing-mode{cursor:crosshair!important}.draw-vertex{cursor:grab;background:#2563eb;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #0000004d}.draw-vertex:hover{background:#1d4ed8}.draw-midpoint{opacity:.6;cursor:pointer;background:#9ca3af;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px}.draw-midpoint:hover{opacity:1;background:#2563eb}#map{flex:1;height:100%}@media (width<=700px){body{flex-direction:column}#sidebar{width:100%;min-width:unset;border-bottom:1px solid #e0e0e0;border-right:none;max-height:40vh}#map{height:60vh}}.onboarding-highlight{z-index:9998;pointer-events:none;border-radius:6px;transition:top .25s,left .25s,width .25s,height .25s;position:fixed;box-shadow:0 0 0 9999px #0006}.onboarding-tooltip{z-index:9999;color:#1a1a1a;background:#fff;border-radius:8px;width:max-content;max-width:280px;padding:14px 16px;font-size:13px;line-height:1.5;animation:.2s onboarding-fadein;position:fixed;box-shadow:0 4px 20px #0003}@keyframes onboarding-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.onboarding-tooltip-title{margin-bottom:4px;font-size:14px;font-weight:600}.onboarding-tooltip-body{color:#444}.onboarding-tooltip-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.onboarding-step-counter{color:#999;font-size:12px}.onboarding-tooltip-actions{gap:6px;display:flex}.onboarding-tooltip-actions button{cursor:pointer;color:#555;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:4px 12px;font-size:12px}.onboarding-tooltip-actions button:hover{background:#eee}.onboarding-tooltip-actions .onboarding-btn-next{color:#fff;background:#2563eb;border-color:#2563eb}.onboarding-tooltip-actions .onboarding-btn-next:hover{background:#1d4ed8}.onboarding-tooltip[data-arrow=top]:before{content:"";border:7px solid #0000;border-bottom-color:#fff;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.onboarding-tooltip[data-arrow=bottom]:before{content:"";border:7px solid #0000;border-top-color:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%)}.onboarding-tooltip[data-arrow=left]:before{content:"";border:7px solid #0000;border-right-color:#fff;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.onboarding-tooltip[data-arrow=right]:before{content:"";border:7px solid #0000;border-left-color:#fff;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.replay-tour-btn{color:#666;cursor:pointer;background:#f9fafb;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:13px;line-height:1;display:flex;position:absolute;top:10px;right:10px}.replay-tour-btn:hover{color:#333;background:#eee}