*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;overflow:hidden}.app{height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.app-header{background-color:#4caf50;color:#fff;padding:15px 20px;text-align:center;box-shadow:0 2px 4px #0000001a}.app-header h1{margin:0;font-size:24px;font-weight:600}.main-content{flex:1;display:flex;overflow:hidden}.main-content{min-height:0}.panel{display:flex;flex-direction:column;overflow:hidden}.panel{min-width:0;min-height:0}.left-panel{background-color:#f5f5f5}.left-panel,.right-panel{height:100%}.right-panel{background-color:#fff;overflow-y:auto;padding:20px;box-sizing:border-box}.drawing-summary{margin-bottom:20px;border:1px solid #ddd;border-radius:8px;background:#f8f9fa}.drawing-summary h3,.soil-output h3,.geojson-output h3{margin:0;padding:15px 20px;background:#e9ecef;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0;color:#495057;font-size:16px}.drawing-summary p,.soil-summary p{margin:8px 0;color:#495057}.soil-output,.geojson-output{margin-bottom:20px;border:1px solid #ddd;border-radius:8px;background:#f8f9fa}.map-container{flex:1;border:2px solid #ddd;border-radius:8px;margin:10px;box-shadow:0 2px 10px #0000001a;position:relative;height:calc(100% - 20px)}.map-status{position:absolute;top:20px;left:20px;z-index:1000;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:500;box-shadow:0 2px 4px #0003}.map-status.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.map-status.info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.gutter{background-color:#ddd;background-repeat:no-repeat;background-position:50%}.gutter.gutter-horizontal{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);cursor:col-resize}.controls{margin-bottom:20px}.control-group{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-start}.control-group label{font-weight:600;color:#495057;margin-right:10px;white-space:nowrap}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-secondary:disabled{background-color:#adb5bd;cursor:not-allowed}.btn-danger{background-color:#dc3545;color:#fff}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background-color:#e0a800}.btn-map{background-color:#28a745;color:#fff;padding:8px 16px;font-size:13px}.btn-map:hover{background-color:#218838}.btn-overlay{background-color:#17a2b8;color:#fff;padding:8px 16px;font-size:13px}.btn-overlay:hover{background-color:#138496}#map{height:100%;width:100%}.json-container::-webkit-scrollbar{width:8px}.json-container::-webkit-scrollbar-track{background:#f1f1f1}.json-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.json-container::-webkit-scrollbar-thumb:hover{background:#555}:deep(.leaflet-control-layers){background:#fffffff2;border-radius:8px;box-shadow:0 2px 10px #0000001a;border:1px solid #ddd}:deep(.leaflet-control-layers-expanded){padding:10px 15px}:deep(.leaflet-control-layers-list){margin-bottom:0}:deep(.leaflet-control-layers label){font-size:13px;font-weight:500;margin-bottom:5px;display:flex;align-items:center}:deep(.leaflet-control-layers input[type="radio"]){margin-right:8px}.soil-output{margin-top:20px;border:1px solid #ddd;border-radius:8px;background:#f8f9fa}.soil-output h3{margin:0;padding:15px 20px;background:#e9ecef;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0;color:#495057}.analysis-status{padding:8px 20px;background:#f8f9fa;border-bottom:1px solid #ddd;font-size:14px}.status-text{color:#6c757d;font-weight:500}.loading-state,.error-state,.no-data,.no-polygon{text-align:center;padding:40px 20px;color:#6c757d}.loading-state p{font-size:16px;color:#28a745;margin:0}.error-state p{font-size:14px;color:#dc3545;margin:0}.soil-summary{background:#f8f9fa;padding:15px;border-bottom:1px solid #ddd;margin-bottom:0}.soil-summary p{margin:5px 0;color:#495057}.soil-legend{margin-top:15px}.soil-legend h5{margin:0 0 10px;color:#495057;font-size:14px}.legend-items{display:flex;flex-wrap:wrap;gap:8px}.legend-item{display:flex;align-items:center;gap:6px;background:#fff;padding:4px 8px;border-radius:4px;border:1px solid #ddd;font-size:12px}.legend-color{width:16px;height:16px;border-radius:3px;border:1px solid #ccc}.legend-text{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soil-data pre{margin-top:0}.soil-table{width:100%;border-collapse:collapse;margin-top:10px}.soil-table th,.soil-table td{border:1px solid #ddd;padding:8px 10px;font-size:13px;color:#333}.soil-table thead th{background:#f1f3f5;text-align:left}.soil-table tbody tr:nth-child(2n){background:#fafafa}.soil-table tfoot td{background:#f8f9fa}.geojson-output{margin-top:20px;border:1px solid #ddd;border-radius:8px;background:#f8f9fa}.geojson-output h3{margin:0;padding:15px 20px;background:#e9ecef;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0;color:#495057}.json-container{padding:20px;max-height:400px;overflow-y:auto}pre{white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4;color:#333}.progress-bar{width:100%;height:20px;background-color:#e9ecef;border-radius:10px;overflow:hidden;margin:10px 0;position:relative}.progress-fill{height:100%;background-color:#28a745;transition:width .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#333}