.maplibre-gl-colorbar-gui-control{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.maplibre-gl-colorbar-gui-control .colorbar-gui-button{cursor:pointer;background:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;width:29px;height:29px;padding:0;transition:background-color .15s;display:flex;box-shadow:0 0 0 2px #0000001a}.maplibre-gl-colorbar-gui-control .colorbar-gui-button:hover{background-color:#f3f4f6}.maplibre-gl-colorbar-gui-control .colorbar-gui-button.active{color:#fff;background-color:#3b82f6}.maplibre-gl-colorbar-gui-control .colorbar-gui-button.active:hover{color:#fff;background-color:#2563eb}.maplibre-gl-colorbar-gui-control .colorbar-gui-button svg{width:18px;height:18px}.maplibre-gl-colorbar-gui-control .colorbar-gui-panel{z-index:1;background:#fffffff2;border-radius:4px;position:absolute;top:0;overflow:hidden;box-shadow:0 2px 8px #00000026}.maplibre-gl-colorbar-gui-control .colorbar-gui-panel.left{right:calc(100% + 8px)}.maplibre-gl-colorbar-gui-control .colorbar-gui-panel.right{left:calc(100% + 8px)}.maplibre-gl-colorbar-gui-control .colorbar-gui-header{color:#374151;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.maplibre-gl-colorbar-gui-control .colorbar-gui-close{cursor:pointer;color:#6b7280;background-color:#0000;border:none;border-radius:3px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:flex}.maplibre-gl-colorbar-gui-control .colorbar-gui-close:hover{color:#374151;background-color:#f3f4f6}.maplibre-gl-colorbar-gui-control .colorbar-gui-close svg{width:14px;height:14px}.maplibre-gl-colorbar-gui-control .colorbar-gui-content{padding:10px}.maplibre-gl-colorbar-gui-control .colorbar-gui-field{margin-bottom:10px}.maplibre-gl-colorbar-gui-control .colorbar-gui-field label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.maplibre-gl-colorbar-gui-control .colorbar-gui-input{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:4px;width:100%;padding:8px 10px;font-size:12px;transition:border-color .15s}.maplibre-gl-colorbar-gui-control .colorbar-gui-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.maplibre-gl-colorbar-gui-control .colorbar-gui-input::placeholder{color:#9ca3af}.maplibre-gl-colorbar-gui-control .colorbar-gui-select{color:#374151;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:4px;width:100%;padding:8px 10px;font-size:12px;transition:border-color .15s}.maplibre-gl-colorbar-gui-control .colorbar-gui-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.maplibre-gl-colorbar-gui-control .colorbar-gui-row{gap:10px;display:flex}.maplibre-gl-colorbar-gui-control .colorbar-gui-row .colorbar-gui-field{flex:1}.maplibre-gl-colorbar-gui-control .colorbar-gui-preview{border:1px solid #00000026;border-radius:3px;height:16px;margin-bottom:10px}.maplibre-gl-colorbar-gui-control .colorbar-gui-mode-row{gap:12px;margin-bottom:10px;display:flex}.maplibre-gl-colorbar-gui-control .colorbar-gui-radio-label{color:#374151;cursor:pointer;text-transform:none;letter-spacing:normal;align-items:center;gap:4px;font-size:12px;font-weight:400;display:flex}.maplibre-gl-colorbar-gui-control .colorbar-gui-radio-label input[type=radio]{accent-color:#3b82f6}.maplibre-gl-colorbar-gui-control .colorbar-gui-textarea{color:#374151;box-sizing:border-box;resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:4px;width:100%;min-height:50px;padding:8px 10px;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:11px;transition:border-color .15s}.maplibre-gl-colorbar-gui-control .colorbar-gui-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.maplibre-gl-colorbar-gui-control .colorbar-gui-textarea::placeholder{color:#9ca3af}.maplibre-gl-colorbar-gui-control .colorbar-gui-panel .colorbar-gui-add-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;justify-content:center;align-items:center;width:100%;margin-bottom:6px;padding:10px;font-size:13px;font-weight:600;transition:background-color .15s;display:flex}.maplibre-gl-colorbar-gui-control .colorbar-gui-panel .colorbar-gui-add-btn:hover{color:#fff;background-color:#2563eb}.maplibre-gl-colorbar-gui-control .colorbar-gui-panel .colorbar-gui-remove-btn{color:#dc2626;cursor:pointer;background-color:#0000;border:1px solid #fca5a5;border-radius:4px;justify-content:center;align-items:center;width:100%;padding:8px;font-size:12px;transition:all .15s;display:flex}.maplibre-gl-colorbar-gui-control .colorbar-gui-panel .colorbar-gui-remove-btn:hover{background-color:#fef2f2;border-color:#ef4444}